@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");:root { --primary:#111111;--secondary:#555555;--border:rgba(17,17,17,0.1);--bg:#111111;--theme:#FF6A3A;--black:#111111;--black-2:#999999;--white:#FFFFFF;--white-2:#999999;--action:#FF6A3A} :root .dark { --primary:#ffffff;--secondary:#999999;--border:rgba(255,255,255,0.1);--bg:#171717} @font-face { font-family:"Thunder";src:url("../fonts/Thunder-BoldLC.ttf");font-weight:700;font-display:swap} @font-face { font-family:"Thunder";src:url("../fonts/Thunder-SemiBoldLC.ttf");font-weight:600;font-display:swap} @font-face { font-family:"Thunder";src:url("../fonts/Thunder-LC.ttf");font-weight:400;font-display:swap} @font-face { font-family:"Thunder";src:url("../fonts/Thunder-MediumLC.ttf");font-weight:500;font-display:swap} @font-face { font-family:"Sequel Sans Roman Body";src:url("../fonts/Sequel Sans Roman Body.otf");font-weight:310;font-display:swap} @font-face { font-family:"Sequel Sans Medium Body";src:url("../fonts/Sequel Sans Medium Body.otf");font-weight:315;font-display:swap} @font-face { font-family:"TimesNow-SemiLightItalic";src:url("../fonts/TimesNow-SemiLightItalic.ttf");font-weight:400;font-display:swap} @font-face { font-family:"BDOGrotesk-Regular";src:url("../fonts/BDOGrotesk-Regular.ttf");font-weight:400;font-display:swap} @font-face { font-family:"BDOGrotesk-Regular";src:url("../fonts/BDOGrotesk-Medium.ttf");font-weight:500;font-display:swap} @font-face { font-family:"BDOGrotesk-Regular";src:url("../fonts/BDOGrotesk-DemiBold.ttf");font-weight:600;font-display:swap} @font-face { font-family:"Tartuffo_Trial";src:url("../fonts/Tartuffo_Trial-Thin.otf");font-weight:100;font-display:swap} @font-face { font-family:"Tartuffo_Trial";src:url("../fonts/Tartuffo_Trial-LightItalic.otf");font-weight:300;font-display:swap} @font-face { font-family:"Tartuffo_Trial";src:url("../fonts/Tartuffo_Trial-Light.otf");font-weight:300;font-display:swap} @font-face { font-family:"tartuffo-font-family-family";src:url("../fonts/Tartuffo_Trial-MediumItalic.otf");font-weight:500;font-display:swap} :root { --font_dmsans:"DM Sans",sans-serif;--font_instrumentsans:"Instrument Sans",sans-serif;--font_thunder:"Thunder";--font_sequelsansromanbody:"Sequel Sans Roman Body";--font_sequelsansmediumbody:"Sequel Sans Medium Body";--font_timesnow:"TimesNow-SemiLightItalic";--font_bdogrotesk:"BDOGrotesk-Regular";--font_tartuffo:"tartuffo-font-family";--font_tartuffotrial:"Tartuffo_Trial";--font_awesome:"Font Awesome 6 Free"} .font-heading-instrumentsans-medium h1,.font-heading-instrumentsans-medium h2,.font-heading-instrumentsans-medium h3,.font-heading-instrumentsans-medium h4,.font-heading-instrumentsans-medium h5,.font-heading-instrumentsans-medium h6 { font-family:var(--font_instrumentsans)} .font-heading-sequelsans-romanbody h1,.font-heading-sequelsans-romanbody h2,.font-heading-sequelsans-romanbody h3,.font-heading-sequelsans-romanbody h4,.font-heading-sequelsans-romanbody h5,.font-heading-sequelsans-romanbody h6 { font-family:var(--font_sequelsansromanbody)} .font-heading-thunder-regular h1,.font-heading-thunder-regular h2,.font-heading-thunder-regular h3,.font-heading-thunder-regular h4,.font-heading-thunder-regular h5,.font-heading-thunder-regular h6 { font-family:var(--font_thunder)} .font-heading-bdogrotesk-regular h1,.font-heading-bdogrotesk-regular h2,.font-heading-bdogrotesk-regular h3,.font-heading-bdogrotesk-regular h4,.font-heading-bdogrotesk-regular h5,.font-heading-bdogrotesk-regular h6 { font-family:var(--font_bdogrotesk)} .font-heading-tartuffotrial-thin h1,.font-heading-tartuffotrial-thin h2,.font-heading-tartuffotrial-thin h3,.font-heading-tartuffotrial-thin h4,.font-heading-tartuffotrial-thin h5,.font-heading-tartuffotrial-thin h6 { font-family:var(--font_tartuffotrial)} * { margin:0;padding:0} body { font-family:var(--font_dmsans);line-height:1} html { scroll-behavior:smooth} h1,h2,h3,h4,h5,h6 { padding:0;margin:0;color:var(--primary);line-height:1.22;font-family:var(--font_instrumentsans);font-weight:500} ul,ol { padding:0;margin:0} li { list-style:none} a { text-decoration:none;transition:all 0.3s;color:inherit} a:hover { color:var(--primary)} button { background-color:transparent;border:0} p { padding:0;margin:0;font-weight:400;font-size:22px;line-height:30px;color:var(--secondary)} @media only screen and (max-width:1399px) { p { font-size:20px;line-height:28px} } strong { font-weight:500} video,iframe,img { margin:0;padding:0} img { max-width:100%} .medium { font-weight:600} .bold { font-weight:700} @media only screen and (max-width:767px) { .g-0 { padding-right:15px;padding-left:15px} .row.g-0 { padding-right:0;padding-left:0} br { display:none} } main { display:inline-block;width:100%;overflow:hidden} h1 { font-size:48px} h2 { font-size:36px} h3 { font-size:32px} h4 { font-size:24px} h5 { font-size:20px} h6 { font-size:18px} .t_parallax_image { overflow:hidden} @keyframes t-Bubble { 0% { scale:1} 50% { scale:1.5} 100% { scale:1} } @keyframes t-Zoom { 0% { scale:1} 50% { scale:0.5} 100% { scale:1} } @keyframes t-Zoom_2 { 0% { scale:1} 50% { scale:0.9} 100% { scale:1} } @keyframes t-SlideBottom { 0% { transform:translateY(0)} 50% { transform:translateY(50px)} 100% { transform:translateY(0)} } @keyframes t-reveal { to { opacity:1;filter:blur(0px)} } @keyframes t-fadeUp { 0% { opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)} 100% { opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } @keyframes t-spinner { to { transform:rotateZ(360deg)} } @keyframes t-characters { 0%,75%,100% { opacity:0;transform:rotateY(-90deg)} 25%,50% { opacity:1;transform:rotateY(0deg)} } @keyframes t-sheen { 50% { transform:translateY(-20px);color:var(--primary)} } @keyframes t-slide { from { transform:translateX(0)} to { transform:translateX(-100%)} } @keyframes slideFadeIn { from { opacity:0;transform:translateY(-130px)} to { opacity:1;transform:translateY(0)} } .body-overlay { position:fixed;z-index:9;pointer-events:none;top:0;opacity:1;inset-inline-start:0;width:100vw;height:100vh;background-repeat:repeat;background-position:top left;background-image:url(../imgs/writer/body-bg.webp)} .container-xl { max-width:1550px} .rr-container-1405 { max-width:1405px} .text-slider-active .swiper-slide { width:auto} ::-webkit-scrollbar { width:5px} ::-webkit-scrollbar-track { background:#d6d6d6} ::-webkit-scrollbar-thumb { background:#888} ::-webkit-scrollbar-thumb:hover { background:#555} .pos-abs { position:absolute} .circle-text { width:140px;height:140px;position:relative;border-radius:100px;background:transparent;display:flex;align-items:center;justify-content:center;padding:14px} @media only screen and (max-width:991px) { .circle-text { width:120px;height:120px} } .circle-text .text { width:100%;height:100%;font-size:14px;color:var(--primary);position:absolute;-webkit-animation:textRotation 8s linear infinite;animation:textRotation 8s linear infinite} @-webkit-keyframes textRotation { to { -webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes textRotation { to { -webkit-transform:rotate(360deg);transform:rotate(360deg)} } .circle-text .text span { left:50%;top:0px;font-size:14px;text-transform:uppercase;position:absolute;transform-origin:0 65px} .circle-text .icon { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .circle-text:before { position:absolute;content:"";width:100%;height:100%;border:37px solid transparent;border-radius:50%} .p-relative { position:relative} .p-absolute { position:absolute} .fix { overflow:hidden} .bg-full { position:absolute;width:100%;height:100%;top:0;left:0} .bg-full img { width:100%;height:100%;object-fit:cover} .border-top-bottom { border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .has-top-line { position:relative;padding-top:10px} .has-top-line:before { position:absolute;content:"";width:100%;height:1px;background-color:currentColor;top:0;left:0} .has-bottom-line { position:relative;padding-bottom:10px} .has-bottom-line:after { position:absolute;content:"";width:100%;height:1px;background-color:currentColor;bottom:0;left:0} .has-left-line { position:relative;padding-inline-start:35px;display:inline-block} .has-left-line:before { position:absolute;content:"";width:30px;height:1px;background-color:currentColor;inset-inline-start:0;top:50%;transform:translateY(-50%)} .has-right-line { position:relative;padding-inline-end:35px;display:inline-block} .has-right-line:after { position:absolute;content:"";width:30px;height:1px;background-color:currentColor;inset-inline-end:0;top:50%;transform:translateY(-50%)} .t-btn-play { width:56px;height:56px;display:inline-flex;justify-content:center;align-items:center;border:1.5px solid currentColor;color:var(--primary);border-radius:50%;transition:all 0.5s;font-size:14px} @media only screen and (max-width:767px) { .t-btn-play { width:50px;height:50px;font-size:12px;border-width:1px} } .t-btn-play:hover { color:var(--theme,--action)} .t-btn-play.light { color:var(--white)} .t-btn-play.light:hover { color:var(--white)} .t-btn-play.dark { color:var(--black)} .t-btn-play.dark:hover { color:var(--black)} .show-light { display:inline-block} .show-dark { display:none} .line-area { position:relative} .lines { width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:space-between} .lines .line { width:1px;height:100%;background-color:rgba(0,81,83,0.031372549);display:inline-block;position:relative;z-index:1} .t-btn-icon i { transform:rotate(-45deg);transition:all 0.3s;font-size:20px;color:var(--primary)} .t-btn-icon:hover i { transform:rotate(0)} .list-check li { position:relative;padding-inline-start:30px;font-size:18px;font-weight:400;line-height:1.4;margin-bottom:10px} .list-check li::before { content:"";position:absolute;inset-inline-start:0;background-image:url("../imgs/electrician/check-mark.webp");background-repeat:no-repeat;width:14px;height:14px;top:4px;transform:rotateY(0deg)} .list-check li:last-child { margin-bottom:0} .list-plus li { position:relative;padding-inline-start:30px;font-size:18px;font-weight:400;line-height:1.4;display:inline-block;width:100%} .list-plus li::before { content:"+";position:absolute;inset-inline-start:0;top:-10px;font-size:30px;font-weight:300;line-height:1} .list-plus li:not(:last-child) { margin-bottom:10px} .pos-center { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1} .pagination-with-dash { font-size:14px;display:flex;gap:10px;color:var(--primary);align-items:center} .pagination-with-dash .dash { width:100px;height:1px;background-color:var(--primary)} .pagination-with-dash .swiper-pagination-current { display:flex;gap:5px;align-items:center} .pagination-with-dash .swiper-pagination-current:before { content:url(../imgs/icon/arrow-left.webp)} .pagination-with-dash .swiper-pagination-total { display:flex;gap:5px;align-items:center} .pagination-with-dash .swiper-pagination-total:after { content:url(../imgs/icon/arrow-right.webp)} .t__toggle_switcher .slide-toggle-wrapper { display:flex;justify-content:center} .t__toggle_switcher .slide-toggle-btn { --switcher-width:40px;--switcher-border-width:2px;--switcher-indicator-width:16px;background-color:#F0F7F8;display:flex;align-items:center;justify-content:center;gap:10px;user-select:none} .t__toggle_switcher .slide-toggle-btn input { display:none} .t__toggle_switcher .before_label,.t__toggle_switcher .after_label { cursor:pointer;font-size:18px;color:var(--primary)} .t__toggle_switcher .toggle-pane { display:none} .t__toggle_switcher .toggle-pane.show { display:block} .t__toggle_switcher.style-1 .switcher { display:inline-block;width:var(--switcher-width);height:20px;background-color:#999999;border:var(--switcher-border-width) solid #999999;border-radius:10px;position:relative;cursor:pointer} .t__toggle_switcher.style-1 .switcher::before { content:"";position:absolute;top:50%;left:0;width:var(--switcher-indicator-width);height:var(--switcher-indicator-width);background-color:#ffffff;border-radius:50%;transition:transform 0.3s;transform:translate(0px,-50%)} .t__toggle_switcher.style-1 input:checked+.switcher::before { transform:translate(calc(var(--switcher-width) - (var(--switcher-indicator-width) + 2 * var(--switcher-border-width))),-50%)} .t__toggle_switcher.style-1 input:checked+.switcher { background-color:#000;border-color:#000} .t__toggle_switcher.style-2 .before_label,.t__toggle_switcher.style-2 .after_label { padding:22px 38px;position:relative;z-index:2;font-size:16px;line-height:1;color:var(--primary)} .t__toggle_switcher.style-2 .before_label:after,.t__toggle_switcher.style-2 .after_label:after { content:"";width:100%;height:100%;border-radius:60px;position:absolute;left:0;top:0;background-color:var(--theme);z-index:-1;opacity:0;visibility:hidden;transition:transform 0.3s} .t__toggle_switcher.style-2 .before_label.active,.t__toggle_switcher.style-2 .after_label.active { color:var(--primary)} .t__toggle_switcher.style-2 .before_label.active:after,.t__toggle_switcher.style-2 .after_label.active:after { opacity:1;visibility:visible;transform:translatex(0)} .t__toggle_switcher.style-2 .before_label:after { transform:translatex(100%)} .t__toggle_switcher.style-2 .after_label:after { transform:translatex(-100%)} .t__toggle_switcher.style-2 .slide-toggle-btn { gap:0;border-radius:60px} .parallax-view { overflow:hidden} .hover-reveal { position:relative;overflow:hidden;cursor:none} .hover-reveal:hover>*:first-child { opacity:1 !important} .hover-reveal>*:first-child { opacity:0;z-index:1} .section-spacing { padding-top:100px;padding-bottom:100px} @media only screen and (max-width:1919px) { .section-spacing { padding-top:90px;padding-bottom:90px} } @media only screen and (max-width:1399px) { .section-spacing { padding-top:80px;padding-bottom:80px} } @media only screen and (max-width:1199px) { .section-spacing { padding-top:60px;padding-bottom:60px} } .section-spacing-top { padding-top:100px} @media only screen and (max-width:1919px) { .section-spacing-top { padding-top:90px} } @media only screen and (max-width:1399px) { .section-spacing-top { padding-top:80px} } @media only screen and (max-width:1199px) { .section-spacing-top { padding-top:60px} } .section-spacing-bottom { padding-bottom:100px} @media only screen and (max-width:1919px) { .section-spacing-bottom { padding-bottom:90px} } @media only screen and (max-width:1399px) { .section-spacing-bottom { padding-bottom:80px} } @media only screen and (max-width:1199px) { .section-spacing-bottom { padding-bottom:60px} } .container { --bs-gutter-x:30px} @media (min-width:1600px) { .container.full-hd { max-width:1920px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0} } .section-subtitle { font-size:14px;font-weight:400;line-height:20px;display:inline-block;text-transform:uppercase;color:var(--primary)} .section-title { font-size:100px} @media only screen and (max-width:1919px) { .section-title { font-size:80px} } @media only screen and (max-width:1399px) { .section-title { font-size:60px} } @media only screen and (max-width:1199px) { .section-title { font-size:50px} } @media only screen and (max-width:991px) { .section-title { font-size:40px} } @media only screen and (max-width:767px) { .section-title { font-size:35px} } .section-title.font-instrumentsans-medium { font-family:var(--font_instrumentsans);font-weight:500;line-height:0.9} .section-title.font-sequelsans-romanbody { font-family:var(--font_sequelsansromanbody);font-weight:310;line-height:0.9;letter-spacing:-0.07em} @media only screen and (max-width:991px) { .section-title.font-sequelsans-romanbody { line-height:1.1} } .section-title.font-thunder-regular { font-family:var(--font_thunder);font-weight:400;line-height:0.85;text-transform:uppercase} .section-title.font-thunder-regular span { font-family:var(--font_timesnow);color:rgba(17,17,17,0.4);display:inline-block;line-height:0} .section-title.font-bdogrotesk-regular { font-family:var(--font_bdogrotesk);font-weight:400;line-height:0.95;letter-spacing:-0.05em} @media only screen and (max-width:991px) { .section-title.font-bdogrotesk-regular { line-height:1.1} } .section-title.font-tartuffotrial-thin { font-family:var(--font_tartuffotrial);font-weight:100;line-height:1} .text-invert>div { background-image:linear-gradient(to right,var(--primary) 50%,#CDC9C6 51%);background-size:200% 100%;background-position-x:100%;color:transparent;background-clip:text;-webkit-background-clip:text} .offcanvas-overlay { position:fixed;height:100%;width:100%;background:#000;z-index:900;top:0;opacity:0;visibility:hidden;transition:all 0.5s} .offcanvas-overlay.overlay-open { opacity:0.5;visibility:visible} .side-info-close { font-size:18px;padding:0;transition:all 0.3s linear;background-color:var(--white);color:var(--black);width:40px;height:40px;border:1px solid var(--black);border-radius:50%;line-height:38px} .dark .side-info-close { background-color:#292828;color:var(--white)} .side-info-close:hover { transform:rotate(90deg)} .side-info { background:var(--white) none repeat scroll 0 0;padding:40px 45px;position:fixed;right:0;top:0;width:500px;height:100%;-webkit-transform:translateX(calc(100% + 80px));-moz-transform:translateX(calc(100% + 80px));-ms-transform:translateX(calc(100% + 80px));-o-transform:translateX(calc(100% + 80px));transform:translateX(calc(100% + 80px));-webkit-transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;-moz-transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;z-index:9999;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-width:none} .dark .side-info { background-color:var(--black)} .side-info ::-webkit-scrollbar { display:none} @media (max-width:575px) { .side-info { width:100%;padding:30px 30px} } .side-info.info-open { opacity:1;transform:translateX(0)} .offset-header { display:flex;justify-content:space-between;align-items:center} .offset-logo { width:120px} @media (max-width:575px) { .offset-logo { width:100px} } .offset-logo img { max-width:120px} .dark .offset-logo .light-logo { display:none} .offset-logo .dark-logo { display:none} .dark .offset-logo .dark-logo { display:block} .offset-button { margin-top:40px} @media (min-width:576px) { .offset-button { display:none} } .offset-widget-box { margin-top:40px} .offset-widget-box .title { font-size:24px;line-height:1.33;margin-bottom:15px} @media only screen and (max-width:1919px) { .offset-widget-box .title { margin-bottom:22px} } .offset-widget-box .contact-meta>*:not(:first-child) { margin-top:16px} .offset-widget-box .contact-item { display:flex;align-items:center;gap:14px} .offset-widget-box .contact-item span { color:var(--primary);font-weight:500} .offset-widget-box .contact-item span a:hover { color:var(--secondary)} .offset-widget-box .contact-item .icon { width:40px;min-width:40px;height:40px;display:inline-flex;border:1px solid var(--primary);justify-content:center;align-items:center;border-radius:50%;color:var(--primary)} .mobile-menu { margin-top:40px} .mobile-menu.mean-container .mean-nav>ul { padding:0;margin:0;width:100%;list-style-type:none;display:block !important} .mobile-menu.mean-container .mean-nav>ul>li:last-child>a { border-bottom:1px solid var(--border)} .mobile-menu.mean-container .mean-nav { background:none;margin-top:0} .mobile-menu.mean-container .mean-nav .new { font-size:10px;font-weight:600;background:#FFA38E;color:var(--black-2);padding:3px 7px;line-height:1;display:flex;align-items:center;border-radius:2px} .mobile-menu.mean-container .mean-nav ul li a { width:100%;padding:15px 0;padding-inline-start:0px;font-weight:500;font-size:18px;line-height:1;color:var(--primary);text-transform:capitalize;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-start;align-items:center;outline:none;transform:translateY(var(--y)) translateZ(0);transition:transform 0.4s ease,box-shadow 0.4s ease;box-sizing:border-box;opacity:1} @media only screen and (max-width:767px) { .mobile-menu.mean-container .mean-nav ul li a { font-size:20px} } .mobile-menu.mean-container .mean-nav ul li a:hover { color:var(--secondary)} .mobile-menu.mean-container .mean-nav ul li a.mean-expand { width:100%;height:48px;justify-content:end;font-weight:300;border:none !important;background:transparent;color:var(--primary)} @media only screen and (max-width:767px) { .mobile-menu.mean-container .mean-nav ul li a.mean-expand { height:50px} } .mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover { opacity:1} .mobile-menu.mean-container .mean-nav ul li li:first-child { border-top:1px solid var(--border)} .mobile-menu.mean-container .mean-nav ul li li a { font-size:16px;text-transform:capitalize;border-top:none !important;padding:12px 0;padding-inline-start:15px} .mobile-menu.mean-container .mean-nav ul li li a.mean-expand { height:58px} @media only screen and (max-width:991px) { .mobile-menu.mean-container .mean-nav ul li li a.mean-expand { height:25px} } @media only screen and (max-width:767px) { .mobile-menu.mean-container .mean-nav ul li li a.mean-expand { height:22px} } .mobile-menu.mean-container .mean-nav ul li li li:last-child { border-bottom:1px solid var(--border)} .mobile-menu.mean-container .mean-nav ul li li li a { padding-left:40px} .mobile-menu.mean-container .mean-bar { padding:0;background:none;max-height:auto;overflow-y:scroll} .mobile-menu.mean-container .mean-bar::-webkit-scrollbar { width:0} .mobile-menu.mean-container a.meanmenu-reveal { display:none !important} .body-page-inner { position:relative;z-index:100;background-color:#FFFFFF} .body-page-inner.dark .header-area-2 .side-toggle { background-color:#1D1C1C} @media (min-width:1650px) { .body-page-inner .container.large { max-width:1650px;--container-max-widths:1620px;--bs-gutter-x:30px} } .body-page-inner .header-area-2 .side-toggle { background-color:rgb(243,243,243)} .dark .body-page-inner .header-area-2 .side-toggle { background-color:#1D1C1C} .body-page-inner .header-area-2__inner { border-bottom:1px solid var(--border)} .header-sticky { transition:all 0.5s} .transformed { position:fixed !important;top:0;left:0;right:0;width:100%;z-index:800;transform:translateY(-100%)} .transformed .header-area__inner { height:80px} .sticky { position:fixed !important;top:0;left:0;right:0;width:100%;z-index:800;background-color:#FFFFFF;transform:translateY(0%)} .sticky .header-area__inner { height:80px} .page-title-wrapper { margin-top:68px;margin-bottom:28px} @media only screen and (max-width:991px) { .page-title-wrapper { margin-bottom:10px} } .page-title-wrapper .page-title { font-family:var(--font_thunder);font-size:495px;font-weight:600;line-height:0.8;letter-spacing:-0.02em;text-align:center;text-transform:uppercase} @media only screen and (max-width:1919px) { .page-title-wrapper .page-title { font-size:385px} } @media only screen and (max-width:1399px) { .page-title-wrapper .page-title { font-size:325px} } @media only screen and (max-width:1199px) { .page-title-wrapper .page-title { font-size:265px} } @media only screen and (max-width:991px) { .page-title-wrapper .page-title { font-size:185px} } @media only screen and (max-width:767px) { .page-title-wrapper .page-title { font-size:125px} } @media (max-width:575px) { .page-title-wrapper .page-title { font-size:90px} } html { --container-max-widths:1320px} @media only screen and (max-width:1399px) { html { --container-max-widths:1140px} } @media only screen and (max-width:1199px) { html { --container-max-widths:960px} } @media only screen and (max-width:991px) { html { --container-max-widths:720px} } @media only screen and (max-width:767px) { html { --container-max-widths:540px} } body { background-color:#F8F8F8;color:var(--secondary)} .body-wrapper { background-color:var(--white)} .body-wrapper.dark { background-color:var(--black)} .img_anim_reveal { visibility:hidden;overflow:hidden} .img_anim_reveal img { object-fit:cover;transform-origin:left} .anim-reveal { overflow:hidden} .anim-reveal-line { overflow:hidden} .color-white { color:var(--white)} .color-black { color:var(--black)} .color-primary { color:var(--primary)} .color-secondary { color:var(--secondary)} .bg-white { background-color:var(--white)} .bg-black { background-color:var(--black)} .bg-primary { background-color:var(--primary)} .bg-secondary { background-color:var(--secondary)} .bg-transparent { background-color:transparent !important} .bg-theme { background-color:var(--theme) !important} .zi-1 { z-index:1} .zi-2 { z-index:2} .zi-0 { z-index:0} .zi--1 { z-index:-1} .text-underline { text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-skip-ink:none} .header__area-6 { position:unset} .vertically-center { height:100%;display:flex;flex-direction:column;justify-content:center} .text-indent-40 { text-indent:40px} .text-indent-50 { text-indent:50px} header { margin-bottom:-1px;z-index:100} section { margin-bottom:-1px} .mb--1 { margin-bottom:-5px} .dir-rtl { direction:rtl} .show-dark { display:inline-block} .show-light { display:none} .line-divider-sm { height:0.5px;background-color:var(--black-9)} .admin-bar header,.admin-bar .body-wrapper { margin-top:32px} .swiper,.swiper-container { direction:ltr} .border-e-0 { border-inline-end:0 !important} .border-s-0 { border-inline-start:0 !important} .container-preloader { align-items:center;cursor:none;display:flex;width:100vw;height:100vh;justify-content:center;position:fixed;left:0;top:0;z-index:900} .container-preloader .animation-preloader { position:absolute;z-index:100} .container-preloader .animation-preloader .spinner { animation:t-spinner 1s infinite linear;border-radius:50%;height:9em;width:9em;border:10px solid var(--primary);border-top-color:var(--white);margin:0 auto 3.5em auto} .dark .container-preloader .animation-preloader .spinner { border-top-color:var(--black)} @media only screen and (max-width:1919px) { .container-preloader .animation-preloader .spinner { height:5em;width:5em;border-width:5px} } @media only screen and (max-width:767px) { .container-preloader .animation-preloader .spinner { margin:0 auto 0.2em auto} } .container-preloader .animation-preloader .txt-loading { font:bold 5em "Montserrat",sans-serif;text-align:center;user-select:none} .container-preloader .animation-preloader .txt-loading .characters { color:var(--white);position:relative;display:inline-block} @media only screen and (max-width:767px) { .container-preloader .animation-preloader .txt-loading .characters { font-size:50px} } .container-preloader .animation-preloader .txt-loading .characters:before { color:var(--primary);content:attr(data-text);animation:t-characters 4s infinite;left:0;top:0;opacity:0;position:absolute;transform:rotateY(-90deg)} .container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before { animation-delay:0.2s} .container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before { animation-delay:0.4s} .container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before { animation-delay:0.6s} .container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before { animation-delay:0.8s} .container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before { animation-delay:1s} .container-preloader .loader-section { background-color:var(--white);height:100%;position:fixed;top:0;width:calc(50% + 1px)} .dark .container-preloader .loader-section { background-color:var(--black)} .container-preloader .loader-section.section-left { left:0} .container-preloader .loader-section.section-right { right:0} .loaded .animation-preloader { opacity:0;transition:0.3s ease-out} .loaded .loader-section.section-left { transform:translateX(-101%);transition:0.7s 0.3s all cubic-bezier(0.1,0.1,0.1,1)} .loaded .loader-section.section-right { transform:translateX(101%);transition:0.7s 0.3s all cubic-bezier(0.1,0.1,0.1,1)} .scroll__down { display:flex;gap:20px;align-items:center} .scroll__down p { font-weight:500;font-size:14px;line-height:1.9;text-transform:uppercase;color:var(--white)} .scroll__down span { width:66px;height:106px;border:1px solid var(--black-6);display:flex;align-items:center;justify-content:center;border-radius:89px} .scroll__down span i { color:var(--white)} .scroll__down-wrapper { height:425px;display:flex;align-items:center;justify-content:center} @media only screen and (max-width:1399px) { .scroll__down-wrapper { height:380px} } @media only screen and (max-width:1199px) { .scroll__down-wrapper { height:350px} } @media only screen and (max-width:767px) { .scroll__down-wrapper { height:auto;padding:40px 0} } .scroll-top { width:50px;height:50px;position:fixed;right:15px;bottom:0px;z-index:9999;background:var(--white);border-radius:100px;mix-blend-mode:exclusion;opacity:0;visibility:hidden;transition:all 0.5s} .scroll-top.showed { opacity:1;visibility:visible;bottom:20px} .go-top-writer { width:105px;font-size:16px;cursor:pointer;text-align:left;color:var(--white);background-image:url(../imgs/writer/go-top.webp);background-position:right center;background-repeat:no-repeat;right:16%;visibility:hidden;opacity:0;z-index:9;transition:all 0.5s} .go-top-writer:hover { color:var(--primary)} .go-top-writer.showed { opacity:1;visibility:visible;bottom:20px} @media only screen and (max-width:767px) { .go-top-writer br { display:block} } .progress-wrap { position:fixed;right:20px;bottom:20px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-100px);transition:all 300ms linear} .progress-wrap.active-progress { opacity:1;visibility:visible;transform:translateY(0);mix-blend-mode:exclusion;background-color:var(--black)} .progress-wrap::after { position:absolute;content:"\f062";font:var(--fa-font-solid);text-align:center;line-height:46px;font-size:20px;color:var(--primary);left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;transition:all 200ms linear;border-radius:50px} .dark .progress-wrap::after { color:var(--black)} .progress-wrap svg path { fill:var(--black-6)} .progress-wrap svg.progress-circle path { fill:var(--white);stroke:transparent;stroke-width:5;box-sizing:border-box;transition:all 200ms linear} .light .scroll__down p { color:var(--black)} .light .scroll__down span { border-color:var(--white-3)} .light .scroll__down span i { color:var(--black)} .light.go-top-writer { color:var(--black);background-color:transparent;background-image:url(../imgs/writer/go-top-light.webp)} .light.progress-wrap { margin:0;background-color:transparent} .light.progress-wrap svg path { fill:var(--black)} .light.progress-wrap::after { color:var(--white)} .rr-btn-group { display:inline-flex;align-items:center;text-decoration:none;font-family:var(--font_dmsans)} .rr-btn-group.btn-whte .b { border:1px solid white;color:var(--white)} .rr-btn-group.btn-whte .c { border:1px solid white;color:var(--white)} .rr-btn-group span { letter-spacing:0} .rr-btn-group:hover .b { transform:rotate(-20deg)} .rr-btn-group:hover .c { transform:translate(-7px,0px)} .rr-btn-group .b { padding:9px 25px;font-weight:500;font-size:18px;line-height:1;color:var(--primary);background-color:transparent;border:2px solid var(--primary);border-radius:50px;transition:all 0.3s} .rr-btn-group .c { padding:9px 11px;font-weight:500;font-size:18px;line-height:1;color:var(--primary);background-color:transparent;border:2px solid var(--primary);border-radius:50px;transition:all 0.3s} .rr-btn-group .c i { rotate:-30deg} .rr-btn { justify-content:center;position:relative;overflow:hidden;z-index:5;padding:26px 42px;background-color:var(--primary);color:var(--white);border:1px solid var(--primary);border-radius:100px;font-style:normal;font-weight:500;font-size:18px;line-height:1;display:inline-flex;align-items:center;text-transform:capitalize;letter-spacing:-0.02em} .dark .rr-btn { color:var(--black)} @media only screen and (max-width:1199px) { .rr-btn { padding:18px 29px} } .rr-btn:hover::before,.rr-btn:focus::before { height:100%} .rr-btn:hover .btn-wrap .text-one,.rr-btn:focus .btn-wrap .text-one { transform:translateY(-150%)} .rr-btn:hover .btn-wrap .text-two,.rr-btn:focus .btn-wrap .text-two { top:50%;transform:translateY(-50%);color:var(--black)} .dark .rr-btn:hover .btn-wrap .text-two,.dark .rr-btn:focus .btn-wrap .text-two { color:var(--white)} .rr-btn:after { display:block;clear:both;content:""} .rr-btn::before { background-color:var(--white);content:"";width:100%;height:0;bottom:0;position:absolute;transition:all 0.5s} .dark .rr-btn::before { background-color:var(--black)} .rr-btn .btn-wrap { z-index:1;overflow:hidden;position:relative;display:inline-block;border:none} .rr-btn .btn-wrap .text-one,.rr-btn .btn-wrap .text-two { display:flex;align-items:center} .rr-btn .btn-wrap .text-one { position:relative;display:block;color:var(--white);transition:all 0.5s} .dark .rr-btn .btn-wrap .text-one { color:var(--black)} .rr-btn .btn-wrap .text-two { position:absolute;top:100%;display:block;color:var(--white);transition:all 0.5s} .dark .rr-btn .btn-wrap .text-two { color:var(--black)} .rr-btn.btn-border { border:1px solid rgba(17,17,17,0.15);background-color:transparent;color:var(--primary);padding:25px 42px} .dark .rr-btn.btn-border { border-color:rgba(255,255,255,0.15)} .rr-btn.btn-border:hover,.rr-btn.btn-border:focus { border-color:transparent;color:white} .rr-btn.btn-border:hover .text-two,.rr-btn.btn-border:focus .text-two { color:#F9F9F9} .rr-btn.btn-border .btn-wrap .text-one { color:var(--primary)} .rr-btn.btn-border .btn-wrap .text-two { color:var(--white)} .rr-btn.btn-border-white { border:1px solid rgba(252,247,243,0.1);background-color:transparent} .rr-btn.hover-bg-theme { border-width:0} .rr-btn.hover-bg-theme:hover .btn-wrap .text-two,.rr-btn.hover-bg-theme:focus .btn-wrap .text-two { color:var(--white)} .rr-btn.hover-bg-theme::before { background-color:var(--theme)} .rr-btn.hover-bg-theme.btn-border { border-width:1px} .rr-btn-underline { font-size:14px;font-weight:500;letter-spacing:0;color:var(--primary);text-transform:uppercase;position:relative;display:inline-flex;align-items:center;gap:10px;padding-bottom:4px;white-space:nowrap} .rr-btn-underline:hover::before { width:0} .rr-btn-underline::before { position:absolute;content:"";inset-inline-start:0;bottom:0px;width:100%;height:2px;background-color:currentColor;transition:0.3s} .rr-btn-underline i { font-size:10px} .rr-hover-btn-wrapper { display:inline-block} .rr-btn-circle { position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:170px;height:170px;border-radius:50%;font-weight:500;font-size:14px;line-height:16px;text-transform:uppercase;color:var(--primary);border:1px solid rgba(17,17,17,0.2);z-index:1} .dark .rr-btn-circle { border-color:rgba(255,255,255,0.2)} .rr-btn-circle:hover { color:var(--white);border-color:transparent} .dark .rr-btn-circle:hover { color:var(--black)} .rr-btn-circle:hover .rr-btn-circle-dot { width:400px;height:400px} .rr-btn-circle-dot { position:absolute;width:1px;height:1px;background-color:var(--primary);line-height:20px;border-radius:50%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1} @keyframes mask_animation { from { -webkit-mask-position:0 0;mask-position:0 0} to { -webkit-mask-position:100% 0;mask-position:100% 0} } @keyframes mask_animation_2 { from { -webkit-mask-position:100% 0;mask-position:100% 0} to { -webkit-mask-position:0 0;mask-position:0 0} } .btn-hover-default { transition:all 0.5s} .btn-hover-default:hover { color:var(--black);background-color:var(--white)} .btn-hover-cross { overflow:hidden;position:relative;transition:all 1s} .btn-hover-cross::after { position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:var(--primary);transform:translateX(-50%) translateY(-50%) rotate(0deg);transition:all 0.75s;opacity:0.5;z-index:-1} .btn-hover-cross:hover { border-color:var(--primary);background-color:transparent} .btn-hover-cross:hover::after { height:120%;opacity:1} .btn-hover-divide { overflow:hidden;position:relative;transition:all 1s;z-index:1} .btn-hover-divide::after { position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:var(--primary);transform:translateX(-50%) translateY(-50%) rotate(90deg);transition:all 0.75s;opacity:0.5;z-index:-1} .btn-hover-divide:hover { border-color:var(--primary);background-color:transparent !important;border-color:transparent} .btn-hover-divide:hover::after { height:400%;opacity:1} .btn-hover-cropping { overflow:hidden;position:relative;transition:all 1s} .btn-hover-cropping::after { position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:var(--primary);transform:translateX(-50%) translateY(-50%) rotate(25deg);transition:all 0.75s;opacity:0.5;z-index:-1} .btn-hover-cropping:hover { border-color:var(--primary);background-color:transparent} .btn-hover-cropping:hover::after { height:400%;opacity:1} .btn-hover-mask { gap:10px;display:inline-flex;align-items:center;padding:15px 30px;position:relative;overflow:hidden;transition:all 0.5s;border-radius:5px;color:var(--white);font-weight:400;font-size:16px;border:1px solid var(--white);z-index:1} .btn-hover-mask::after { display:flex;align-items:center;justify-content:center;color:var(--black);position:absolute;content:attr(data-text);cursor:pointer;width:100%;height:100%;left:0;top:0;background-color:var(--white);mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.webp");mask-size:2300% 100%;animation:mask_animation_2 0.7s steps(22) forwards} .btn-hover-mask:hover { color:var(--white)} .btn-hover-mask:hover::after { animation:mask_animation 0.7s steps(22) forwards} .btn-rollover-top { position:relative;transition:all 0.4s cubic-bezier(0.215,0.61,0.355,1) 0s} .btn-rollover-top:before { position:absolute;left:0px;bottom:0px;height:0px;width:100%;z-index:-1;content:"";background-color:var(--primary);transition:all 0.4s cubic-bezier(0.215,0.61,0.355,1) 0s} .btn-rollover-top:hover { border-color:var(--primary);background-color:transparent} .btn-rollover-top:hover::before { top:0%;bottom:auto;height:100%} .btn-rollover-left { position:relative;transition:all 0.4s cubic-bezier(0.215,0.61,0.355,1) 0s} .btn-rollover-left::before { position:absolute;top:0px;right:0px;height:100%;width:0px;z-index:-1;content:"";background-color:var(--primary);transition:all 0.4s cubic-bezier(0.42,0,0.58,1) 0s} .btn-rollover-left:hover { border-color:var(--primary);background-color:transparent} .btn-rollover-left:hover::before { left:0%;right:auto;width:100%} .btn-rollover-cross { overflow:hidden;position:relative;transition:all 0.5s} .btn-rollover-cross::before { position:absolute;content:"";width:100%;height:100%;bottom:100%;left:100%;opacity:0;border-bottom:3px solid var(--primary);border-left:3px solid var(--primary);transition:all 0.75s} .btn-rollover-cross::after { position:absolute;content:"";width:100%;height:100%;top:100%;right:100%;opacity:0;border-top:3px solid var(--primary);border-right:3px solid var(--primary);transition:all 0.75s} .btn-rollover-cross:hover { border-color:transparent;color:var(--primary)} .btn-rollover-cross:hover::before { bottom:0;left:0;opacity:1;width:100%;height:100%} .btn-rollover-cross:hover::after { top:0;right:0;opacity:1;width:100%;height:100%} .btn-parallal-border { overflow:hidden;position:relative;transition:all 0.5s} .btn-parallal-border::before { position:absolute;content:"";width:0%;height:0%;bottom:0;left:0;opacity:0;border-bottom:3px solid var(--primary);border-left:3px solid var(--primary);border-radius:5px;transition:all 0.75s} .btn-parallal-border::after { position:absolute;content:"";width:0%;height:0%;top:0;right:0;opacity:0;border-top:3px solid var(--primary);border-right:3px solid var(--primary);border-radius:5px;transition:all 0.75s} .btn-parallal-border:hover { border-color:transparent;color:var(--primary)} .btn-parallal-border:hover::before { opacity:1;width:100%;height:100%} .btn-parallal-border:hover::after { opacity:1;width:100%;height:100%} .main-menu.menu-dark>ul>li>a { color:var(--black)} .main-menu.menu-light>ul>li>a { color:var(--white)} .main-menu>ul { display:flex} .main-menu>ul>li:hover>a { color:var(--primary)} .main-menu>ul>li:hover>ul { opacity:1;pointer-events:all;inset-inline-start:0} .main-menu>ul>li:hover>ul.dp-menu li:hover>ul { opacity:1;pointer-events:all;inset-inline-start:100%} .main-menu li { position:relative} .main-menu li a { display:flex;align-items:center;font-weight:400;font-size:18px;line-height:1;color:var(--primary);padding:37px 15px;text-transform:capitalize} .main-menu ul.dp-menu { background-color:#232529;padding:18px 0px;width:300px;position:absolute;inset-inline-start:10px;opacity:0;pointer-events:none;z-index:10;transition:all 0.5s} .main-menu ul.dp-menu.col-2 { column-count:2;width:480px} .main-menu ul.dp-menu ul { background:var(--black);padding:18px 0px;width:300px;position:absolute;inset-inline-start:calc(100% + 10px);top:0;opacity:0;z-index:10;transition:all 0.5s} .main-menu ul.dp-menu li { position:relative;padding:0 25px} .main-menu ul.dp-menu li:hover>a { color:var(--white);background-color:transparent} .main-menu ul.dp-menu li:hover>ul { opacity:1;transform:none !important;pointer-events:all} .main-menu ul.dp-menu li a { font-size:16px;font-weight:500;color:#999999;padding:10px 0;background-color:transparent;border-radius:8px;text-transform:capitalize;white-space:nowrap} .main-menu ul.dp-menu li a:hover { letter-spacing:0.5px} .main-menu ul.dp-menu li a:after { transform:rotate(-90deg);margin-left:auto} .main-menu .has-mega-menu { position:static} .main-menu li.menu-item-has-children>a:after { content:"\f107";font-family:var(--font_awesome);margin-inline-start:5px;font-weight:600;font-size:14px} .main-menu .mega-menu { background-color:var(--black);padding:30px 50px;width:100%;position:absolute;left:10px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:50px;justify-content:center;overflow:hidden;opacity:0;pointer-events:none;z-index:10;transition:all 0.5s} @media only screen and (max-width:1399px) { .main-menu .mega-menu { column-gap:30px} } .main-menu .mega-menu li:has(ul)>a:after { content:""} .main-menu .mega-menu li a { font-size:16px;font-weight:500;color:#999999;height:40px;padding:0 20px;display:flex;align-items:center;gap:8px;background:var(--black);border-radius:8px;overflow:hidden} .main-menu .mega-menu li a:hover { color:var(--white);background:#2C2C2F} .main-menu .mega-menu .title { font-weight:600;color:var(--white);text-transform:uppercase;border-bottom:1px solid #333337;padding-bottom:20px;margin-bottom:20px;pointer-events:none;border-radius:0} .main-menu .mega-style-2 { padding:0 15%;gap:0;grid-template-columns:repeat(2,1fr)} .main-menu .mega-style-2 .title { height:70px;padding-bottom:0;margin-bottom:0;position:relative;overflow:visible;padding-left:30px} .main-menu .mega-style-2 .title:after { position:absolute;content:"";width:5000px;height:1px;background-color:#333337;bottom:-1px;left:50%;transform:translateX(-50%)} .main-menu .mega-style-2>li:not(:first-child) { border-left:1px solid #333337} .main-menu .mega-style-2 ul { column-count:2;position:relative;padding:20px 0} .main-menu .mega-style-2 ul:after { position:absolute;content:"";width:1px;height:700px;background-color:#333337;top:0;left:50%;z-index:1} .main-menu .mega-style-2 ul li a { padding-left:30px} .main-menu .mega-style-3 { padding:0 0 0 20px;gap:0;grid-template-columns:repeat(3,1fr)} .main-menu .mega-style-3 .title { height:70px;padding-bottom:0;margin-bottom:0;position:relative;overflow:visible;padding-left:30px} .main-menu .mega-style-3 .title:after { position:absolute;content:"";width:5000px;height:1px;background-color:#333337;bottom:-1px;left:50%;transform:translateX(-50%)} .main-menu .mega-style-3>li:not(:first-child) { border-left:1px solid #333337} .main-menu .mega-style-3>li:last-child { border:none;width:36vw} @media only screen and (max-width:1399px) { .main-menu .mega-style-3>li:last-child { width:32vw} } .main-menu .mega-style-3 ul { column-count:2;position:relative;padding:20px 0;column-gap:0} .main-menu .mega-style-3 ul:after { position:absolute;content:"";width:1px;height:700px;background-color:#333337;top:0;left:50%;z-index:1} .main-menu .mega-style-3 ul li { margin:0 10px} .main-menu .mega-style-3 ul li a { padding-left:20px} .main-menu .mega-grid-6 { grid-template-columns:repeat(6,1fr)} .main-menu .mega-grid-2 { grid-template-columns:repeat(2,1fr);row-gap:60px} .main-menu .list-3-column ul { display:grid;grid-template-columns:repeat(3,1fr);column-gap:50px} @media only screen and (max-width:1399px) { .main-menu .list-3-column ul { column-gap:30px} } .main-menu .span-first-item ul li:first-child { grid-column:1/-1;column-span:all} .main-menu .new { font-size:10px;font-weight:600;background:#FFA38E;color:var(--black);padding:3px 7px;line-height:1;border-radius:2px;margin-inline-start:8px;display:inline-block} @media only screen and (max-width:1199px) { .main-menu-2 { display:none} } .main-menu-2 li { display:inline-block;padding:0 10px} .main-menu-2 li a { display:block;font-weight:500;font-size:20px;line-height:1.5;color:var(--white);padding:10px;text-transform:capitalize} .main-menu-2 li a:hover { color:var(--primary)} @media only screen and (max-width:1399px) { .main-menu-2 li a { padding:5px 0} } .main-menu-3 li { display:inline-block;margin-right:45px} @media only screen and (max-width:1199px) { .main-menu-3 li { margin-right:25px} } .main-menu-3 li:last-child { margin-right:0} .main-menu-3 li a { color:var(--white);font-weight:500;font-size:18px;line-height:26px} .main-menu-3 li a:hover { color:var(--primary)} .main-menu-4 li { display:inline-block;margin-right:50px} .main-menu-4 li a { font-size:14px;font-weight:500;line-height:1.5;color:var(--white);text-transform:uppercase} .main-menu-4 li a:hover { color:var(--primary)} .mega-menu-thumb { width:108%;aspect-ratio:100/83;position:absolute;right:0;bottom:0;z-index:-1} @media only screen and (max-width:1199px) { .mega-menu-thumb { width:100%;height:100%} } .mega-menu-thumb:after { position:absolute;content:"";width:76%;height:100%;top:0;left:0;background:linear-gradient(270deg,rgba(28,29,32,0) 0%,#1C1D20 100%)} .mega-menu-thumb .laptop-view { width:70%;aspect-ratio:100/114;object-fit:cover;object-position:center top;position:absolute;right:70px;bottom:0} .mega-menu-counter__item { text-align:center;display:inline-block;margin-top:35%;margin-left:17%;position:relative} @media only screen and (max-width:1199px) { .mega-menu-counter__item { margin:30px auto 50px} } .mega-menu-counter__text p { font-size:30px;line-height:28px;color:var(--white);font-weight:500} .mega-menu-counter__number { font-size:150px;font-weight:600;line-height:1;margin-bottom:24px;color:var(--white);background:linear-gradient(136deg,#9479FF 0%,#FFA6D6 47.92%,#FFFCE3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent} @media only screen and (max-width:1199px) { .menu-with-number { display:none} } .menu-with-number li { display:inline-block} .menu-with-number li a { font-weight:500;font-size:14px;line-height:1.5;color:var(--white);padding:34px 40px;display:inline-block;text-transform:uppercase} .menu-with-number li a:hover span { color:var(--white)} .menu-with-number li a:hover span::before { background-color:var(--white)} .menu-with-number li a.active span { color:var(--white)} .menu-with-number li a.active span::before { position:absolute;content:"";width:35px;height:1px;right:20px;top:50%;background-color:var(--white)} .menu-with-number li a span { display:block;font-weight:500;font-size:12px;line-height:10px;text-align:right;color:#999999;position:relative;transition:all 0.5s} .menu-with-number li a span::before { position:absolute;content:"";width:35px;height:1px;right:20px;top:50%;transition:all 0.5s;background-color:var(--black-6)} .sidebar-menu li { display:block;padding-bottom:15px} @media only screen and (max-width:1919px) { .sidebar-menu li { padding-bottom:10px} } .sidebar-menu li a { display:block;font-weight:600;font-size:14px;line-height:1.5;color:var(--white);padding:10px 0;text-transform:uppercase} .sidebar-menu li a:hover,.sidebar-menu li a.active { color:var(--primary)} @media only screen and (max-width:1399px) { .sidebar-menu li a { padding:5px 0} } .offcanvas__menu-wrapper.mean-container .mean-nav>ul { padding:0;margin:0;width:100%;list-style-type:none;display:block !important} .offcanvas__menu-wrapper.mean-container .mean-nav>ul>li:last-child>a { border-bottom:1px solid var(--black-4)} .offcanvas__menu-wrapper.mean-container .mean-nav { background:none;margin-top:0} .offcanvas__menu-wrapper.mean-container .mean-nav .new { font-size:10px;font-weight:600;background:#FFA38E;color:var(--black);padding:3px 7px;line-height:1;display:flex;align-items:center;border-radius:2px} .offcanvas__menu-wrapper.mean-container .mean-nav ul li a { width:100%;padding:15px 0;padding-inline-start:15px;font-weight:400;font-size:22px;line-height:1;color:var(--white);text-transform:capitalize;border-top:1px solid var(--black-4);display:flex;gap:8px;justify-content:flex-start;align-items:center;outline:none;transform:translateY(var(--y)) translateZ(0);transition:transform 0.4s ease,box-shadow 0.4s ease;box-sizing:border-box} @media only screen and (max-width:767px) { .offcanvas__menu-wrapper.mean-container .mean-nav ul li a { font-size:20px} } .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand { width:54px;height:54px;justify-content:center;font-weight:300;border:none !important} @media only screen and (max-width:767px) { .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand { height:50px} } .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover { background:var(--secondary);opacity:1} .offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child { border-top:1px solid var(--black-4)} .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { font-size:20px;text-transform:capitalize;border-top:none !important;padding:12px 0;padding-inline-start:30px} @media only screen and (max-width:767px) { .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { font-size:18px} } .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand { height:58px} @media only screen and (max-width:991px) { .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand { height:25px} } @media only screen and (max-width:767px) { .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand { height:22px} } .offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child { border-bottom:1px solid var(--black-4)} .offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a { padding-left:40px} .offcanvas__menu-wrapper.mean-container .mean-bar { padding:0;background:none;max-height:auto;overflow-y:scroll} .offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar { width:0} .offcanvas__menu-wrapper.mean-container a.meanmenu-reveal { display:none !important} .light .main-menu li a:hover { color:var(--primary)} .light .main-menu-2 li a { color:var(--black)} .light .main-menu-2 li a:hover { color:var(--primary)} .light .main-menu-3 li a { color:var(--black)} .light .main-menu-3 li a:hover { color:var(--primary)} .light .sidebar-menu li a { color:var(--black)} .light .sidebar-menu li a:hover { color:var(--primary)} .light .menu-with-number li a { color:var(--black)} .light .menu-with-number li a:hover span { color:var(--black)} .light .menu-with-number li a:hover span::before { background-color:var(--black)} .light .menu-with-number li a span { color:var(--black-9)} .light .menu-with-number li a span::before { background-color:var(--black-9)} .light .menu-with-number li a.active span { color:var(--black)} .light .menu-with-number li a.active span::before { background-color:var(--black)} .modal__dialog { width:760px;max-width:100%;margin-top:100px} @media only screen and (max-width:991px) { .modal__dialog { width:700px;margin-top:80px} } @media only screen and (max-width:767px) { .modal__dialog { width:350px} } .modal__content { height:500px} @media only screen and (max-width:767px) { .modal__content { height:300px} } .modal__content iframe { width:100%;height:100%} .modal__close { position:absolute;width:40px;height:40px;top:-15px;right:-15px;z-index:9;border-radius:50px;font-size:20px;color:var(--white);background:var(--black);transition:all 0.3s} .modal__close:hover { color:var(--primary)} .modal__sfluence { width:100%;height:100%;padding:60px} @media only screen and (max-width:767px) { .modal__sfluence { padding:20px 10px} } .modal__sfluence-area { width:100vw;height:100vh;background:var(--black);position:fixed;top:0;left:0;z-index:9;opacity:0;visibility:hidden;transition:all 0.5s;transform:scale(0.5)} .modal__sfluence-area.showed { opacity:1;visibility:visible;transform:scale(1)} .modal__sfluence-area .close_btn { position:absolute;width:60px;height:60px;top:0px;right:20px;z-index:9;border-radius:50px;font-size:30px;color:var(--white);transition:all 0.3s;cursor:pointer;display:flex;align-items:center;justify-content:center} .modal__sfluence-area .close_btn:hover { color:var(--primary)} @media only screen and (max-width:767px) { .modal__sfluence-area .close_btn { right:0} } .modal__sfluence-area iframe,.modal__sfluence-area video { width:100%;height:100%} @media only screen and (max-width:767px) { .modal__sfluence-area iframe,.modal__sfluence-area video { height:300px;object-fit:cover;margin-top:45%} } .cb-cursor { position:fixed;top:0;left:0;z-index:150;contain:layout style size;pointer-events:none;will-change:transform;-webkit-transition:opacity 0.3s,color 0.4s;-o-transition:opacity 0.3s,color 0.4s;-moz-transition:opacity 0.3s,color 0.4s;transition:opacity 0.3s,color 0.4s} .cb-cursor:before { content:"";position:absolute;top:-24px;left:-24px;display:block;width:80px;height:30px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-webkit-transition:opacity 0.1s,-webkit-transform 0.3s ease-in-out;transition:opacity 0.1s,-webkit-transform 0.3s ease-in-out;-o-transition:opacity 0.1s,-o-transform 0.3s ease-in-out;-moz-transition:transform 0.3s ease-in-out,opacity 0.1s,-moz-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out,opacity 0.1s;transition:transform 0.3s ease-in-out,opacity 0.1s,-webkit-transform 0.3s ease-in-out,-moz-transform 0.3s ease-in-out,-o-transform 0.3s ease-in-out} .cb-cursor-text { position:absolute;top:-28px;left:-4px;width:36px;height:36px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0) rotate(10deg);-moz-transform:scale(0) rotate(10deg);-ms-transform:scale(0) rotate(10deg);-o-transform:scale(0) rotate(10deg);transform:scale(0) rotate(10deg);opacity:0;color:black;font-size:16px;line-height:20px;text-align:center;white-space:nowrap;letter-spacing:-0.01em;-webkit-transition:opacity 0.4s,-webkit-transform 0.3s;transition:opacity 0.4s,-webkit-transform 0.3s;-o-transition:opacity 0.4s,-o-transform 0.3s;-moz-transition:opacity 0.4s,transform 0.3s,-moz-transform 0.3s;transition:opacity 0.4s,transform 0.3s;transition:opacity 0.4s,transform 0.3s,-webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s} @supports (mix-blend-mode:exclusion) { .cb-cursor.-exclusion,.cb-cursor.-opaque { mix-blend-mode:exclusion} } @supports (mix-blend-mode:exclusion) { .cb-cursor.-exclusion:before,.cb-cursor.-opaque:before { background:white} } .cb-cursor.-normal,.cb-cursor.-text { mix-blend-mode:normal} .cb-cursor.-normal:before,.cb-cursor.-text:before { background:currentColor} .cb-cursor.-inverse { color:white} .cb-cursor.-visible:before { -webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)} .cb-cursor.-visible.-active:before { -webkit-transform:scale(0.23);-moz-transform:scale(0.23);-ms-transform:scale(0.23);-o-transform:scale(0.23);transform:scale(0.23);-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s} .cb-cursor.-pointer:before { -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)} .cb-cursor.-text:before { background:#fff;-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7)} .cb-cursor.-text .cb-cursor-text { opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .cb-cursor.-text.-active:before { -webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s} .cb-cursor.-opaque:before { -webkit-transform:scale(1.32);-moz-transform:scale(1.32);-ms-transform:scale(1.32);-o-transform:scale(1.32);transform:scale(1.32)} .cb-cursor.-opaque.-active:before { -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} .cb-cursor.-lg:before { -webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)} .cb-cursor.-hidden:before { -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)} .-color-red { color:red} .-color-green { color:#51c67d} .cb-demo { background:#fff} .cb-demo-content { display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh} .cb-demo-container { padding:0 20px} @media (min-width:1600px) { .cb-demo-container { padding:0 120px} } .cb-demo-row { display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:30px 0} @media (min-width:1600px) { .cb-demo-row { margin:60px 0} } .cb-demo-item { position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:50px 30px;margin:0 20px;color:#000} @media (min-width:1600px) { .cb-demo-item { padding:90px 30px;margin:0 30px} } .cb-demo-item-title { position:relative;margin:0 0 25px 0;font-size:30px;font-weight:bold} .cb-demo-item-text { position:relative;max-width:70%;margin:0 auto;color:rgba(0,0,0,0.5);font-size:16px;font-weight:300;line-height:150%} .cb-demo-item:before { content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#f8f8f8;-webkit-transition:-webkit-box-shadow 0.2s;transition:-webkit-box-shadow 0.2s;-o-transition:box-shadow 0.2s;-moz-transition:box-shadow 0.2s,-moz-box-shadow 0.2s;transition:box-shadow 0.2s;transition:box-shadow 0.2s,-webkit-box-shadow 0.2s,-moz-box-shadow 0.2s} .cb-cursor.-green { color:green} .cb-cursor.-green:before { background:green} .cb-cursor.-red .cb-cursor-text { color:black;top:0px;left:0px;width:50px;height:50px;text-transform:uppercase} .cb-cursor.-red { color:black;background-color:black;width:5px;height:5px} .cb-cursor.-red:before { border-radius:500px;background:white;width:100px;height:100px;color:#fff} .cb-cursor.-portfolio:before { display:none} .cb-cursor.-portfolio .cb-cursor-text { top:0;left:0;width:auto;height:auto;display:block;text-align:start} .cb-cursor.-portfolio .content { position:absolute;top:0px;left:0px} .cb-cursor.-portfolio .title { font-weight:300;font-size:30px;line-height:27px;background-color:var(--white);padding:15px 20px 13px;color:var(--black)} .cb-cursor.-portfolio .meta { font-family:var(--font_tartuffotrial);font-weight:300;font-style:italic;font-size:16px;line-height:27px;background-color:var(--white);display:inline-block;padding:5px 15px 3px;margin-top:3px;color:var(--black)} .body-digital-agency { background-color:#F8F8F8;color:var(--secondary)} .body-digital-agency.dark { background-color:#111111} @media (min-width:1800px) { .body-digital-agency .container.large { max-width:1750px} } .body-digital-agency .section-header { margin-top:20px} .body-digital-agency .section-subtitle { font-size:14px;font-weight:500;line-height:1;display:inline-block;text-transform:uppercase;color:var(--primary);letter-spacing:1px} .hero-area { background-color:rgba(255,129,58,0.15);position:relative;z-index:2} .dark .hero-area { background-color:#171717} .hero-area .hero-content { display:grid;gap:40px 100px;grid-template-columns:130px 1fr 560px;margin-top:61px;margin-bottom:220px} @media only screen and (max-width:1919px) { .hero-area .hero-content { grid-template-columns:130px 1fr 490px;margin-bottom:140px} } @media only screen and (max-width:1399px) { .hero-area .hero-content { grid-template-columns:130px 1fr 460px;gap:40px 80px} } @media only screen and (max-width:1199px) { .hero-area .hero-content { grid-template-columns:130px 1fr;margin-bottom:0px} } @media only screen and (max-width:767px) { .hero-area .hero-content { margin-top:31px} } @media only screen and (max-width:767px) { .hero-area .hero-content { grid-template-columns:1fr} } .hero-area .section-title { font-size:100px;font-weight:500;line-height:0.9;max-width:660px} @media only screen and (max-width:1919px) { .hero-area .section-title { font-size:70px} } @media only screen and (max-width:1399px) { .hero-area .section-title { font-size:50px;max-width:340px} } @media only screen and (max-width:1199px) { .hero-area .section-title { max-width:590px} } .hero-area .section-title .title-shape-1 { margin-left:10px;margin-right:10px;margin-top:-8px;width:100px;display:inline-flex} @media only screen and (max-width:1919px) { .hero-area .section-title .title-shape-1 { width:80px} } @media only screen and (max-width:1399px) { .hero-area .section-title .title-shape-1 { width:55px} } @media only screen and (max-width:1199px) { .hero-area .section-title .title-shape-1 { width:45px;margin-left:5px;margin-right:5px;margin-top:-2px} } .hero-area .feature-box .number { font-size:100px;font-weight:400;line-height:0.72;display:inline-block;color:var(--primary)} @media only screen and (max-width:1919px) { .hero-area .feature-box .number { font-size:70px} } @media only screen and (max-width:1399px) { .hero-area .feature-box .number { font-size:50px} } .hero-area .feature-box .text { font-size:18px;font-weight:400;line-height:21px;color:var(--primary);margin-top:21px} .hero-area .text-wrapper { margin-top:87px} @media only screen and (max-width:1919px) { .hero-area .text-wrapper { margin-top:37px} } .hero-area .text-wrapper .text { font-size:22px;font-weight:400;line-height:30px;color:var(--primary);max-width:490px} @media only screen and (max-width:1399px) { .hero-area .text-wrapper .text { font-size:18px} } .hero-area .award-wrapper { position:relative;display:flex;align-items:center;z-index:1} @media only screen and (max-width:1199px) { .hero-area .award-wrapper { grid-row:span 2} } @media only screen and (max-width:767px) { .hero-area .award-wrapper { order:3} } .hero-area .award-wrapper:before { position:absolute;content:"";width:1px;height:100%;background-color:var(--border);top:0;left:calc(50% - 2px);z-index:-1} @media only screen and (max-width:767px) { .hero-area .award-wrapper:before { display:none} } .hero-area .award-wrapper:after { position:absolute;content:"";width:1px;height:100%;background-color:var(--border);top:0;left:calc(50% + 1px);z-index:-1} @media only screen and (max-width:767px) { .hero-area .award-wrapper:after { display:none} } .hero-area .award-wrapper .circle-text-wrapper { padding-top:30px;padding-bottom:30px;background-color:#F9E6DC} .dark .hero-area .award-wrapper .circle-text-wrapper { background-color:var(--bg)} .hero-area .award-wrapper .circle-text { width:130px;height:130px;padding:0} .hero-area .features-wrapper-box { padding-bottom:36px;border-bottom:1px solid var(--border)} .hero-area .features-wrapper { display:grid;gap:40px 60px;grid-template-columns:repeat(2,230px);justify-content:space-between} @media only screen and (max-width:1919px) { .hero-area .features-wrapper { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .hero-area .features-wrapper { grid-template-columns:repeat(1,100%)} } .hero-area .section-content { margin-top:10px} @media only screen and (max-width:1199px) { .hero-area .section-content { max-width:600px} } .hero-area .big-text { font-family:var(--font_thunder);font-size:920px;font-weight:700;line-height:0.477;letter-spacing:-0.02em;text-transform:uppercase;color:var(--theme);display:flex;align-items:center;justify-content:center} @media only screen and (max-width:1919px) { .hero-area .big-text { font-size:690px} } @media only screen and (max-width:1399px) { .hero-area .big-text { font-size:590px} } @media only screen and (max-width:1199px) { .hero-area .big-text { display:none} } video.video-area { width:100%} .about-area { position:relative} .about-area .pin-spacer { z-index:1} .about-area-inner { height:100vh;display:flex;justify-content:center;align-items:center} .about-area .section-title { font-family:var(--font_thunder);font-size:120px;font-weight:700;line-height:0.83;text-transform:uppercase;display:inline;position:relative} @media only screen and (max-width:1399px) { .about-area .section-title { font-size:80px} } .about-area .section-content { text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative} .about-area .section-content .shape-1 { position:absolute;content:"";width:20px;height:20px;border-left:1px solid var(--primary);border-top:1px solid var(--primary);top:0;left:0} .about-area .section-content .shape-2 { position:absolute;content:"";width:20px;height:20px;border-right:1px solid var(--primary);border-top:1px solid var(--primary);top:0;right:0} .about-area .section-content .shape-3 { position:absolute;content:"";width:20px;height:20px;border-left:1px solid var(--primary);border-bottom:1px solid var(--primary);bottom:0;left:0} .about-area .section-content .shape-4 { position:absolute;content:"";width:20px;height:20px;border-right:1px solid var(--primary);border-bottom:1px solid var(--primary);bottom:0;right:0} .about-area .section-content .text { font-size:30px;font-weight:400;line-height:1.26;letter-spacing:-0.02em;max-width:950px;color:var(--primary);margin-inline:auto} @media only screen and (max-width:1399px) { .about-area .section-content .text { font-size:24px;max-width:800px} } @media only screen and (max-width:767px) { .about-area .section-content .text { font-size:20px} } .about-area .section-content .text-wrapper { opacity:0;transform:translateY(100px);transition:transform 0.5s,opacity 0.5s} @media only screen and (max-width:1199px) { .about-area .section-content .text-wrapper { opacity:1;transform:translateY(0)} } .about-area .section-content .btn-wrapper { margin-top:62px;opacity:0;transform:translateY(100px);transition:transform 0.5s,opacity 0.5s} @media only screen and (max-width:1199px) { .about-area .section-content .btn-wrapper { opacity:1;margin-top:50px;transform:translateY(0)} } .about-area .section-title-wrapper { display:none} @media only screen and (max-width:1199px) { .about-area .section-title-wrapper { display:block;margin-bottom:20px} } .work-area-inner { margin-top:18px} .work-area .section-header { display:grid;gap:15px 20px;grid-template-columns:1fr 2fr 1fr} @media only screen and (max-width:767px) { .work-area .section-header { grid-template-columns:1fr} } .work-area .section-header .text-wrapper { text-align:center} @media only screen and (max-width:767px) { .work-area .section-header .text-wrapper { text-align:start} } .work-area .section-header .text-wrapper .text { font-family:var(--font_dmsans);font-size:18px;font-style:italic;font-weight:400;line-height:18px;color:var(--primary)} .work-area .section-header .total-count { text-align:end} @media only screen and (max-width:767px) { .work-area .section-header .total-count { text-align:start} } .work-area .section-header .total-count .number { display:inline-block;font-family:var(--font_dmsans);font-size:18px;font-weight:400;line-height:18px;color:var(--primary)} .work-area .section-title { font-family:var(--font_dmsans);font-size:18px;font-weight:400;line-height:18px} .work-area .works-wrapper-box { margin-top:67px} @media only screen and (max-width:1199px) { .work-area .works-wrapper-box { margin-top:47px} } .work-area .all-btn-wrapper { margin-top:70px;text-align:center} @media only screen and (max-width:1199px) { .work-area .all-btn-wrapper { margin-top:50px} } .works-wrapper-1 { display:grid;gap:60px 40px;grid-template-columns:repeat(2,1fr)} @media only screen and (max-width:1199px) { .works-wrapper-1 { gap:40px 30px} } @media only screen and (max-width:767px) { .works-wrapper-1 { grid-template-columns:repeat(1,1fr)} } .works-wrapper-1>* .image { transform-origin:bottom right} .works-wrapper-1>*:nth-child(2n) .image { transform-origin:bottom left} .works-wrapper-1 .work-box .thumb:hover .t-btn { opacity:1} .works-wrapper-1 .work-box .thumb .image { overflow:hidden;position:relative;border-radius:20px;transform:scale(0.9)} .works-wrapper-1 .work-box .thumb .image img { transform-origin:center} .works-wrapper-1 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-1 .work-box .thumb .t-btn { font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.02em;padding:10px 20px;display:inline-block;background-color:white;color:var(--black);border-radius:50px;position:absolute;top:0;left:0;opacity:0;margin:-25px 0 0 -65px;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1),-webkit-transform 0.7s cubic-bezier(0.23,1,0.32,1);pointer-events:none} .works-wrapper-1 .work-box .content { margin-top:13px} .works-wrapper-1 .work-box .title { font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-0.02em} @media only screen and (max-width:1199px) { .works-wrapper-1 .work-box .title { font-size:20px} } .works-wrapper-1 .work-box .meta { display:flex;gap:8px;align-items:center} .works-wrapper-1 .work-box .meta span { font-size:14px;font-weight:400;line-height:30px;letter-spacing:-0.02em;color:#999999;display:flex;align-items:center} .works-wrapper-1 .work-box .meta span:not(:first-child):before { content:"";width:4px;height:4px;background-color:var(--primary);display:inline-block;border-radius:50%;margin-inline-end:4px} .service-area .services-wrapper-box { margin-top:91px;margin-bottom:20px} @media only screen and (max-width:1919px) { .service-area .services-wrapper-box { margin-top:71px} } @media only screen and (max-width:1399px) { .service-area .services-wrapper-box { margin-top:61px} } @media only screen and (max-width:1199px) { .service-area .services-wrapper-box { margin-top:41px} } .services-wrapper-1 .service-box { border-top:1px solid var(--border);padding-top:30px;padding-bottom:30px;display:grid;gap:20px 30px;grid-template-columns:1fr 410px 545px;align-items:flex-start} @media only screen and (max-width:1199px) { .services-wrapper-1 .service-box { grid-template-columns:1fr 310px 445px} } @media only screen and (max-width:991px) { .services-wrapper-1 .service-box { grid-template-columns:1fr 220px 360px} } @media only screen and (max-width:767px) { .services-wrapper-1 .service-box { grid-template-columns:1fr 380px} } @media (max-width:575px) { .services-wrapper-1 .service-box { grid-template-columns:1fr} } .services-wrapper-1 .service-box .count .number { font-size:30px;font-weight:500;line-height:1;color:var(--primary);display:inline-block} @media only screen and (max-width:1199px) { .services-wrapper-1 .service-box .count .number { font-size:25px} } @media only screen and (max-width:991px) { .services-wrapper-1 .service-box .count .number { font-size:20px} } .services-wrapper-1 .service-box .content .title { font-size:30px;font-weight:500;line-height:1;color:var(--primary)} @media only screen and (max-width:991px) { .services-wrapper-1 .service-box .content .title { font-size:24px} } .services-wrapper-1 .service-box .content .title a:hover { color:var(--secondary)} .services-wrapper-1 .service-box .service-list { margin-top:22px} .services-wrapper-1 .service-box .service-list li { font-size:18px;font-weight:400;line-height:30px;color:var(--primary)} .services-wrapper-1 .service-box .service-list li a:hover { color:var(--secondary)} .services-wrapper-1 .service-box .thumb { border-radius:20px;overflow:hidden;text-align:right} @media only screen and (max-width:991px) { .services-wrapper-1 .service-box .thumb { border-radius:10px} } @media only screen and (max-width:767px) { .services-wrapper-1 .service-box .thumb { grid-column:span 2} } @media (max-width:575px) { .services-wrapper-1 .service-box .thumb { grid-column:auto} } .services-wrapper-1 .service-box .thumb img { width:35%;object-fit:cover;height:265px;border-radius:20px} @media only screen and (max-width:991px) { .services-wrapper-1 .service-box .thumb img { width:100%;border-radius:10px} } .funfact-area { background-color:var(--bg)} .funfact-area .section-title { color:var(--white)} .funfact-area .section-title-wrapper { margin-top:41px} .funfact-area .funfact-area-inner { display:grid;gap:40px 60px;grid-template-columns:1fr 950px} @media only screen and (max-width:1919px) { .funfact-area .funfact-area-inner { grid-template-columns:1fr 750px} } @media only screen and (max-width:1399px) { .funfact-area .funfact-area-inner { grid-template-columns:1fr 650px} } @media only screen and (max-width:1199px) { .funfact-area .funfact-area-inner { grid-template-columns:1fr 550px} } @media only screen and (max-width:991px) { .funfact-area .funfact-area-inner { grid-template-columns:1fr} } .funfact-area .funfact-wrapper-box { padding-left:30px;position:relative;z-index:1} @media only screen and (max-width:991px) { .funfact-area .funfact-wrapper-box { padding-left:0;padding-top:0} } .funfact-area .funfact-wrapper-box .line-1 { position:absolute;content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.08);top:0;left:0;z-index:-1} @media only screen and (max-width:991px) { .funfact-area .funfact-wrapper-box .line-1 { display:none} } .funfact-area .funfact-wrapper-box .line-2 { position:absolute;content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.08);top:0;left:30px;z-index:-1} @media only screen and (max-width:991px) { .funfact-area .funfact-wrapper-box .line-2 { display:none} } .funfact-area .funfact-wrapper-box .line-3 { position:absolute;content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.08);top:0;right:390px;z-index:-1} @media only screen and (max-width:1199px) { .funfact-area .funfact-wrapper-box .line-3 { right:320px} } @media only screen and (max-width:991px) { .funfact-area .funfact-wrapper-box .line-3 { display:none} } .funfact-area .funfact-wrapper-box .line-4 { position:absolute;content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.08);top:0;right:360px;z-index:-1} @media only screen and (max-width:1199px) { .funfact-area .funfact-wrapper-box .line-4 { right:290px} } @media only screen and (max-width:991px) { .funfact-area .funfact-wrapper-box .line-4 { display:none} } .funfact-area .funfact-wrapper { margin-top:52px;margin-bottom:43px} .funfact-area .funfact-item { max-width:360px;opacity:0.2} @media only screen and (max-width:1199px) { .funfact-area .funfact-item { max-width:290px} } .funfact-area .funfact-item:not(:first-child) { margin-top:195px} @media only screen and (max-width:1399px) { .funfact-area .funfact-item:not(:first-child) { margin-top:155px} } @media only screen and (max-width:1199px) { .funfact-area .funfact-item:not(:first-child) { margin-top:115px} } @media only screen and (max-width:991px) { .funfact-area .funfact-item:not(:first-child) { margin-top:20px} } @media only screen and (max-width:767px) { .funfact-area .funfact-item:not(:first-child) { margin-top:50px} } .funfact-area .funfact-item:nth-child(2n) { margin-left:auto} @media (max-width:575px) { .funfact-area .funfact-item:nth-child(2n) { margin-left:0} } .funfact-area .funfact-item .number { font-size:130px;font-weight:500;line-height:0.7;display:inline-block;color:var(--white)} @media only screen and (max-width:1399px) { .funfact-area .funfact-item .number { font-size:80px} } @media only screen and (max-width:1199px) { .funfact-area .funfact-item .number { font-size:60px} } .funfact-area .funfact-item .text { margin-top:34px;color:#999999} @media only screen and (max-width:1399px) { .funfact-area .funfact-item .text { margin-top:24px} } .client-area .section-title { max-width:1430px} .client-area .section-title span { color:var(--theme)} .client-area .section-content { margin-top:21px} .client-area .section-content .text-wrapper { max-width:505px;margin-top:133px;margin-left:545px} @media only screen and (max-width:1919px) { .client-area .section-content .text-wrapper { margin-top:83px} } @media only screen and (max-width:1399px) { .client-area .section-content .text-wrapper { margin-top:63px;margin-left:345px} } @media only screen and (max-width:991px) { .client-area .section-content .text-wrapper { margin-top:43px;margin-left:auto} } @media only screen and (max-width:767px) { .client-area .section-content .text-wrapper { max-width:100%;margin-top:23px} } .client-area .client-capsule-wrapper { position:relative;overflow:hidden;pointer-events:none;margin-top:-200px;height:633px} @media only screen and (max-width:1919px) { .client-area .client-capsule-wrapper { height:533px} } @media only screen and (max-width:1399px) { .client-area .client-capsule-wrapper { height:483px} } @media only screen and (max-width:991px) { .client-area .client-capsule-wrapper { height:433px} } .client-area .client-capsule-wrapper>* { position:absolute;display:inline-block;margin-bottom:0;left:0;top:0;user-select:none;pointer-events:auto;transition:none} .client-area .client-box { width:215px;height:100px;padding:10px 20px;background-color:var(--primary);display:inline-flex;justify-content:center;align-items:center;border-radius:100px;transform:translate(-50%,-50%) rotate(0rad)} @media only screen and (max-width:1919px) { .client-area .client-box { width:165px;height:70px} } @media only screen and (max-width:1399px) { .client-area .client-box { width:135px;height:50px} } @media only screen and (max-width:991px) { .client-area .client-box { width:105px;height:40px} } @media only screen and (max-width:767px) { .client-area .client-box { width:85px;height:30px} } .client-area .client-box img { pointer-events:none;max-width:100%;max-height:100%} .client-area .line { border-bottom:1px solid var(--primary)} .client-area .lines-wrapper { display:grid;gap:5px 0} @media only screen and (max-width:1399px) { .client-area .lines-wrapper { gap:3px 0} } @media only screen and (max-width:767px) { .client-area .lines-wrapper { gap:1px 0} } .cta-area { height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative} .cta-area-inner { display:flex;align-items:center;justify-content:center;position:relative;z-index:1} .cta-area-inner .area-bg { position:absolute;height:390px;width:390px;background-color:var(--black);border-radius:100%;z-index:-1} .dark .cta-area-inner .area-bg { background-color:var(--theme)} @media only screen and (max-width:1919px) { .cta-area-inner .area-bg { height:300px;width:300px} } @media only screen and (max-width:1399px) { .cta-area-inner .area-bg { height:260px;width:260px} } @media only screen and (max-width:1199px) { .cta-area-inner .area-bg { height:200px;width:200px} } @media only screen and (max-width:991px) { .cta-area-inner .area-bg { height:160px;width:160px} } .cta-area .section-title { font-family:var(--font_thunder);font-size:360px;font-weight:700;line-height:20px;text-transform:uppercase;color:var(--white);display:inline-block;font-size:4vw} .cta-area .section-title a:hover { color:var(--white)} .cta-area .section-content { text-align:center} .productivity-area .section-content { margin-top:148px;margin-bottom:105px;text-align:center} @media only screen and (max-width:1919px) { .productivity-area .section-content { margin-top:108px;margin-bottom:75px} } @media only screen and (max-width:991px) { .productivity-area .section-content { margin-top:58px;margin-bottom:55px} } .productivity-area .section-title { max-width:1140px;margin-inline:auto;position:relative;z-index:1} @media only screen and (max-width:1919px) { .productivity-area .section-title { max-width:937px} } @media only screen and (max-width:1399px) { .productivity-area .section-title { max-width:737px} } @media only screen and (max-width:1199px) { .productivity-area .section-title { max-width:637px} } @media only screen and (max-width:991px) { .productivity-area .section-title { max-width:527px} } .productivity-area .section-title span { color:#999999;display:inline-block} .dark .productivity-area .section-title span { color:#555555} .productivity-area .section-title .shape-1:hover:before { opacity:1;visibility:visible} .productivity-area .section-title .shape-1:before { content:"";width:150px;aspect-ratio:100/100;background-image:url(../imgs/shape/shape-5.webp);background-size:contain;position:absolute;top:-141px;right:144px;opacity:0;visibility:hidden;transition:all 0.1s;display:inline-block} @media only screen and (max-width:1919px) { .productivity-area .section-title .shape-1:before { width:100px} } @media only screen and (max-width:1399px) { .productivity-area .section-title .shape-1:before { width:90px} } @media only screen and (max-width:1199px) { .productivity-area .section-title .shape-1:before { width:80px} } @media only screen and (max-width:991px) { .productivity-area .section-title .shape-1:before { top:-91px} } .productivity-area .section-title .shape-2:hover:before { opacity:1;visibility:visible} .productivity-area .section-title .shape-2:before { content:"";width:150px;aspect-ratio:100/100;background-image:url(../imgs/shape/shape-4.webp);background-size:contain;position:absolute;top:21px;left:-117px;opacity:0;visibility:hidden;transition:all 0.1s;display:inline-block} @media only screen and (max-width:1919px) { .productivity-area .section-title .shape-2:before { width:100px} } @media only screen and (max-width:1399px) { .productivity-area .section-title .shape-2:before { width:90px} } @media only screen and (max-width:1199px) { .productivity-area .section-title .shape-2:before { width:80px} } @media only screen and (max-width:991px) { .productivity-area .section-title .shape-2:before { left:-67px} } .productivity-area .section-title .shape-3:hover:before { opacity:1;visibility:visible} .productivity-area .section-title .shape-3:before { content:"";width:150px;aspect-ratio:100/100;background-image:url(../imgs/shape/shape-6.webp);background-size:contain;position:absolute;bottom:-177px;left:523px;opacity:0;visibility:hidden;transition:all 0.1s;display:inline-block} @media only screen and (max-width:1919px) { .productivity-area .section-title .shape-3:before { width:100px;bottom:-137px} } @media only screen and (max-width:1399px) { .productivity-area .section-title .shape-3:before { width:90px;bottom:-107px} } @media only screen and (max-width:1199px) { .productivity-area .section-title .shape-3:before { width:80px} } @media only screen and (max-width:991px) { .productivity-area .section-title .shape-3:before { left:473px;bottom:-57px} } .text-slider-active .swiper-slide { width:auto} .text-slider { padding-top:35px;padding-bottom:35px;border-bottom:1px solid var(--border)} @media only screen and (max-width:1199px) { .text-slider { padding-top:25px;padding-bottom:25px} } @media only screen and (max-width:767px) { .text-slider { padding-top:15px;padding-bottom:15px} } .text-slider .swiper-wrapper { transition-timing-function:linear !important} .text-slider-box { padding-bottom:3px;border-bottom:1px solid var(--border)} .text-slider-item .title { font-size:36px;font-weight:400;line-height:1;text-transform:uppercase;display:flex;align-items:center} @media only screen and (max-width:1919px) { .text-slider-item .title { font-size:26px} } @media only screen and (max-width:1199px) { .text-slider-item .title { font-size:24px} } @media only screen and (max-width:767px) { .text-slider-item .title { font-size:20px} } .text-slider-item .title .dot { width:10px;height:10px;background-color:var(--primary);border-radius:10px;margin-inline-end:35px;display:inline-block} .body-design-agency.dark .section-title span { color:rgba(255,255,255,0.4)} @media (min-width:1650px) { .body-design-agency .container.large { max-width:1650px} } .body-design-agency .section-subtitle { font-size:14px;font-weight:400;line-height:20px;display:inline-block;text-transform:uppercase;color:var(--primary)} .hero-area-4 { background:#C4F012} .hero-area-4 .section-content { padding-top:120px} @media only screen and (max-width:1199px) { .hero-area-4 .section-content { padding-top:80px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content { padding-top:50px} } @media only screen and (max-width:767px) { .hero-area-4 .section-content { padding-top:30px} } .hero-area-4 .section-content__top { display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-bottom:110px} @media only screen and (max-width:1199px) { .hero-area-4 .section-content__top { padding-bottom:80px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content__top { padding-bottom:45px} } .hero-area-4 .section-content__top-left { display:flex;gap:30px;flex-wrap:wrap} .hero-area-4 .section-content__list { position:relative;padding-top:20px} .hero-area-4 .section-content__list::before { content:"";position:absolute;top:0;left:0;width:200px;height:1px;background-color:var(--black)} .hero-area-4 .section-content__list li { color:var(--black);font-size:18px;line-height:22px} .hero-area-4 .section-content__right { margin-right:187px} @media only screen and (max-width:1199px),only screen and (max-width:1399px) { .hero-area-4 .section-content__right { margin-right:0} } .hero-area-4 .section-content__right .section-title { font-size:80px;font-style:normal;font-weight:400;line-height:70px;font-family:var(--font_thunder);text-transform:uppercase;letter-spacing:0px;color:var(--black)} @media only screen and (max-width:1199px) { .hero-area-4 .section-content__right .section-title { font-size:65px;line-height:60px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content__right .section-title { font-size:50px;line-height:50px} } .hero-area-4 .section-content__right .section-title span { color:rgba(17,17,17,0.5);font-style:italic;font-weight:400} .hero-area-4 .section-content__video img { max-width:240px;height:126px} .hero-area-4 .section-content .title-wrapper { position:relative} .hero-area-4 .section-content .title-wrapper .section-title { font-size:350px;font-weight:500;line-height:0.8;letter-spacing:-8px;text-transform:uppercase;font-family:var(--font_thunder);color:var(--black)} @media only screen and (max-width:1919px) { .hero-area-4 .section-content .title-wrapper .section-title { font-size:250px;letter-spacing:0px} } @media only screen and (max-width:1399px) { .hero-area-4 .section-content .title-wrapper .section-title { font-size:220px;letter-spacing:0px} } @media only screen and (max-width:1199px) { .hero-area-4 .section-content .title-wrapper .section-title { font-size:180px;letter-spacing:0px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content .title-wrapper .section-title { font-size:140px;letter-spacing:0px} } @media only screen and (max-width:767px) { .hero-area-4 .section-content .title-wrapper .section-title { font-size:100px;letter-spacing:0px} } @media (max-width:575px) { .hero-area-4 .section-content .title-wrapper .section-title { font-size:80px;letter-spacing:0px} } .hero-area-4 .section-content .title-wrapper .section-title .bg { width:200px;height:30px;margin:0px -25px 0px -100px;display:inline-flex;background-color:var(--black)} @media only screen and (max-width:1199px),only screen and (max-width:1399px) { .hero-area-4 .section-content .title-wrapper .section-title .bg { width:150px;height:22px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content .title-wrapper .section-title .bg { width:90px;height:15px;margin:0px -15px 0px -70px} } @media only screen and (max-width:767px) { .hero-area-4 .section-content .title-wrapper .section-title .bg { display:none} } .hero-area-4 .section-content .title-wrapper .section-title sup { display:inline-flex;font-size:30px;border:4px solid;width:37px;border-radius:20px;height:44px;align-items:center;justify-content:center;text-align:center;top:-215px;left:-35px;padding-right:6px;padding-top:4px} @media only screen and (max-width:1919px) { .hero-area-4 .section-content .title-wrapper .section-title sup { top:-140px;padding-right:0} } @media only screen and (max-width:1399px) { .hero-area-4 .section-content .title-wrapper .section-title sup { top:-122px;padding-right:0} } @media only screen and (max-width:1199px) { .hero-area-4 .section-content .title-wrapper .section-title sup { top:-98px;left:-30px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content .title-wrapper .section-title sup { top:-72px;left:-20px} } @media only screen and (max-width:767px) { .hero-area-4 .section-content .title-wrapper .section-title sup { display:none} } .hero-area-4 .section-content .title-wrapper .decisions { max-width:330px;font-size:20px;line-height:30px;color:var(--black);position:absolute;bottom:50px;right:543px} @media only screen and (max-width:1919px) { .hero-area-4 .section-content .title-wrapper .decisions { right:400px} } @media only screen and (max-width:1399px) { .hero-area-4 .section-content .title-wrapper .decisions { right:270px} } @media only screen and (max-width:1199px) { .hero-area-4 .section-content .title-wrapper .decisions { right:190px;bottom:25px} } @media only screen and (max-width:991px) { .hero-area-4 .section-content .title-wrapper .decisions { position:inherit;right:0;margin-top:30px;max-width:100%} } @media only screen and (max-width:767px) { .hero-area-4 .section-content .title-wrapper .decisions { margin-top:50px} } .hero-area-4 .section-content__bottom { display:flex;justify-content:space-between;padding-top:50px} @media only screen and (max-width:767px) { .hero-area-4 .section-content__bottom { flex-wrap:wrap;padding-top:0px} } .hero-area-4 .section-content__bottom .social-links { max-width:266px} @media only screen and (max-width:767px) { .hero-area-4 .section-content__bottom .social-links { max-width:100%;margin-bottom:30px} } .hero-area-4 .section-content__bottom .social-links li { display:inline-block;margin-right:15px;margin-bottom:16px} .hero-area-4 .section-content__bottom .social-links li a { font-size:18px;color:var(--black);position:relative} .hero-area-4 .section-content__bottom .social-links li a::before { content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transition:all 0.3s} .hero-area-4 .section-content__bottom .social-links li a:hover::before { width:0} .hero-area-4 .section-content__thumb { margin-right:-144px;text-align:right} @media only screen and (max-width:991px) { .hero-area-4 .section-content__thumb { margin-right:-40px} } @media (max-width:575px) { .hero-area-4 .section-content__thumb { margin-right:0} } .featured-work-area-2-inner .section-header { border-top:1px solid var(--border);padding-top:50px} @media only screen and (max-width:1199px) { .featured-work-area-2-inner .section-header { padding-top:30px} } .featured-work-area-2-inner .section-title { letter-spacing:0;font-size:80px;font-weight:400} @media only screen and (max-width:1399px) { .featured-work-area-2-inner .section-title { font-size:70px} } @media only screen and (max-width:1199px) { .featured-work-area-2-inner .section-title { font-size:48px} } @media only screen and (max-width:991px) { .featured-work-area-2-inner .section-title { font-size:40px} .featured-work-area-2-inner .section-title br { display:none} } .featured-work-area-2-inner .title-wrapper { margin-top:5px} .featured-work-area-2-inner .section-title-wrapper { display:flex;gap:30px;justify-content:space-between} @media only screen and (max-width:767px) { .featured-work-area-2-inner .section-title-wrapper { flex-direction:column;margin-bottom:40px;gap:10px} } .featured-work-area-2-inner .description { max-width:442px;transform:translate(-130px,100%);margin-top:76px} @media only screen and (max-width:1399px) { .featured-work-area-2-inner .description { transform:translate(-50px,100%)} } @media only screen and (max-width:1199px) { .featured-work-area-2-inner .description { transform:translate(10px,100%)} } @media only screen and (max-width:991px) { .featured-work-area-2-inner .description { transform:translate(-88px,100%);max-width:270px;margin-top:30px} } @media only screen and (max-width:767px) { .featured-work-area-2-inner .description { transform:translate(0px,0%);max-width:100%;margin-top:0px} } .featured-work-area-2-inner .description p { font-size:30px;font-weight:400;line-height:38px} @media only screen and (max-width:1199px) { .featured-work-area-2-inner .description p { font-size:25px;line-height:30px} } @media only screen and (max-width:991px) { .featured-work-area-2-inner .description p { font-size:20px;line-height:25px} } @media only screen and (max-width:767px) { .featured-work-area-2-inner .description p { font-size:18px;line-height:25px} } .featured-work-wrapper-2 { display:grid;gap:295px;grid-template-columns:auto auto;justify-content:space-between} @media only screen and (max-width:1919px) { .featured-work-wrapper-2 { gap:200px} } @media only screen and (max-width:1399px) { .featured-work-wrapper-2 { gap:150px} } @media only screen and (max-width:1199px) { .featured-work-wrapper-2 { gap:100px} } @media only screen and (max-width:991px) { .featured-work-wrapper-2 { gap:70px} } @media only screen and (max-width:767px) { .featured-work-wrapper-2 { gap:50px} } @media only screen and (max-width:767px) { .featured-work-wrapper-2 { grid-template-columns:auto} } .featured-work-wrapper-2>*:nth-child(3n+3) { grid-column:span 2;margin-left:auto;margin-right:auto} @media only screen and (max-width:767px) { .featured-work-wrapper-2>*:nth-child(3n+3) { grid-column:auto} } .featured-work-wrapper-2>*:nth-child(3n+2) { margin-top:auto;margin-bottom:8px} .featured-work-wrapper-2>*:nth-child(2) { margin-top:357px} @media only screen and (max-width:1399px) { .featured-work-wrapper-2>*:nth-child(2) { margin-top:290px} } @media only screen and (max-width:1199px) { .featured-work-wrapper-2>*:nth-child(2) { margin-top:180px} } @media only screen and (max-width:991px) { .featured-work-wrapper-2>*:nth-child(2) { margin-top:130px} } @media only screen and (max-width:767px) { .featured-work-wrapper-2>*:nth-child(2) { margin-top:0} } .featured-work-wrapper-2>*:nth-child(3) { max-width:750px} @media only screen and (max-width:1399px),only screen and (max-width:1919px) { .featured-work-wrapper-2>*:nth-child(3) { max-width:565px} } @media only screen and (max-width:1199px) { .featured-work-wrapper-2>*:nth-child(3) { max-width:435px} } @media only screen and (max-width:991px) { .featured-work-wrapper-2>*:nth-child(3) { max-width:358px} } .featured-work-wrapper-2 .featured-work-box { width:100%} .featured-work-wrapper-2 .featured-work-box .content { display:flex;justify-content:space-between;margin-top:20px} @media only screen and (max-width:991px) { .featured-work-wrapper-2 .featured-work-box .content { flex-wrap:wrap;gap:10px} } .featured-work-wrapper-2 .featured-work-box .content .title { font-size:30px;font-weight:400;line-height:30px;letter-spacing:-0.6px;text-transform:uppercase} .featured-work-wrapper-2 .featured-work-box .content .meta .tag { text-transform:uppercase;font-size:14px} .featured-work-wrapper-2 .featured-work-box .thumb { overflow:hidden;display:inline-block;width:100%;position:relative} .featured-work-wrapper-2 .featured-work-box .thumb::before,.featured-work-wrapper-2 .featured-work-box .thumb::after { position:absolute;width:0;height:101%;content:"";top:-1px;transition:all 0.5s;background-color:var(--white)} .dark .featured-work-wrapper-2 .featured-work-box .thumb::before,.dark .featured-work-wrapper-2 .featured-work-box .thumb::after { background-color:var(--black)} .featured-work-wrapper-2 .featured-work-box .thumb::before { left:-1px} .featured-work-wrapper-2 .featured-work-box .thumb::after { right:-1px} .featured-work-wrapper-2 .featured-work-box .thumb span { display:block} .featured-work-wrapper-2 .featured-work-box .thumb span::before,.featured-work-wrapper-2 .featured-work-box .thumb span::after { position:absolute;width:101%;height:0;content:"";left:-1px;transition:all 0.5s;background-color:var(--white)} .dark .featured-work-wrapper-2 .featured-work-box .thumb span::before,.dark .featured-work-wrapper-2 .featured-work-box .thumb span::after { background-color:var(--black)} .featured-work-wrapper-2 .featured-work-box .thumb span::before { top:-1px} .featured-work-wrapper-2 .featured-work-box .thumb span::after { bottom:-1px} .featured-work-wrapper-2 .featured-work-box .thumb img { width:100%;height:100%;cursor:none;object-fit:cover} .featured-work-wrapper-2 .featured-work-box .thumb:hover::before,.featured-work-wrapper-2 .featured-work-box .thumb:hover::after { width:30px} .featured-work-wrapper-2 .featured-work-box .thumb:hover span::before,.featured-work-wrapper-2 .featured-work-box .thumb:hover span::after { height:30px} .featured-work-wrapper-2 .content-wapper { margin-right:auto;text-align:left} .featured-work-wrapper-2 .view-button .desc { margin-bottom:90px;max-width:365px;font-size:20px} @media only screen and (max-width:1199px) { .featured-work-wrapper-2 .view-button .desc { max-width:100%;margin-bottom:50px} } .capabilities-area-inner { position:relative;padding-bottom:136px} @media only screen and (max-width:1919px) { .capabilities-area-inner { padding-bottom:106px} } @media only screen and (max-width:1199px) { .capabilities-area-inner { padding-bottom:86px} } .capabilities-area-inner .pin-spacer { pointer-events:none} .capabilities-area .section-content-wrapper { margin-top:50px;display:grid;gap:40px 60px;grid-template-columns:1fr 1235px;border-top:1px solid var(--border);padding-top:45px;margin-bottom:50px} @media only screen and (max-width:1919px) { .capabilities-area .section-content-wrapper { grid-template-columns:1fr 950px} } @media only screen and (max-width:1399px) { .capabilities-area .section-content-wrapper { grid-template-columns:1fr 800px} } @media only screen and (max-width:1199px) { .capabilities-area .section-content-wrapper { grid-template-columns:1fr 600px} } @media only screen and (max-width:991px) { .capabilities-area .section-content-wrapper { grid-template-columns:1fr} } .capabilities-area .section-content .text { font-size:20px;font-weight:400;line-height:28px;max-width:245px} @media only screen and (max-width:991px) { .capabilities-area .section-content .text { max-width:545px} } .capabilities-area .section-content .text-wrapper { margin-top:63px} @media only screen and (max-width:1919px) { .capabilities-area .section-content .text-wrapper { margin-top:43px} } @media only screen and (max-width:1399px) { .capabilities-area .section-content .text-wrapper { margin-top:23px} } .capabilities-area .capability-wrapper-box { margin-top:5px} @media only screen and (max-width:767px) { .capabilities-area .capability-wrapper { border-top:1px solid var(--border)} } @media only screen and (max-width:767px) { .capabilities-area .capability-box { border-bottom:1px solid var(--border);padding-bottom:20px;padding-top:20px} } .capabilities-area .capability-box-inner { display:grid;gap:10px 60px;grid-template-columns:1fr auto;justify-content:space-between} @media (max-width:575px) { .capabilities-area .capability-box-inner { grid-template-columns:1fr} } .capabilities-area .capability-box:hover .thumb img,.capabilities-area .capability-box.active .thumb img { opacity:1;transform:scale(1)} .capabilities-area .capability-box .title { font-size:100px;font-weight:400;line-height:0.85;text-transform:uppercase} @media only screen and (max-width:1919px) { .capabilities-area .capability-box .title { font-size:80px} } @media only screen and (max-width:1399px) { .capabilities-area .capability-box .title { font-size:60px} } @media only screen and (max-width:1199px) { .capabilities-area .capability-box .title { font-size:50px} } @media only screen and (max-width:991px) { .capabilities-area .capability-box .title { font-size:40px} } @media only screen and (max-width:767px) { .capabilities-area .capability-box .title { font-size:35px} } .capabilities-area .capability-box .title.rr-btn-underline { padding-bottom:0;color:rgba(17,17,17,0.4)} .dark .capabilities-area .capability-box .title.rr-btn-underline { color:rgba(255,255,255,0.4)} .capabilities-area .capability-box .title.rr-btn-underline::before { height:5px;transition:0.5s} @media only screen and (max-width:1399px) { .capabilities-area .capability-box .title.rr-btn-underline::before { height:3px} } @media only screen and (max-width:991px) { .capabilities-area .capability-box .title.rr-btn-underline::before { height:2px} } .capabilities-area .capability-box .thumb { display:flex;gap:15px} @media only screen and (max-width:1919px) { .capabilities-area .capability-box .thumb { gap:10px} } .capabilities-area .capability-box .thumb img { width:70px;height:70px;border-radius:15px;object-fit:cover;opacity:0;transform:scale(0);transform-origin:top right;transition:all 0.5s} @media only screen and (max-width:1919px) { .capabilities-area .capability-box .thumb img { width:64px;height:64px;border-radius:10px} } @media only screen and (max-width:1399px) { .capabilities-area .capability-box .thumb img { width:50px;height:50px} } @media only screen and (max-width:1199px) { .capabilities-area .capability-box .thumb img { width:40px;height:40px} } @media only screen and (max-width:767px) { .capabilities-area .capability-box .thumb img { opacity:1;transform:scale(1)} } .client-area-4 { position:absolute;width:100%;top:0;left:0;background-color:var(--white);z-index:1;pointer-events:auto} .dark .client-area-4 { background-color:var(--black)} .client-area-4-inner { border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;overflow:hidden} .client-area-4 .video-wrapper-box { display:flex;align-items:center} .client-area-4 .video-wrapper-box .thumb { width:90px;height:90px;border-radius:50%;overflow:hidden} @media only screen and (max-width:1919px) { .client-area-4 .video-wrapper-box .thumb { width:80px;height:80px} } @media only screen and (max-width:1199px) { .client-area-4 .video-wrapper-box .thumb { width:70px;height:70px} } .client-area-4 .video-wrapper-box .btn-circle { width:90px;height:90px;display:inline-flex;justify-content:center;align-items:center;background-color:#C4F012;color:var(--black);border-radius:50%;font-size:26px;outline:5px solid var(--white);margin-left:-15px} .dark .client-area-4 .video-wrapper-box .btn-circle { outline-color:var(--black)} @media only screen and (max-width:1919px) { .client-area-4 .video-wrapper-box .btn-circle { width:80px;height:80px} } @media only screen and (max-width:1199px) { .client-area-4 .video-wrapper-box .btn-circle { width:70px;height:70px} } @media only screen and (max-width:767px) { .client-area-4 .video-wrapper-box .btn-circle { margin-left:-35px} } .client-area-4 .clients-wrapper-box { border-left:1px solid var(--border);padding-left:30px;margin-left:30px;padding-top:50px;padding-bottom:50px} @media only screen and (max-width:1919px) { .client-area-4 .clients-wrapper-box { padding-top:35px;padding-bottom:35px} } @media only screen and (max-width:1199px) { .client-area-4 .clients-wrapper-box { padding-top:25px;padding-bottom:25px} } @media only screen and (max-width:767px) { .client-area-4 .clients-wrapper-box { padding-left:20px;margin-left:20px} } .client-area-4 .clients-wrapper { align-items:center;animation:marquee-081a87f6 20s linear infinite;display:flex;flex-wrap:nowrap;width:max-content} @keyframes marquee-081a87f6 { to { transform:translate(-50%)} } .client-area-4 .client-box { margin-right:80px} @media only screen and (max-width:1199px) { .client-area-4 .client-box { margin-right:50px} } .client-area-4 .client-box img { opacity:0.3} .dark .client-area-4 .client-box img { opacity:1} .about-area-3 .section-content .text { font-size:30px;font-weight:400;line-height:1.26;max-width:660px} @media only screen and (max-width:1919px) { .about-area-3 .section-content .text { font-size:24px;max-width:550px} } @media only screen and (max-width:1399px) { .about-area-3 .section-content .text { font-size:22px;max-width:500px} } @media only screen and (max-width:1199px) { .about-area-3 .section-content .text { font-size:20px;max-width:450px;line-height:1.4} } .about-area-3 .section-content .text-wrapper { margin-top:-124px;margin-left:15%} @media only screen and (max-width:1399px) { .about-area-3 .section-content .text-wrapper { margin-top:-104px} } @media only screen and (max-width:1199px) { .about-area-3 .section-content .text-wrapper { margin-top:-84px} } @media only screen and (max-width:991px) { .about-area-3 .section-content .text-wrapper { margin-top:-64px;margin-left:0} } @media only screen and (max-width:767px) { .about-area-3 .section-content .text-wrapper { margin-top:40px} } .about-area-3 .section-content .btn-wrapper { margin-top:61px;margin-left:15%} @media only screen and (max-width:1919px) { .about-area-3 .section-content .btn-wrapper { margin-top:41px} } @media only screen and (max-width:991px) { .about-area-3 .section-content .btn-wrapper { margin-left:0} } .about-area-3 .about-thumb { width:100%;aspect-ratio:100/74;position:relative;height:100%} .about-area-3 .about-thumb .thumb-1 { position:absolute;top:11%;left:0;width:35%;-o-object-fit:cover;object-fit:cover;aspect-ratio:100/67;z-index:1} .about-area-3 .about-thumb .thumb-2 { position:absolute;top:0;left:30%;width:39%;object-fit:cover;aspect-ratio:100/142} .about-area-3 .about-thumb .thumb-3 { position:absolute;bottom:0;right:0;width:30%;object-fit:cover;aspect-ratio:100/136} .about-area-3 .about-thumb .thumb-4 { position:absolute;bottom:18%;left:15%;width:14%;object-fit:cover;aspect-ratio:100/130} @media only screen and (max-width:991px) { .about-area-3 .about-thumb .thumb-4 { bottom:28%} } .award-area-2 { background-color:var(--bg)} .award-area-2 .section-header { margin-top:50px;border-top:1px solid rgba(255,255,255,0.1);padding-top:45px} .award-area-2 .section-subtitle { color:var(--white)} .award-area-2 .section-title { color:var(--white);max-width:780px} @media only screen and (max-width:1919px) { .award-area-2 .section-title { max-width:680px} } @media only screen and (max-width:1399px) { .award-area-2 .section-title { max-width:480px} } @media only screen and (max-width:1199px) { .award-area-2 .section-title { max-width:430px} } @media only screen and (max-width:991px) { .award-area-2 .section-title { max-width:330px} } .award-area-2 .section-title span { color:rgba(255,255,255,0.4)} .award-area-2 .title-wrapper { margin-top:5px} .award-area-2 .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .award-area-2 .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .award-area-2 .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .award-area-2 .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .award-area-2 .section-title-wrapper { grid-template-columns:1fr} } .award-area-2 .award-wrapper-box { max-width:1235px;margin-left:auto;margin-top:85px;margin-bottom:50px} @media only screen and (max-width:1919px) { .award-area-2 .award-wrapper-box { max-width:1000px;margin-top:55px} } @media only screen and (max-width:1399px) { .award-area-2 .award-wrapper-box { max-width:850px} } @media only screen and (max-width:1199px) { .award-area-2 .award-wrapper-box { max-width:750px;margin-top:45px} } .award-area-2 .award-wrapper { border-top:1px solid rgb(41,41,41)} .award-area-2 .award-box { border-bottom:1px solid rgb(41,41,41);padding-top:40px;padding-bottom:40px;display:grid;gap:20px 50px;grid-template-columns:280px 1fr 100px;align-items:center;transition:all 0.5s} @media only screen and (max-width:1919px) { .award-area-2 .award-box { padding-top:30px;padding-bottom:30px} } @media only screen and (max-width:1199px) { .award-area-2 .award-box { grid-template-columns:180px 1fr 100px} } @media only screen and (max-width:767px) { .award-area-2 .award-box { grid-template-columns:1fr 1fr} } .award-area-2 .award-box:hover { background-color:#171717} .dark .award-area-2 .award-box:hover { background-color:#292828} @media only screen and (max-width:767px) { .award-area-2 .award-box:hover { background-color:transparent} } .award-area-2 .award-box:hover .category { transform:translateX(30px)} @media only screen and (max-width:767px) { .award-area-2 .award-box:hover .category { transform:translateX(0px)} } .award-area-2 .award-box:hover .year { transform:translateX(-30px)} @media only screen and (max-width:767px) { .award-area-2 .award-box:hover .year { transform:translateX(0px)} } .award-area-2 .award-box .category { font-size:18px;font-weight:400;line-height:18px;display:inline-block;color:var(--white);transition:all 0.5s} .award-area-2 .award-box .award { font-size:24px;font-weight:400;line-height:18px;color:var(--white)} @media only screen and (max-width:1919px) { .award-area-2 .award-box .award { font-size:18px} } @media only screen and (max-width:767px) { .award-area-2 .award-box .award { order:3;grid-column:span 2} } .award-area-2 .award-box .year { font-size:18px;font-weight:400;line-height:18px;display:inline-block;color:var(--white);transition:all 0.5s;text-align:right} .service-area-4 { position:relative;width:100vw;overflow:hidden} .services-wrapper-4 { gap:100px;width:fit-content;display:flex;align-items:center} @media only screen and (max-width:991px) { .services-wrapper-4 { display:grid;gap:50px} } .services-wrapper-4 .service-box { border-top:1px solid var(--primary);width:760px} @media only screen and (max-width:991px) { .services-wrapper-4 .service-box { width:100%} } .services-wrapper-4 .service-box .number { font-family:var(--font_thunder);font-size:350px;font-weight:400;line-height:0.7;letter-spacing:-0.02em;display:inline-block;color:var(--primary);margin-top:80px} @media only screen and (max-width:1919px) { .services-wrapper-4 .service-box .number { font-size:200px} } @media only screen and (max-width:1399px) { .services-wrapper-4 .service-box .number { font-size:180px;margin-top:60px} } @media only screen and (max-width:1199px) { .services-wrapper-4 .service-box .number { font-size:150px} } @media only screen and (max-width:991px) { .services-wrapper-4 .service-box .number { font-size:120px} } @media only screen and (max-width:991px) { .services-wrapper-4 .service-box .number { font-size:100px} } .services-wrapper-4 .service-box .title { font-family:var(--font_thunder);font-size:100px;text-transform:uppercase;margin-top:40px} @media only screen and (max-width:1919px) { .services-wrapper-4 .service-box .title { font-size:80px} } @media only screen and (max-width:1399px) { .services-wrapper-4 .service-box .title { font-size:60px;margin-top:30px} } @media only screen and (max-width:1199px) { .services-wrapper-4 .service-box .title { font-size:50px} } @media only screen and (max-width:991px) { .services-wrapper-4 .service-box .title { font-size:40px} } @media only screen and (max-width:767px) { .services-wrapper-4 .service-box .title { font-size:35px} } .services-wrapper-4 .service-box .feature-list { border-top:1px dashed #878482;margin-top:34px} .dark .services-wrapper-4 .service-box .feature-list { border-color:#6F6D6C} .services-wrapper-4 .service-box .feature-list li { font-family:var(--font_thunder);font-size:20px;font-weight:400;line-height:28px;color:var(--primary);text-transform:uppercase;display:flex;align-items:center;border-bottom:1px dashed #878482;padding-top:13px;padding-bottom:8px} .dark .services-wrapper-4 .service-box .feature-list li { border-color:#6F6D6C} .services-wrapper-4 .service-box .feature-list li:before { content:"+";margin-right:4px} .services-wrapper-4 .service-thumb { width:1920px;position:relative;overflow:hidden} @media only screen and (max-width:991px) { .services-wrapper-4 .service-thumb { width:100%;position:inherit} } .services-wrapper-4 .service-thumb img { width:100%;height:auto;object-fit:cover} .services-wrapper-4 .service-thumb-line-wrapper { position:absolute;top:0;left:0;display:flex;rotate:180deg} @media only screen and (max-width:991px) { .services-wrapper-4 .service-thumb-line-wrapper { display:none} } .services-wrapper-4 .service-thumb-line-wrapper span { width:70px;height:1000px;background-color:var(--white);transform-origin:right center;margin-left:-1px} .dark .services-wrapper-4 .service-thumb-line-wrapper span { background-color:var(--black)} .body-creative-agency { position:relative;z-index:100;background-color:#FCF7F3} .body-creative-agency.dark { --primary:#FCF7F3} .body-creative-agency.dark .rr-btn::before { background-color:var(--black)} .body-creative-agency.dark .rr-btn.btn-border-white { border-color:rgba(17,17,17,0.1)} .body-creative-agency.dark .header-area-2 .side-toggle { background-color:#292828} .body-creative-agency .body-bg { position:absolute;width:100%;height:100vh;top:0;left:0;z-index:-1} .body-creative-agency .body-bg img { width:100%} @media (min-width:1850px) { .body-creative-agency .container.large { max-width:1850px;--container-max-widths:1820px} } .body-creative-agency .section-subtitle { font-size:14px;font-weight:500;line-height:1;display:inline-block;text-transform:uppercase;color:var(--primary);letter-spacing:1px} @media (min-width:1920px) { .body-creative-agency .section-title { font-size:110px} } .body-creative-agency .rr-btn::before { background-color:#FCF7F3} .hero-area-2-inner { padding-top:100px} .hero-area-2 .section-title { font-size:200px;font-weight:310;line-height:0.85;letter-spacing:-0.09em;text-transform:uppercase;margin-left:60px} @media only screen and (max-width:1919px) { .hero-area-2 .section-title { font-size:140px} } @media only screen and (max-width:1399px) { .hero-area-2 .section-title { font-size:120px;margin-left:30px} } @media only screen and (max-width:1199px) { .hero-area-2 .section-title { font-size:100px;margin-left:0} } @media only screen and (max-width:767px) { .hero-area-2 .section-title { font-size:56px;line-height:0.95} } @media (max-width:575px) { .hero-area-2 .section-title { font-size:40px} } .hero-area-2 .section-title .title-shape-1 { height:143px;margin-left:14px;margin-top:-35px} @media only screen and (max-width:1919px) { .hero-area-2 .section-title .title-shape-1 { height:100px;margin-top:-25px} } @media only screen and (max-width:1399px) { .hero-area-2 .section-title .title-shape-1 { height:86px;margin-top:-23px} } @media only screen and (max-width:1199px) { .hero-area-2 .section-title .title-shape-1 { height:70px;margin-top:-18px} } @media only screen and (max-width:767px) { .hero-area-2 .section-title .title-shape-1 { display:none} } .hero-area-2 .section-title .title-video { height:150px;margin-right:10px;margin-left:-60px;display:inline-block;margin-top:-40px} @media only screen and (max-width:1919px) { .hero-area-2 .section-title .title-video { height:100px;margin-top:-25px} } @media only screen and (max-width:1399px) { .hero-area-2 .section-title .title-video { height:85px;margin-left:-30px;margin-top:-22px} } @media only screen and (max-width:1199px) { .hero-area-2 .section-title .title-video { height:70px;margin-top:-18px} } @media only screen and (max-width:1199px) { .hero-area-2 .section-title .title-video { margin-left:0} } @media only screen and (max-width:767px) { .hero-area-2 .section-title .title-video { display:none} } .hero-area-2 .section-content { margin-top:-450px} @media only screen and (max-width:1919px) { .hero-area-2 .section-content { margin-top:-330px} } @media only screen and (max-width:1399px) { .hero-area-2 .section-content { margin-top:-240px} } @media only screen and (max-width:991px) { .hero-area-2 .section-content { margin-top:30px} } .hero-area-2 .section-content .text-wrapper { max-width:565px;margin-left:auto} @media only screen and (max-width:1919px) { .hero-area-2 .section-content .text-wrapper { max-width:455px} } @media only screen and (max-width:1399px) { .hero-area-2 .section-content .text-wrapper { max-width:345px} } @media only screen and (max-width:991px) { .hero-area-2 .section-content .text-wrapper { max-width:100%} } .hero-area-2 .section-content .info-text { font-family:var(--font_sequelsansromanbody);font-size:18px;font-weight:310;line-height:20px;letter-spacing:-0.05em;max-width:211px;color:var(--primary)} .hero-area-2 .section-content .info-text span { text-decoration:underline} .hero-area-2 .section-content .about-text { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);margin-top:474px} @media only screen and (max-width:1919px) { .hero-area-2 .section-content .about-text { font-size:24px;margin-top:304px} } @media only screen and (max-width:1399px) { .hero-area-2 .section-content .about-text { margin-top:204px} } @media only screen and (max-width:1199px) { .hero-area-2 .section-content .about-text { font-size:22px} } @media only screen and (max-width:991px) { .hero-area-2 .section-content .about-text { margin-top:34px} } .hero-area-2 .hero-thumb { max-width:1290px;margin-top:44px;margin-left:auto} @media only screen and (max-width:1919px) { .hero-area-2 .hero-thumb { max-width:990px} } @media only screen and (max-width:1399px) { .hero-area-2 .hero-thumb { max-width:890px} } .about-area-2 { overflow-x:clip} .about-area-2 .section-title { max-width:1130px} @media only screen and (max-width:1919px) { .about-area-2 .section-title { max-width:830px} } @media only screen and (max-width:1399px) { .about-area-2 .section-title { max-width:630px} } .about-area-2 .section-header { margin-top:69px} .about-area-2 .section-content { min-height:300vh} @media only screen and (max-width:1399px) { .about-area-2 .section-content { min-height:auto} } .about-area-2 .section-content .year-wrapper { position:relative;height:355px} @media only screen and (max-width:1919px) { .about-area-2 .section-content .year-wrapper { height:242px} } @media only screen and (max-width:1399px) { .about-area-2 .section-content .year-wrapper { height:213px;height:auto} } .about-area-2 .section-content .year-since { font-size:500px;font-weight:315;line-height:0.71;letter-spacing:-0.1em;font-family:var(--font_sequelsansmediumbody);white-space:nowrap;text-transform:uppercase;position:absolute;top:0;opacity:1} @media only screen and (max-width:1919px) { .about-area-2 .section-content .year-since { font-size:340px} } @media only screen and (max-width:1399px) { .about-area-2 .section-content .year-since { font-size:235px;text-align:left;position:relative;white-space:wrap} } @media only screen and (max-width:1199px) { .about-area-2 .section-content .year-since { font-size:180px} } @media only screen and (max-width:991px) { .about-area-2 .section-content .year-since { font-size:110px} } @media only screen and (max-width:767px) { .about-area-2 .section-content .year-since { font-size:100px} } @media (max-width:575px) { .about-area-2 .section-content .year-since { font-size:60px} } .about-area-2 .section-content .year-since .first-text { width:var(--container-max-widths);display:inline-block;text-align:right;padding-right:40px} @media only screen and (max-width:1399px) { .about-area-2 .section-content .year-since .first-text { text-align:left;padding-right:0;width:auto} } .about-area-2 .section-content .year-since .last-text { width:var(--container-max-widths);display:inline-block;text-align:center;position:relative;transform-origin:top center} @media only screen and (max-width:1399px) { .about-area-2 .section-content .year-since .last-text { display:none} } .about-area-2 .section-content .text { font-size:20px;font-weight:400;line-height:28px;max-width:515px} .about-area-2 .section-content .text-wrapper { margin-top:91px;max-width:770px;margin-left:auto} @media only screen and (max-width:1919px) { .about-area-2 .section-content .text-wrapper { max-width:570px;margin-top:61px} } @media only screen and (max-width:1399px) { .about-area-2 .section-content .text-wrapper { max-width:670px} } @media only screen and (max-width:1199px) { .about-area-2 .section-content .text-wrapper { max-width:550px} } @media only screen and (max-width:991px) { .about-area-2 .section-content .text-wrapper { max-width:100%;margin-top:41px} } .about-area-2 .section-content .btn-wrapper { margin-top:38px;max-width:770px;margin-left:auto} @media only screen and (max-width:1919px) { .about-area-2 .section-content .btn-wrapper { max-width:570px} } @media only screen and (max-width:1399px) { .about-area-2 .section-content .btn-wrapper { max-width:670px} } @media only screen and (max-width:1199px) { .about-area-2 .section-content .btn-wrapper { max-width:550px} } @media only screen and (max-width:991px) { .about-area-2 .section-content .btn-wrapper { max-width:100%} } .work-area-2 { position:relative} @media (min-width:992px) { .work-area-2-inner { padding-top:100px !important} } .work-area-2 .works-wrapper-head { display:grid;gap:10px 60px;grid-template-columns:1fr 1fr;margin-bottom:48px;align-items:flex-end} @media only screen and (max-width:1399px) { .work-area-2 .works-wrapper-head { margin-bottom:28px} } @media only screen and (max-width:767px) { .work-area-2 .works-wrapper-head { grid-template-columns:auto} } .work-area-2 .works-wrapper-head .text { font-family:var(--font_sequelsansmediumbody);font-size:30px;font-weight:315;line-height:27px;letter-spacing:-0.1em;text-transform:uppercase;color:var(--primary)} @media only screen and (max-width:1399px) { .work-area-2 .works-wrapper-head .text { font-size:22px} } @media only screen and (max-width:991px) { .work-area-2 .works-wrapper-head .text { font-size:20px} } .work-area-2 .works-wrapper-head>*:nth-child(2) { text-align:end} @media only screen and (max-width:767px) { .work-area-2 .works-wrapper-head>*:nth-child(2) { text-align:start} } .works-wrapper-2 { display:grid;gap:98px 20px;grid-template-columns:repeat(4,1fr)} @media only screen and (max-width:1919px) { .works-wrapper-2 { gap:78px 20px} } @media only screen and (max-width:1399px) { .works-wrapper-2 { gap:58px 20px} } @media only screen and (max-width:991px) { .works-wrapper-2 { grid-template-columns:repeat(3,1fr)} } @media only screen and (max-width:991px) { .works-wrapper-2 { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .works-wrapper-2 { grid-template-columns:repeat(1,1fr)} } .works-wrapper-2>*:nth-child(3) { grid-column-start:4} .works-wrapper-2>*:nth-child(4) { grid-column-start:2} .works-wrapper-2>*:nth-child(6) { grid-column-start:1} .works-wrapper-2>*:nth-child(7) { grid-column-start:3} .works-wrapper-2>*:nth-child(9) { grid-column-start:2} .works-wrapper-2>*:nth-child(12) { grid-column-start:3} @media only screen and (max-width:991px) { .works-wrapper-2>*:nth-child(n) { grid-column-start:auto} } .works-wrapper-2 .work-box { position:relative} .works-wrapper-2 .work-box .thumb { overflow:hidden;position:relative} .works-wrapper-2 .work-box .thumb:hover .t-btn { opacity:1} .works-wrapper-2 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-2 .work-box .thumb .t-btn { font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.02em;padding:10px 20px;display:inline-block;background-color:white;color:var(--black);border-radius:50px;position:absolute;top:0;left:0;opacity:0;margin:-25px 0 0 -65px;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1),-webkit-transform 0.7s cubic-bezier(0.23,1,0.32,1);pointer-events:none} .works-wrapper-2 .work-box .content { margin-top:8px} .works-wrapper-2 .work-box .title { font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-0.02em;font-family:var(--font_sequelsansmediumbody)} @media only screen and (max-width:1199px) { .works-wrapper-2 .work-box .title { font-size:18px} } .works-wrapper-2 .work-box .meta { display:flex;gap:5px;align-items:center} .works-wrapper-2 .work-box .meta span { font-size:14px;font-weight:400;line-height:1;color:#999999;display:flex;align-items:center} .works-wrapper-2 .work-box .meta span:not(:first-child):before { content:"";width:6px;height:1px;background-color:currentColor;display:inline-block;margin-inline-end:5px} .actually-area { height:100vh;display:flex;align-items:center;justify-content:center} .actually-area-inner { position:relative} .actually-area .section-title { max-width:716px;text-align:center;margin-inline:auto} .actually-area .t_line>div { background-image:linear-gradient(to right,var(--primary) 50%,#CDC9C6 50%);background-size:200% 100%;background-position-x:100%;color:transparent;background-clip:text;-webkit-background-clip:text} .dark .actually-area .t_line>div { background-image:linear-gradient(to right,var(--primary) 50%,#464646 51%)} .actually-area .bg-area { position:absolute;top:40%;left:51%;transform:translate(-50%,-50%) scale(0);background-color:var(--primary);width:250px;height:250px;border-radius:50%} .service-area-2-inner { margin-bottom:-2px} .service-area-2 .section-header { position:relative;z-index:-1;transition:all 0.3s;margin-top:91px;margin-bottom:357px} @media only screen and (max-width:1919px) { .service-area-2 .section-header { margin-top:61px;margin-bottom:237px} } @media only screen and (max-width:1399px) { .service-area-2 .section-header { margin-top:41px;margin-bottom:157px} } @media only screen and (max-width:1199px) { .service-area-2 .section-header { margin-top:31px;margin-bottom:117px} } @media only screen and (max-width:991px) { .service-area-2 .section-header { margin-top:21px;margin-bottom:77px} } .service-area-2 .services-wrapper-box { background-color:var(--primary);position:relative} .service-content-wrapper { background-color:var(--primary)} .service-content-wrapper .service-content { display:grid;gap:30px 60px;grid-template-columns:705px auto;justify-content:space-between} @media only screen and (max-width:1199px) { .service-content-wrapper .service-content { grid-template-columns:405px auto} } @media only screen and (max-width:991px) { .service-content-wrapper .service-content { grid-template-columns:auto} } .service-content-wrapper .service-content .text { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:rgba(252,247,243,0.3)} @media only screen and (max-width:1919px) { .service-content-wrapper .service-content .text { font-size:24px} } @media only screen and (max-width:1399px) { .service-content-wrapper .service-content .text { font-size:22px} } @media only screen and (max-width:1199px) { .service-content-wrapper .service-content .text { font-size:20px} } .service-content-wrapper .service-content .text.text-invert>div { background-image:linear-gradient(to right,rgb(252,247,243) 50%,rgba(252,247,243,0.3) 51%)} .dark .service-content-wrapper .service-content .text.text-invert>div { background-image:linear-gradient(to right,rgb(17,17,17) 50%,rgba(17,17,17,0.3) 51%)} .service-content-wrapper .service-content .btn-wrapper { margin-top:54px} .service-content-wrapper .service-content .text-wrapper { margin-top:192px;max-width:525px} @media only screen and (max-width:1919px) { .service-content-wrapper .service-content .text-wrapper { margin-top:102px} } @media only screen and (max-width:991px) { .service-content-wrapper .service-content .text-wrapper { margin-top:0} } .service-content-wrapper .service-content .text-wrapper .text:not(:first-child) { margin-top:35px} .service-content-wrapper .service-content .section-info-wrapper .thumb { max-width:250px;margin-left:auto} @media only screen and (max-width:991px) { .service-content-wrapper .service-content .section-info-wrapper .thumb { display:none} } .services-wrapper-2 .service-box { display:grid;gap:20px 50px;grid-template-columns:215px 1fr 595px;border-top:1px solid #292828;padding-top:59px;padding-bottom:72px;background-color:var(--primary);transition:all 0.5s} .dark .services-wrapper-2 .service-box { border-color:#EAE3DD} @media only screen and (max-width:1919px) { .services-wrapper-2 .service-box { grid-template-columns:215px 1fr 395px} } @media only screen and (max-width:1399px) { .services-wrapper-2 .service-box { grid-template-columns:165px 1fr 395px} } @media only screen and (max-width:1199px) { .services-wrapper-2 .service-box { grid-template-columns:115px 1fr 375px;padding-top:49px;padding-bottom:52px} } @media only screen and (max-width:991px) { .services-wrapper-2 .service-box { grid-template-columns:55px 1fr 285px;padding-top:39px;padding-bottom:42px} } @media only screen and (max-width:767px) { .services-wrapper-2 .service-box { grid-template-columns:auto} } .services-wrapper-2 .service-box:last-child { border-bottom:1px solid #292828} .dark .services-wrapper-2 .service-box:last-child { border-color:#EAE3DD} .services-wrapper-2 .service-box-wrapper { background-color:#292828} .dark .services-wrapper-2 .service-box-wrapper { background-color:#EAE3DD} .services-wrapper-2 .service-box-wrapper:hover .service-box { border-radius:120px} @media only screen and (max-width:1199px) { .services-wrapper-2 .service-box-wrapper:hover .service-box { border-radius:80px} } @media only screen and (max-width:991px) { .services-wrapper-2 .service-box-wrapper:hover .service-box { border-radius:0px} } .services-wrapper-2 .service-box-wrapper:hover .service-box .number { transform:translateX(60px)} @media only screen and (max-width:991px) { .services-wrapper-2 .service-box-wrapper:hover .service-box .number { transform:none} } .services-wrapper-2 .service-box .number { font-size:18px;font-weight:400;line-height:18px;color:#FCF7F3;margin-top:12px;transition:all 0.5s} .dark .services-wrapper-2 .service-box .number { color:var(--black)} .services-wrapper-2 .service-box .title { font-size:110px;font-weight:310;line-height:0.9;letter-spacing:-0.07em;color:#FCF7F3} .dark .services-wrapper-2 .service-box .title { color:var(--black)} @media only screen and (max-width:1919px) { .services-wrapper-2 .service-box .title { font-size:80px} } @media only screen and (max-width:1399px) { .services-wrapper-2 .service-box .title { font-size:60px} } @media only screen and (max-width:1199px) { .services-wrapper-2 .service-box .title { font-size:50px} } @media only screen and (max-width:991px) { .services-wrapper-2 .service-box .title { font-size:40px} } @media only screen and (max-width:767px) { .services-wrapper-2 .service-box .title { font-size:35px} } .services-wrapper-2 .service-box .text { font-size:20px;font-weight:400;line-height:28px;color:#FCF7F3;max-width:370px;margin-top:7px} .dark .services-wrapper-2 .service-box .text { color:var(--black)} .moving-testimonial .testimonial-wrapper { display:flex;align-items:center;justify-content:center} @media only screen and (max-width:767px) { .moving-testimonial .testimonial-wrapper { height:auto} } .testimonial-area { background-color:var(--primary)} .testimonial-area .section-title { max-width:1000px;margin-left:auto;color:#FCF7F3} .dark .testimonial-area .section-title { color:var(--black)} .testimonial-area .section-header { margin-top:46px} .testimonial-area .testimonial-wrapper-box { padding-top:93px} .testimonial-area .testimonial-wrapper { padding-top:43px;padding-bottom:43px;display:flex;gap:0 0;align-items:flex-start} @media only screen and (max-width:1199px) { .testimonial-area .testimonial-wrapper { display:grid;grid-template-columns:1fr 1fr;gap:30px} } @media only screen and (max-width:767px) { .testimonial-area .testimonial-wrapper { display:grid;grid-template-columns:1fr} } .testimonial-area .testimonial-item { background-color:#1D1C1C;padding:38px 45px 45px;min-width:398px} .dark .testimonial-area .testimonial-item { background-color:var(--black)} @media only screen and (max-width:1919px) { .testimonial-area .testimonial-item { min-width:358px} } @media only screen and (max-width:1919px) { .testimonial-area .testimonial-item { padding:18px 30px 25px} } @media only screen and (max-width:767px) { .testimonial-area .testimonial-item { padding:18px 25px 25px} } @media only screen and (max-width:1919px) { .testimonial-area .testimonial-item:nth-child(n+5) { display:none} } .testimonial-area .testimonial-item.light { background-color:#FCF7F3} .dark .testimonial-area .testimonial-item.light { background-color:#EAE3DD} .testimonial-area .testimonial-item.light .text { color:var(--black)} .testimonial-area .testimonial-item.light .name { color:var(--black)} .testimonial-area .testimonial-item.light .post { color:rgba(17,17,17,0.4)} .testimonial-area .testimonial-item.light .icon { background-color:var(--black)} .testimonial-area .testimonial-item .text { font-size:20px;font-weight:400;line-height:28px;color:#FCF7F3} .testimonial-area .testimonial-item .name { font-size:20px;font-weight:310;line-height:27px;letter-spacing:-0.07em;color:#FCF7F3} .testimonial-area .testimonial-item .post { font-size:16px;font-weight:400;line-height:27px;color:rgba(252,247,243,0.4);display:inline-block;margin-top:1px} .testimonial-area .testimonial-item .author { margin-top:54px;display:grid;gap:20px 30px;grid-template-columns:1fr auto;align-items:center} @media only screen and (max-width:1919px) { .testimonial-area .testimonial-item .author { margin-top:34px} } .testimonial-area .testimonial-item .icon { width:70px;height:70px;background-color:#FCF7F3;border-radius:50%;display:inline-flex;justify-content:center;align-items:center} .client-area-2 { background-color:var(--primary);margin-bottom:-1px;position:relative;z-index:1} .client-area-2 .section-header .text { font-size:20px;font-weight:400;line-height:28px;text-align:center;max-width:340px;color:#FCF7F3;margin-inline:auto} .dark .client-area-2 .section-header .text { color:var(--black)} .client-area-2 .clients-wrapper-box { margin-top:63px} @media only screen and (max-width:1199px) { .client-area-2 .clients-wrapper-box { margin-top:43px} } .client-area-2 .clients-wrapper { display:flex;gap:0;justify-content:center;flex-wrap:wrap} .client-area-2 .clients-wrapper .client-slider-active .swiper-slide { width:auto} .client-area-2 .clients-wrapper .client-slider-active .swiper-wrapper { transition-timing-function:linear !important} .client-area-2 .client-box { border:1px solid rgba(252,247,243,0.1);border-radius:70px;width:215px;height:140px;padding:0 20px;display:inline-flex;justify-content:center;align-items:center} .dark .client-area-2 .client-box { border-color:rgba(17,17,17,0.1)} @media only screen and (max-width:1919px) { .client-area-2 .client-box { width:155px;height:90px} } @media only screen and (max-width:1399px) { .client-area-2 .client-box { width:135px;height:70px} } .circular-shape-wrapper { height:100vh;background-color:var(--primary);display:flex;justify-content:center;align-items:center;overflow:hidden} .circular-shape-wrapper .shape-thumb img { transform:scale(1) rotate(0);opacity:0.9} .award-area { background-color:#FCF7F3;position:relative} .dark .award-area { background-color:var(--black)} .award-area .section-title { max-width:1190px} .award-area .section-header { margin-top:46px} .award-area .awards-wrapper-box { margin-top:93px;border-top:1px solid var(--border);padding-top:32px} @media only screen and (max-width:1919px) { .award-area .awards-wrapper-box { margin-top:73px} } @media only screen and (max-width:1399px) { .award-area .awards-wrapper-box { margin-top:53px} } .award-area .awards-wrapper { max-width:630px;margin-right:270px;margin-left:auto} @media only screen and (max-width:1199px) { .award-area .awards-wrapper { margin-right:0} } .award-area .award-box { display:grid;gap:20px 30px;grid-template-columns:1fr 370px} @media only screen and (max-width:767px) { .award-area .award-box { grid-template-columns:1fr 340px} } @media (max-width:575px) { .award-area .award-box { grid-template-columns:1fr} } .award-area .award-box:not(:first-child) { margin-top:56px} .award-area .award-box .award-list li { display:grid;gap:10px 20px;grid-template-columns:auto auto;justify-content:space-between;font-size:20px;font-weight:400;line-height:28px;color:var(--primary)} @media only screen and (max-width:767px) { .award-area .award-box .award-list li { font-size:18px} } .award-area .award-box .category { font-size:20px;font-weight:400;line-height:20px;color:var(--primary)} @media only screen and (max-width:767px) { .award-area .award-box .category { font-size:18px} } .cta-area-2-inner { overflow:hidden} .cta-area-2 .section-title { font-size:200px;font-weight:310;line-height:0.85;letter-spacing:-0.09em;text-transform:uppercase;white-space:nowrap} @media only screen and (max-width:1919px) { .cta-area-2 .section-title { font-size:140px} } @media only screen and (max-width:1399px) { .cta-area-2 .section-title { font-size:100px} } @media only screen and (max-width:1199px) { .cta-area-2 .section-title { margin-left:0} } @media only screen and (max-width:767px) { .cta-area-2 .section-title { font-size:60px} } @media (max-width:575px) { .cta-area-2 .section-title { font-size:40px} } .cta-area-2 .section-title a { display:inline-flex;align-items:center} .cta-area-2 .section-title .line { width:1em;height:0.1em;background-color:var(--primary);display:inline-block;align-self:center;margin-left:0.3em;margin-right:0.2em} .cta-area-2 .section-header { margin-top:70px;margin-bottom:93px} @media only screen and (max-width:1919px) { .cta-area-2 .section-header { margin-top:30px;margin-bottom:73px} } @media only screen and (max-width:1399px) { .cta-area-2 .section-header { margin-top:10px;margin-bottom:53px} } .cta-area-2 .section-header .title-wrapper { animation:45s t-slide infinite linear} .cta-area-2 .section-header .t-btn { font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.02em;padding:10px 20px;display:inline-block;background-color:var(--theme);color:var(--black);border-radius:50px;position:absolute;top:0;left:0;margin:-25px 0 0 -65px;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1)} .body-marketing-agency { background-color:#FCF7F3} .body-marketing-agency.dark { --border:rgba(252,247,243,0.1)} @media (min-width:1850px) { .body-marketing-agency .container.large { max-width:1850px} } .body-marketing-agency .section-title .mb-14 { transform:translate(0px,-14px);display:inline-block} @media only screen and (max-width:1199px) { .body-marketing-agency .section-title .mb-14 { display:block;transform:none} } @media only screen and (max-width:767px) { .body-marketing-agency .section-title .mb-14 { margin-top:10px} } .hero-area-3-inner { padding-top:28px;padding-bottom:100px} .hero-area-3 .section-subtitle { font-size:18px;font-weight:400;line-height:22px;text-transform:unset;display:inline-block;max-width:231px;color:var(--primary);text-transform:math-auto} .hero-area-3 .subtitle-wrapper { max-width:1090px;margin-left:auto} @media only screen and (max-width:1919px) { .hero-area-3 .subtitle-wrapper { max-width:790px} } @media only screen and (max-width:1399px) { .hero-area-3 .subtitle-wrapper { max-width:690px} } @media only screen and (max-width:1199px) { .hero-area-3 .subtitle-wrapper { max-width:590px} } @media only screen and (max-width:991px) { .hero-area-3 .subtitle-wrapper { margin-left:0;margin-top:70px} } .hero-area-3 .section-title { font-size:140px;font-weight:310;line-height:0.85;letter-spacing:-0.07em;max-width:1240px} @media only screen and (max-width:1919px) { .hero-area-3 .section-title { font-size:100px;max-width:940px} } @media only screen and (max-width:1199px) { .hero-area-3 .section-title { font-size:70px;max-width:640px} } @media only screen and (max-width:767px) { .hero-area-3 .section-title { font-size:50px} } .hero-area-3 .section-title .title-shape-1 { height:96px;margin-right:15px} @media only screen and (max-width:1919px) { .hero-area-3 .section-title .title-shape-1 { height:76px;margin-right:10px} } @media only screen and (max-width:1199px) { .hero-area-3 .section-title .title-shape-1 { height:51px} } @media only screen and (max-width:767px) { .hero-area-3 .section-title .title-shape-1 { height:36px;margin-right:5px} } .hero-area-3 .section-title .title-shape-2 { height:84px;margin-left:5px;margin-top:-10px} @media only screen and (max-width:1919px) { .hero-area-3 .section-title .title-shape-2 { height:64px} } @media only screen and (max-width:1199px) { .hero-area-3 .section-title .title-shape-2 { height:44px;margin-top:-6px} } @media only screen and (max-width:767px) { .hero-area-3 .section-title .title-shape-2 { height:30px} } .hero-area-3 .section-title .text-underline { color:rgba(17,17,17,0.2);text-decoration-line:underline;text-decoration-thickness:7px;text-underline-offset:12px;position:relative;cursor:pointer} .dark .hero-area-3 .section-title .text-underline { color:rgba(252,247,243,0.2)} @media only screen and (max-width:1919px) { .hero-area-3 .section-title .text-underline { text-decoration-thickness:6px;text-underline-offset:8px} } @media only screen and (max-width:1199px) { .hero-area-3 .section-title .text-underline { text-decoration-thickness:4px;text-underline-offset:6px} } @media only screen and (max-width:767px) { .hero-area-3 .section-title .text-underline { text-decoration-thickness:3px;text-underline-offset:4px} } .hero-area-3 .section-title .text-underline .hover-image { position:absolute;top:0;left:0;width:200px;height:250px;cursor:pointer;opacity:0;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1),-webkit-transform 0.7s cubic-bezier(0.23,1,0.32,1)} .hero-area-3 .section-title .text-underline .text-underline:hover .hover-image { opacity:1} .hero-area-3 .title-wrapper { margin-top:43px} @media only screen and (max-width:991px) { .hero-area-3 .title-wrapper { margin-top:23px} } .hero-area-3 .social-links { display:flex;gap:8px 20px;max-width:270px;flex-wrap:wrap;align-self:flex-end} @media only screen and (max-width:991px) { .hero-area-3 .social-links { max-width:100%} } .hero-area-3 .social-links li { font-size:18px;font-weight:400;line-height:22px;position:relative;text-decoration-style:solid;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--primary)} .hero-area-3 .social-links li::before { width:100%;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .hero-area-3 .social-links li:hover::before { width:0} .hero-area-3 .info-text { font-size:18px;font-weight:400;line-height:22px;color:var(--primary);max-width:140px} .hero-area-3 .about-text { font-size:20px;font-weight:400;line-height:28px;color:var(--primary);max-width:410px} @media only screen and (max-width:991px) { .hero-area-3 .about-text { max-width:100%} } .hero-area-3 .section-content { display:grid;gap:30px 50px;grid-template-columns:1fr 310px 730px;margin-top:88px} @media only screen and (max-width:1919px) { .hero-area-3 .section-content { grid-template-columns:1fr 310px 430px} } @media only screen and (max-width:1399px) { .hero-area-3 .section-content { grid-template-columns:1fr 310px 330px;margin-top:58px} } @media only screen and (max-width:1199px) { .hero-area-3 .section-content { grid-template-columns:1fr 210px 330px} } @media only screen and (max-width:991px) { .hero-area-3 .section-content { grid-template-columns:1fr} } .hero-area-3 .section-content .btn-wrapper { margin-top:56px} @media only screen and (max-width:1199px) { .hero-area-3 .section-content .btn-wrapper { margin-top:36px} } .text-underline { position:relative;cursor:pointer} .image-hover { position:fixed;top:0;left:0;width:200px;height:250px;pointer-events:none;opacity:0;transform:scale(0.8);transition:opacity 0.3s ease,transform 0.3s ease} @media (max-width:768px) { .image-hover { display:none} } .text-underline:hover .image-hover { opacity:1;transform:scale(1)} .service-area-3 .section-header { margin-top:50px} .service-area-3 .section-header .rr-btn-group.b { padding:9px 18px !important} .service-area-3 .services-wrapper-box { margin-top:86px} @media only screen and (max-width:1919px) { .service-area-3 .services-wrapper-box { margin-top:56px} } @media only screen and (max-width:1399px) { .service-area-3 .services-wrapper-box { margin-top:36px} } .services-wrapper-3 { display:grid;gap:30px 60px;grid-template-columns:repeat(4,1fr);overflow:hidden} @media only screen and (max-width:1919px) { .services-wrapper-3 { gap:30px 40px} } @media only screen and (max-width:991px) { .services-wrapper-3 { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .services-wrapper-3 { grid-template-columns:repeat(1,1fr)} } .services-wrapper-3 .service-box { display:grid;gap:20px 30px;grid-template-columns:110px 1fr;align-items:flex-start;padding-top:12px;border-top:1px solid var(--border);position:relative} @media only screen and (max-width:1919px) { .services-wrapper-3 .service-box { gap:20px 20px;grid-template-columns:70px 1fr} } @media only screen and (max-width:1399px) { .services-wrapper-3 .service-box { grid-template-columns:1fr} } .services-wrapper-3 .service-box:hover .thumb img { transform:scale(1.1)} .services-wrapper-3 .service-box:before { position:absolute;content:"";width:1px;height:100%;background-color:var(--border);top:0;left:-30px} @media only screen and (max-width:1919px) { .services-wrapper-3 .service-box:before { left:-20px} } .services-wrapper-3 .service-box .thumb { margin-top:8px;border-radius:25px;overflow:hidden} @media only screen and (max-width:1919px) { .services-wrapper-3 .service-box .thumb { border-radius:15px} } @media only screen and (max-width:1399px) { .services-wrapper-3 .service-box .thumb { max-width:70px} } .services-wrapper-3 .service-box .thumb img { width:100%;transition:all 0.5s} .services-wrapper-3 .service-box .title { font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em} @media only screen and (max-width:1919px) { .services-wrapper-3 .service-box .title { font-size:24px} } .services-wrapper-3 .service-box .text { font-size:18px;font-weight:400;line-height:26px;margin-top:18px} .services-wrapper-3 .service-box .rr-btn-underline { text-transform:unset;font-size:18px;color:var(--primary);margin-top:50px;display:inline-block;position:relative} .services-wrapper-3 .service-box .rr-btn-underline::before { content:"";width:100%;height:1px;background-color:currentColor;position:absolute;left:0;bottom:0;transition:all 0.4s} .services-wrapper-3 .service-box .rr-btn-underline:hover::before { width:0} @media only screen and (max-width:1919px) { .services-wrapper-3 .service-box .rr-btn-underline { margin-top:30px} } .work-area-3 .section-title { max-width:1060px} @media only screen and (max-width:1919px) { .work-area-3 .section-title { max-width:860px} } .work-area-3 .section-title .rr-btn-group:hover .c { transform:translate(-11px,0px)} .work-area-3 .works-wrapper-box { margin-top:86px} @media only screen and (max-width:1919px) { .work-area-3 .works-wrapper-box { margin-top:56px} } @media only screen and (max-width:1199px) { .work-area-3 .works-wrapper-box { margin-top:36px} } .works-wrapper-3 { display:grid;gap:68px 20px;grid-template-columns:repeat(2,1fr)} @media only screen and (max-width:1919px) { .works-wrapper-3 { gap:48px 20px} } @media only screen and (max-width:767px) { .works-wrapper-3 { gap:38px 20px} } @media (max-width:575px) { .works-wrapper-3 { grid-template-columns:repeat(1,1fr)} } .works-wrapper-3>* .image { transform-origin:bottom right} .works-wrapper-3>*:nth-child(2n) .image { transform-origin:bottom left} .works-wrapper-3 .work-box .thumb:hover .t-btn { opacity:1} .works-wrapper-3 .work-box .thumb .image { overflow:hidden;position:relative;border-radius:20px;transform:scale(0.9)} .works-wrapper-3 .work-box .thumb .image img { transform-origin:center} .works-wrapper-3 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-3 .work-box .thumb .t-btn { font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.02em;padding:10px 20px;display:inline-block;background-color:white;color:var(--black);border-radius:50px;position:absolute;top:0;left:0;opacity:0;margin:-25px 0 0 -65px;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1),-webkit-transform 0.7s cubic-bezier(0.23,1,0.32,1);pointer-events:none} .works-wrapper-3 .work-box .content { margin-top:14px} .works-wrapper-3 .work-box .title { font-size:30px;font-weight:310;line-height:1;letter-spacing:-0.08em} @media only screen and (max-width:1199px) { .works-wrapper-3 .work-box .title { font-size:22px} } @media only screen and (max-width:767px) { .works-wrapper-3 .work-box .title { font-size:20px} } .works-wrapper-3 .work-box .meta { display:flex;gap:5px;align-items:center;margin-top:10px} .works-wrapper-3 .work-box .meta span { font-size:14px;font-weight:400;line-height:1;display:flex;align-items:center} .works-wrapper-3 .work-box .meta span:not(:first-child):before { content:"";width:10px;height:1px;background-color:currentColor;display:inline-block;margin-inline-end:5px} .approach-area .section-header { margin-top:43px} .approach-area .section-title-wrapper { display:grid;gap:20px 60px;grid-template-columns:1fr 1225px;align-items:flex-end} @media only screen and (max-width:1919px) { .approach-area .section-title-wrapper { grid-template-columns:1fr 905px} } @media only screen and (max-width:1399px) { .approach-area .section-title-wrapper { grid-template-columns:1fr 675px} } @media only screen and (max-width:1199px) { .approach-area .section-title-wrapper { grid-template-columns:1fr 575px} } @media only screen and (max-width:991px) { .approach-area .section-title-wrapper { grid-template-columns:1fr} } .approach-area .section-subtitle { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary)} @media only screen and (max-width:1919px) { .approach-area .section-subtitle { font-size:24px} } @media only screen and (max-width:991px) { .approach-area .section-subtitle { font-size:18px} .approach-area .section-subtitle br { display:none} } .approach-area .section-title { max-width:1126px} .approach-area .section-title span { color:rgba(17,17,17,0.3)} .dark .approach-area .section-title span { color:rgba(252,247,243,0.3)} .approach-area .approach-wrapper-box { margin-top:94px;display:grid;gap:20px 60px;grid-template-columns:1fr 1225px;align-items:flex-start;margin-bottom:80px} @media only screen and (max-width:1919px) { .approach-area .approach-wrapper-box { grid-template-columns:1fr 905px;margin-top:64px} } @media only screen and (max-width:1399px) { .approach-area .approach-wrapper-box { grid-template-columns:1fr 675px} } @media only screen and (max-width:1199px) { .approach-area .approach-wrapper-box { grid-template-columns:1fr 575px} } @media only screen and (max-width:991px) { .approach-area .approach-wrapper-box { grid-template-columns:1fr;margin-top:44px} } .approach-area .approach-wrapper-box .steps { font-family:var(--font_sequelsansromanbody);font-size:265px;font-weight:310;line-height:0.65;letter-spacing:-0.07em;color:var(--primary)} @media only screen and (max-width:1919px) { .approach-area .approach-wrapper-box .steps { font-size:205px} } @media only screen and (max-width:1399px) { .approach-area .approach-wrapper-box .steps { font-size:165px} } @media only screen and (max-width:991px) { .approach-area .approach-wrapper-box .steps { display:none} } .approach-area .approach-box { display:grid;gap:10px 50px;grid-template-columns:60px 1fr 595px;align-items:flex-start;padding-top:24px;padding-bottom:24px;border-bottom:1px dashed #878482} .approach-area .approach-box:first-child { border-top:1px dashed #878482} @media only screen and (max-width:1919px) { .approach-area .approach-box { grid-template-columns:60px 1fr 395px} } @media only screen and (max-width:1399px) { .approach-area .approach-box { grid-template-columns:60px 1fr} } @media only screen and (max-width:991px) { .approach-area .approach-box { gap:10px 30px} } @media (max-width:575px) { .approach-area .approach-box { grid-template-columns:30px 1fr} } .approach-area .approach-box .number { font-size:18px;font-weight:400;line-height:26px;color:var(--primary)} @media only screen and (max-width:1399px) { .approach-area .approach-box .number { grid-row:span 2} } .approach-area .approach-box .title { font-size:30px;font-weight:310;line-height:30px;letter-spacing:-0.07em} @media only screen and (max-width:1919px) { .approach-area .approach-box .title { font-size:24px} } .approach-area .approach-box .text { font-size:18px;font-weight:400;line-height:26px} .funfact-area-2 { background-color:var(--bg)} .funfact-area-2 .section-header { margin-top:50px} .funfact-area-2 .section-title { max-width:820px;color:#FCF7F3} @media only screen and (max-width:1399px) { .funfact-area-2 .section-title { max-width:500px} } .funfact-area-2 .section-content { margin-top:79px} @media only screen and (max-width:1919px) { .funfact-area-2 .section-content { margin-top:59px} } .funfact-area-2 .section-content .text { font-size:20px;font-weight:400;line-height:28px;color:var(--white-2);max-width:410px} .funfact-area-2 .section-content .year { font-family:var(--font_sequelsansromanbody);font-size:580px;font-weight:315;line-height:0.8;letter-spacing:-0.1em;color:#FCF7F3;display:inline-block} @media only screen and (max-width:1919px) { .funfact-area-2 .section-content .year { font-size:380px} } @media only screen and (max-width:1399px) { .funfact-area-2 .section-content .year { font-size:320px} } @media only screen and (max-width:1199px) { .funfact-area-2 .section-content .year { font-size:240px} } @media only screen and (max-width:991px) { .funfact-area-2 .section-content .year { font-size:150px} } @media (max-width:575px) { .funfact-area-2 .section-content .year { font-size:100px} } .funfact-area-2 .section-content .info-text { margin-top:49px;margin-left:265px;display:grid;gap:20px 90px;grid-template-columns:auto 1fr;align-items:flex-end} @media only screen and (max-width:1919px) { .funfact-area-2 .section-content .info-text { margin-top:29px} } @media only screen and (max-width:1399px) { .funfact-area-2 .section-content .info-text { margin-left:165px} } @media only screen and (max-width:991px) { .funfact-area-2 .section-content .info-text { margin-top:19px} } @media only screen and (max-width:767px) { .funfact-area-2 .section-content .info-text { margin-left:0} } @media (max-width:575px) { .funfact-area-2 .section-content .info-text { grid-template-columns:1fr} } .funfact-area-2 .section-content .info-text img { height:43px} @media only screen and (max-width:1919px) { .funfact-area-2 .section-content .info-text img { height:33px} } @media only screen and (max-width:1199px) { .funfact-area-2 .section-content .info-text img { height:20px} } @media (max-width:575px) { .funfact-area-2 .section-content .info-text img { display:none} } .funfact-area-2 .section-content .info-text .text { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:#FCF7F3;max-width:273px;margin-top:42px} @media only screen and (max-width:1919px) { .funfact-area-2 .section-content .info-text .text { font-size:24px;max-width:223px} } @media only screen and (max-width:1199px) { .funfact-area-2 .section-content .info-text .text { font-size:18px;max-width:173px;margin-top:22px} } .funfact-area-2 .section-content .text-wrapper { margin-left:265px} @media only screen and (max-width:1399px) { .funfact-area-2 .section-content .text-wrapper { margin-left:165px} } @media only screen and (max-width:767px) { .funfact-area-2 .section-content .text-wrapper { margin-left:0} } .funfact-area-2 .thumb { margin-top:94px} .funfact-area-2 .thumb img { width:100%;transform:scale(0.67);transform-origin:top right} .client-area-3 { background-color:var(--bg)} .client-area-3 .section-header { margin-top:69px} .client-area-3 .section-header .text { font-size:20px;font-weight:400;line-height:28px;text-align:center;max-width:340px;color:#FCF7F3;margin-inline:auto} .client-area-3 .clients-wrapper-box { margin-top:63px;margin-bottom:80px} @media only screen and (max-width:1199px) { .client-area-3 .clients-wrapper-box { margin-top:43px} } .client-area-3 .clients-wrapper { display:flex;gap:0;justify-content:center;flex-wrap:wrap} .client-area-3 .clients-wrapper .client-slider-active .swiper-slide { width:auto} .client-area-3 .clients-wrapper .client-slider-active .swiper-wrapper { transition-timing-function:linear !important} .client-area-3 .client-box { border:1px solid rgba(252,247,243,0.1);border-radius:70px;width:215px;height:140px;padding:0 20px;display:inline-flex;justify-content:center;align-items:center} @media only screen and (max-width:1919px) { .client-area-3 .client-box { width:155px;height:90px} } @media only screen and (max-width:1399px) { .client-area-3 .client-box { width:135px;height:70px} } .blog-area .section-title .rr-btn-group:hover .c { transform:translate(-11px,0px)} .blog-area .section-title { max-width:710px} .blog-area .blogs-wrapper-box { margin-top:86px} @media only screen and (max-width:1919px) { .blog-area .blogs-wrapper-box { margin-top:56px} } @media only screen and (max-width:1199px) { .blog-area .blogs-wrapper-box { margin-top:36px} } .blog-area .blogs-wrapper { display:grid;gap:76px 60px;grid-template-columns:repeat(4,1fr);overflow:hidden} @media only screen and (max-width:1919px) { .blog-area .blogs-wrapper { gap:46px 40px} } @media only screen and (max-width:1199px) { .blog-area .blogs-wrapper { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .blog-area .blogs-wrapper { grid-template-columns:repeat(1,1fr)} } .blog-area .blog { position:relative} .blog-area .blog:hover .thumb img { transform:scale(1.1)} .blog-area .blog:hover .title .arrow { background-color:var(--primary)} .blog-area .blog:hover .title .arrow svg { transform:rotate(60deg)} .blog-area .blog:hover .title .arrow svg * { fill:var(--white)} .dark .blog-area .blog:hover .title .arrow svg * { fill:var(--black)} .blog-area .blog:before { position:absolute;content:"";width:1px;height:100%;background-color:var(--border);top:0;left:-30px} @media only screen and (max-width:1919px) { .blog-area .blog:before { left:-20px} } .blog-area .blog .thumb { overflow:hidden} .blog-area .blog .thumb img { width:100%;transition:all 0.5s} .blog-area .blog .content { margin-top:24px} @media only screen and (max-width:1199px) { .blog-area .blog .content { margin-top:14px} } .blog-area .blog .title { font-size:36px;font-weight:310;line-height:1;letter-spacing:-0.07em;display:inline} @media only screen and (max-width:1919px) { .blog-area .blog .title { font-size:24px} } @media only screen and (max-width:1399px) { .blog-area .blog .title { font-size:22px} } @media only screen and (max-width:1199px) { .blog-area .blog .title { font-size:20px} } .blog-area .blog .title .arrow { display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;transition:all 0.3s;border-radius:50%;border:2px solid var(--primary);transform:translate(0px,-1px);margin-left:5px} @media only screen and (max-width:1919px) { .blog-area .blog .title .arrow { width:20px;height:20px} } @media only screen and (max-width:1399px) { .blog-area .blog .title .arrow { width:17px;height:17px} } @media only screen and (max-width:1199px) { .blog-area .blog .title .arrow { width:15px;height:15px;border-width:1px} } .blog-area .blog .title .arrow svg { transition:all 0.3s;width:13px} @media only screen and (max-width:1919px) { .blog-area .blog .title .arrow svg { width:10px} } @media only screen and (max-width:1399px) { .blog-area .blog .title .arrow svg { width:7px} } .blog-area .blog .title .arrow svg * { fill:var(--primary)} .blog-area .blog .meta { display:flex;gap:5px;align-items:center;margin-top:14px} @media only screen and (max-width:1199px) { .blog-area .blog .meta { margin-top:9px} } .blog-area .blog .meta span { font-size:14px;font-weight:400;line-height:24px;color:var(--secondary)} .blog-area .blog .meta span.has-left-line { padding-inline-start:15px} .blog-area .blog .meta span.has-left-line:before { width:10px} .blog-area .blog .meta .name span { font-weight:500;color:var(--primary)} .cta-area-3 .section-header { margin-top:50px;margin-left:925px;margin-bottom:86px} @media only screen and (max-width:1919px) { .cta-area-3 .section-header { margin-bottom:56px;margin-left:555px} } @media only screen and (max-width:1399px) { .cta-area-3 .section-header { margin-left:475px} } @media only screen and (max-width:1199px) { .cta-area-3 .section-header { margin-bottom:36px;margin-left:325px} } @media only screen and (max-width:991px) { .cta-area-3 .section-header { margin-left:0} } .cta-area-3 .section-header .rr-btn-group:hover .c { transform:translate(-11px,0px)} .cta-area-3 .section-title { max-width:680px} @media only screen and (max-width:1919px) { .cta-area-3 .section-title { max-width:540px} } @media only screen and (max-width:1399px) { .cta-area-3 .section-title { max-width:410px} } @media only screen and (max-width:1199px) { .cta-area-3 .section-title { max-width:340px} } .body-startup-agency { background-color:#FFFFFF} @media (min-width:1650px) { .body-startup-agency .container.large { max-width:1650px} } .body-startup-agency .section-subtitle { font-size:20px;font-weight:400;line-height:26px;text-transform:unset;display:inline-block;color:var(--primary);padding-bottom:10px;position:relative} .body-startup-agency .section-subtitle svg { position:absolute;bottom:0;width:100% !important;left:0;height:7px} @-webkit-keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset:195.8011322021px;stroke-dasharray:195.8011322021px} 20% { stroke-dashoffset:391.6022644043px;stroke-dasharray:195.8011322021px} 100% { stroke-dashoffset:391.6022644043px;stroke-dasharray:195.8011322021px} } @keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset:195.8011322021px;stroke-dasharray:195.8011322021px} 20% { stroke-dashoffset:391.6022644043px;stroke-dasharray:195.8011322021px} 100% { stroke-dashoffset:391.6022644043px;stroke-dasharray:195.8011322021px} } .body-startup-agency .section-subtitle .svg-elem-1 { -webkit-animation:animate-svg-stroke-1 5s ease-in-out 0s both infinite;animation:animate-svg-stroke-1 5s ease-in-out 0s both infinite} .body-startup-agency .rr-btn-underline { font-size:18px;font-weight:400;line-height:26px;text-transform:unset;gap:5px} .body-startup-agency .rr-btn-underline::before { height:1px} .body-startup-agency .rr-btn-underline .icon { width:13px} .body-startup-agency .header-area-5 .side-toggle { background-color:rgb(243,243,243)} .hero-area-5 .section-content-wrapper { margin-top:16px;display:grid;gap:40px 110px;grid-template-columns:715px 1fr} @media only screen and (max-width:1919px) { .hero-area-5 .section-content-wrapper { gap:40px 80px;grid-template-columns:515px 1fr} } @media only screen and (max-width:1399px) { .hero-area-5 .section-content-wrapper { gap:40px 60px;grid-template-columns:425px 1fr} } @media only screen and (max-width:1199px) { .hero-area-5 .section-content-wrapper { grid-template-columns:455px 1fr;margin-top:26px} } @media only screen and (max-width:991px) { .hero-area-5 .section-content-wrapper { grid-template-columns:1fr} } .hero-area-5 .hero-video { margin-top:14px;border-radius:15px;overflow:hidden} .hero-area-5 .hero-video video { width:100%;height:100%;object-fit:cover} .hero-area-5 .section-title { font-size:80px;font-weight:500;line-height:1;letter-spacing:-0.05em;max-width:575px} @media only screen and (max-width:1919px) { .hero-area-5 .section-title { font-size:70px;max-width:505px} } @media only screen and (max-width:1399px) { .hero-area-5 .section-title { font-size:60px;max-width:455px} } @media only screen and (max-width:1199px) { .hero-area-5 .section-title { font-size:50px;max-width:375px} } @media only screen and (max-width:991px) { .hero-area-5 .section-title { font-size:40px} } @media only screen and (max-width:767px) { .hero-area-5 .section-title { font-size:35px} } .hero-area-5 .section-content .text { font-size:20px;font-weight:400;line-height:26px} .hero-area-5 .section-content .text-btn-wrapper { border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:43px;display:grid;grid-template-columns:330px 1fr} @media only screen and (max-width:1199px) { .hero-area-5 .section-content .text-btn-wrapper { grid-template-columns:1fr} } .hero-area-5 .section-content .text-wrapper { margin-top:62px;margin-bottom:62px} @media only screen and (max-width:1919px) { .hero-area-5 .section-content .text-wrapper { margin-top:42px;margin-bottom:42px} } @media only screen and (max-width:1199px) { .hero-area-5 .section-content .text-wrapper { margin-top:32px;margin-bottom:32px} } .hero-area-5 .section-content .btn-wrapper { border-left:1px solid var(--border);margin-left:74px;padding-left:28px;padding-top:90px;padding-bottom:68px} @media only screen and (max-width:1919px) { .hero-area-5 .section-content .btn-wrapper { margin-left:44px;padding-top:70px;padding-bottom:48px} } @media only screen and (max-width:1199px) { .hero-area-5 .section-content .btn-wrapper { margin-left:0;padding-top:0;padding-bottom:38px;border-left:0;padding-left:0} } .work-area-4 .section-header { border-top:1px solid var(--border);padding-top:35px} .work-area-4 .section-header .btn-wrapper { margin-top:44px} @media only screen and (max-width:1919px) { .work-area-4 .section-header .btn-wrapper { margin-top:34px} } @media only screen and (max-width:1199px) { .work-area-4 .section-header .btn-wrapper { margin-top:24px} } .work-area-4 .section-header .subtitle-wrapper { margin-top:9px} .work-area-4 .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1015px} @media only screen and (max-width:1919px) { .work-area-4 .section-title-wrapper { grid-template-columns:1fr 815px} } @media only screen and (max-width:1399px) { .work-area-4 .section-title-wrapper { grid-template-columns:1fr 700px} } @media only screen and (max-width:1199px) { .work-area-4 .section-title-wrapper { grid-template-columns:1fr 600px} } @media only screen and (max-width:991px) { .work-area-4 .section-title-wrapper { grid-template-columns:1fr 430px} } @media only screen and (max-width:767px) { .work-area-4 .section-title-wrapper { grid-template-columns:1fr} } .work-area-4 .section-title { max-width:700px} @media only screen and (max-width:1919px) { .work-area-4 .section-title { max-width:600px} } @media only screen and (max-width:1399px) { .work-area-4 .section-title { max-width:450px} } @media only screen and (max-width:1199px) { .work-area-4 .section-title { max-width:350px} } @media only screen and (max-width:767px) { .work-area-4 .section-title { max-width:100%} } .work-area-4 .works-wrapper-box { margin-top:29px} @media only screen and (max-width:1399px) { .work-area-4 .works-wrapper-box { margin-top:9px} } .works-wrapper-4 { display:grid;gap:85px 10px;grid-template-columns:repeat(2,1fr)} @media only screen and (max-width:1919px) { .works-wrapper-4 { gap:65px 10px} } @media only screen and (max-width:1199px) { .works-wrapper-4 { gap:45px 10px} } @media only screen and (max-width:767px) { .works-wrapper-4 { grid-template-columns:repeat(1,1fr)} } .works-wrapper-4>* .image { transform-origin:bottom right} .works-wrapper-4>*:nth-child(2n) .image { transform-origin:bottom left} .works-wrapper-4 .work-box .thumb { border-radius:15px;overflow:hidden} .works-wrapper-4 .work-box .thumb .image { overflow:hidden;position:relative;border-radius:20px;transform:scale(0.9)} .works-wrapper-4 .work-box .thumb .image img { transform-origin:center} .works-wrapper-4 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-4 .work-box .content { margin-top:24px} @media only screen and (max-width:1199px) { .works-wrapper-4 .work-box .content { margin-top:14px} } .works-wrapper-4 .work-box .title { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em} @media only screen and (max-width:1199px) { .works-wrapper-4 .work-box .title { font-size:18px} } .works-wrapper-4 .work-box .tag { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em;display:block;font-family:var(--font_bdogrotesk);color:var(--primary)} @media only screen and (max-width:1199px) { .works-wrapper-4 .work-box .tag { font-size:18px} } .works-wrapper-4 .work-box .date { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em;display:block;font-family:var(--font_bdogrotesk);color:var(--primary)} @media only screen and (max-width:1199px) { .works-wrapper-4 .work-box .date { font-size:18px} } .marquee-text-area { height:100vh;display:flex;align-items:center;overflow:hidden} .marquee-text-area .section-title { font-size:280px;font-weight:400;line-height:1;letter-spacing:-0.07em;white-space:nowrap;margin-bottom:50px} @media only screen and (max-width:1919px) { .marquee-text-area .section-title { font-size:210px;margin-bottom:40px} } @media only screen and (max-width:1399px) { .marquee-text-area .section-title { font-size:200px} } @media only screen and (max-width:1199px) { .marquee-text-area .section-title { font-size:150px;margin-bottom:30px} } @media only screen and (max-width:991px) { .marquee-text-area .section-title { font-size:110px;margin-bottom:20px} } @media only screen and (max-width:767px) { .marquee-text-area .section-title { font-size:90px} } @media (max-width:575px) { .marquee-text-area .section-title { font-size:60px;margin-bottom:10px} } .marquee-text-area .moving-text { width:100%} .about-area-4 .section-header { border-top:1px solid var(--border);padding-top:35px} .about-area-4 .section-header .btn-wrapper { display:flex;gap:20px 25px;align-items:center;margin-top:73px;flex-wrap:wrap} @media only screen and (max-width:1919px) { .about-area-4 .section-header .btn-wrapper { margin-top:53px} } @media only screen and (max-width:1199px) { .about-area-4 .section-header .btn-wrapper { margin-top:43px} } .about-area-4 .section-header .subtitle-wrapper { margin-top:9px} .about-area-4 .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1015px} @media only screen and (max-width:1919px) { .about-area-4 .section-title-wrapper { grid-template-columns:1fr 815px} } @media only screen and (max-width:1399px) { .about-area-4 .section-title-wrapper { grid-template-columns:1fr 700px} } @media only screen and (max-width:1199px) { .about-area-4 .section-title-wrapper { grid-template-columns:1fr 600px} } @media only screen and (max-width:991px) { .about-area-4 .section-title-wrapper { grid-template-columns:1fr 430px} } @media only screen and (max-width:767px) { .about-area-4 .section-title-wrapper { grid-template-columns:1fr} } .about-area-4 .section-title { max-width:885px} @media only screen and (max-width:1919px) { .about-area-4 .section-title { max-width:785px} } @media only screen and (max-width:1399px) { .about-area-4 .section-title { max-width:585px} } @media only screen and (max-width:1199px) { .about-area-4 .section-title { max-width:455px} } @media only screen and (max-width:767px) { .about-area-4 .section-title { max-width:100%} } .about-area-4 .thumb { margin-top:80px} @media only screen and (max-width:1919px) { .about-area-4 .thumb { margin-top:60px} } @media only screen and (max-width:1199px) { .about-area-4 .thumb { margin-top:50px} } .about-area-4 .thumb img { width:100%} .service-area-5 .section-header { border-top:1px solid var(--border);padding-top:35px} .service-area-5 .section-header .subtitle-wrapper { margin-top:9px} .service-area-5 .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1015px} @media only screen and (max-width:1919px) { .service-area-5 .section-title-wrapper { grid-template-columns:1fr 815px} } @media only screen and (max-width:1399px) { .service-area-5 .section-title-wrapper { grid-template-columns:1fr 700px} } @media only screen and (max-width:1199px) { .service-area-5 .section-title-wrapper { grid-template-columns:1fr 600px} } @media only screen and (max-width:991px) { .service-area-5 .section-title-wrapper { grid-template-columns:1fr 430px} } @media only screen and (max-width:767px) { .service-area-5 .section-title-wrapper { grid-template-columns:1fr} } .service-area-5 .section-title { max-width:483px} @media only screen and (max-width:1919px) { .service-area-5 .section-title { max-width:383px} } @media only screen and (max-width:1399px) { .service-area-5 .section-title { max-width:300px} } @media only screen and (max-width:1199px) { .service-area-5 .section-title { max-width:250px} } @media only screen and (max-width:767px) { .service-area-5 .section-title { max-width:100%} } .service-area-5 .services-wrapper-box { margin-top:87px;display:grid;gap:15px 60px;grid-template-columns:1fr 1015px} @media only screen and (max-width:1919px) { .service-area-5 .services-wrapper-box { grid-template-columns:1fr 815px;margin-top:57px} } @media only screen and (max-width:1399px) { .service-area-5 .services-wrapper-box { grid-template-columns:1fr 700px} } @media only screen and (max-width:1199px) { .service-area-5 .services-wrapper-box { grid-template-columns:1fr 600px;margin-top:47px} } @media only screen and (max-width:991px) { .service-area-5 .services-wrapper-box { grid-template-columns:1fr 430px} } @media only screen and (max-width:991px) { .service-area-5 .services-wrapper-box { grid-template-columns:1fr} } .service-area-5 .services-wrapper-box .info-text { font-size:20px;font-weight:400;line-height:26px;max-width:280px} @media only screen and (max-width:1399px) { .service-area-5 .services-wrapper-box .info-text { font-size:16px} } .services-wrapper-5 { border-top:1px solid var(--border);margin-top:6px} .services-wrapper-5 .service-box { border-bottom:1px solid var(--border);padding-top:21px;padding-bottom:29px;display:grid;gap:15px 30px;grid-template-columns:120px 1fr 295px;pointer-events:auto} @media only screen and (max-width:1919px) { .services-wrapper-5 .service-box { padding-top:11px;padding-bottom:19px} } @media only screen and (max-width:1399px) { .services-wrapper-5 .service-box { grid-template-columns:80px 1fr 225px} } @media only screen and (max-width:1199px) { .services-wrapper-5 .service-box { grid-template-columns:60px 1fr 205px} } @media (max-width:575px) { .services-wrapper-5 .service-box { grid-template-columns:1fr} } .services-wrapper-5 .service-box:hover .thumb img { max-width:100%} .services-wrapper-5 .service-box:hover .text { opacity:1;height:100%} .services-wrapper-5 .service-box .number { font-size:20px;font-weight:400;line-height:26px} @media only screen and (max-width:1919px) { .services-wrapper-5 .service-box .number { font-size:16px} } .services-wrapper-5 .service-box .title { font-size:36px;font-weight:400;line-height:1.11;letter-spacing:-0.05em} @media only screen and (max-width:1919px) { .services-wrapper-5 .service-box .title { font-size:32px} } @media only screen and (max-width:1199px) { .services-wrapper-5 .service-box .title { font-size:24px} } .services-wrapper-5 .service-box .text { font-size:20px;font-weight:400;line-height:26px;margin-top:28px;opacity:0;max-height:0px;transition:opacity 0.3s,height 0.5s;max-width:370px} @media only screen and (max-width:1919px) { .services-wrapper-5 .service-box .text { margin-top:20px} } @media only screen and (max-width:1399px) { .services-wrapper-5 .service-box .text { font-size:16px} } @media only screen and (max-width:1199px) { .services-wrapper-5 .service-box .text { opacity:1;max-height:100%} } .services-wrapper-5 .service-box .count { margin-top:2px} .services-wrapper-5 .service-box .thumb { margin-top:8px;text-align:right} @media (max-width:575px) { .services-wrapper-5 .service-box .thumb { text-align:left} } .services-wrapper-5 .service-box .thumb img { border-radius:15px;width:100%;max-width:165px;height:auto;transition:all 0.5s} @media only screen and (max-width:1199px) { .services-wrapper-5 .service-box .thumb img { width:100%} } .cta-area-4 .section-header { margin-top:78px} @media only screen and (max-width:1919px) { .cta-area-4 .section-header { margin-top:58px} } @media only screen and (max-width:1199px) { .cta-area-4 .section-header { margin-top:38px} } .cta-area-4 .section-title { font-size:140px;font-weight:400;line-height:0.96;letter-spacing:-0.05em;padding-bottom:34px;position:relative;display:inline-flex} @media only screen and (max-width:1919px) { .cta-area-4 .section-title { font-size:120px;padding-bottom:24px} } @media only screen and (max-width:1399px) { .cta-area-4 .section-title { font-size:110px} } @media only screen and (max-width:1199px) { .cta-area-4 .section-title { font-size:90px;padding-bottom:14px} } @media only screen and (max-width:991px) { .cta-area-4 .section-title { font-size:60px} } @media (max-width:575px) { .cta-area-4 .section-title { font-size:40px} } .cta-area-4 .section-title:hover::before { width:0} .cta-area-4 .section-title:hover .icon .first { transform:translate(100%,-100%)} .cta-area-4 .section-title:hover .icon .second { transform:translate(0%,0%)} .cta-area-4 .section-title::before { position:absolute;content:"";inset-inline-start:0;bottom:0px;width:100%;height:5px;background-color:currentColor;transition:0.3s} @media only screen and (max-width:1199px) { .cta-area-4 .section-title::before { height:3px} } .cta-area-4 .section-title .icon { --white-space:0.07em;margin-left:24px;display:inline-block;line-height:0;position:relative;overflow:hidden;transform:translate(0,var(--white-space))} @media only screen and (max-width:1199px) { .cta-area-4 .section-title .icon { margin-left:19px} } @media (max-width:575px) { .cta-area-4 .section-title .icon { margin-left:14px} } .cta-area-4 .section-title .icon .first { transition:all 0.3s;width:0.72em;box-sizing:content-box;padding:var(--white-space)} .cta-area-4 .section-title .icon .second { position:absolute;bottom:0;left:0;transform:translate(-100%,100%);transition:all 0.3s;width:0.72em;box-sizing:content-box;padding:var(--white-space)} .cta-area-4 .section-title br { display:block} .img_anim_reveal { visibility:hidden;overflow:hidden} .img_anim_reveal img { object-fit:cover;transform-origin:top} .body-portfolio-agency { background-color:#F8F8F8} @media (min-width:1870px) { .body-portfolio-agency .container.large { max-width:1870px} } .hero-area-6 { overflow-x:clip;position:relative;display:flex;align-items:center;justify-content:center} .hero-area-6 .section-content-wrapper { display:grid;gap:40px 50px;grid-template-columns:1220px 1fr} @media only screen and (max-width:1919px) { .hero-area-6 .section-content-wrapper { grid-template-columns:850px 1fr;gap:40px 30px} } @media only screen and (max-width:1399px) { .hero-area-6 .section-content-wrapper { grid-template-columns:750px 1fr} } @media only screen and (max-width:1199px) { .hero-area-6 .section-content-wrapper { grid-template-columns:600px 1fr} } @media only screen and (max-width:991px) { .hero-area-6 .section-content-wrapper { grid-template-columns:1fr} } .hero-area-6 .hero-video-wrapper { padding-right:50px;padding-top:30px} @media only screen and (max-width:1919px) { .hero-area-6 .hero-video-wrapper { padding-right:30px;padding-bottom:20px} } @media only screen and (max-width:991px) { .hero-area-6 .hero-video-wrapper { padding-left:30px;padding-bottom:30px} } @media only screen and (max-width:991px) { .hero-area-6 .hero-video-wrapper { padding-top:0} } .hero-area-6 .hero-video-wrapper .text { font-size:20px;color:var(--primary);max-width:330px;line-height:28px;padding-top:70px} @media only screen and (max-width:1919px) { .hero-area-6 .hero-video-wrapper .text { padding-top:50px;max-width:100%} } @media only screen and (max-width:1399px) { .hero-area-6 .hero-video-wrapper .text { padding-top:50px;max-width:100%} } @media only screen and (max-width:1199px) { .hero-area-6 .hero-video-wrapper .text { font-size:18px;padding-top:20px;line-height:25px;max-width:100%} } .hero-area-6 .hero-video-wrapper .hero-video { border-radius:15px;overflow:hidden} .hero-area-6 .hero-video-wrapper .hero-video video { width:100%;height:100%;object-fit:cover} .hero-area-6-wrapper { margin-top:230px;position:relative} @media only screen and (max-width:1919px) { .hero-area-6-wrapper { margin-top:200px} } @media only screen and (max-width:1399px) { .hero-area-6-wrapper { margin-top:170px} } @media only screen and (max-width:991px) { .hero-area-6-wrapper { margin-top:150px} } @media only screen and (max-width:767px) { .hero-area-6-wrapper { margin-top:120px} } .hero-area-6-wrapper::before { content:"";position:absolute;left:0px;top:-35px;width:1px;height:calc(100% + 70px);background-color:var(--border)} @media only screen and (max-width:767px) { .hero-area-6-wrapper::before { top:-15px;height:calc(100% + 30px)} } .hero-area-6-wrapper::after { content:"";position:absolute;right:0px;top:-35px;width:1px;height:calc(100% + 70px);background-color:var(--border)} @media only screen and (max-width:767px) { .hero-area-6-wrapper::after { top:-15px;height:calc(100% + 30px)} } .hero-area-6-wrapper__line { position:relative} .hero-area-6-wrapper__line::before { content:"";position:absolute;top:0px;left:-35px;height:1px;width:calc(100% + 70px);background-color:var(--border)} @media only screen and (max-width:767px) { .hero-area-6-wrapper__line::before { left:-15px;width:calc(100% + 30px)} } .hero-area-6-wrapper__line::after { content:"";position:absolute;bottom:0;left:-35px;height:1px;width:calc(100% + 70px);background-color:var(--border)} @media only screen and (max-width:767px) { .hero-area-6-wrapper__line::after { left:-15px;width:calc(100% + 30px)} } .hero-area-6 .section-content { position:relative} @media only screen and (max-width:991px) { .hero-area-6 .section-content { overflow:hidden} } @media only screen and (max-width:767px) { .hero-area-6 .section-content { padding-top:30px} } .hero-area-6 .section-content::before { content:"";position:absolute;right:0;top:-30px;width:1px;height:calc(100% + 60px);background-color:var(--border)} @media only screen and (max-width:991px) { .hero-area-6 .section-content::before { display:none} } .hero-area-6 .section-title { font-size:220px;font-weight:600;line-height:1;letter-spacing:-15.4px;text-transform:uppercase} @media only screen and (max-width:1919px) { .hero-area-6 .section-title { font-size:160px} } @media only screen and (max-width:1399px) { .hero-area-6 .section-title { font-size:130px;letter-spacing:-10px} } @media only screen and (max-width:1199px) { .hero-area-6 .section-title { font-size:105px;letter-spacing:-5px} } @media only screen and (max-width:991px) { .hero-area-6 .section-title { font-size:90px;letter-spacing:-5px} } @media only screen and (max-width:767px) { .hero-area-6 .section-title { font-size:60px;letter-spacing:0} } @media (max-width:575px) { .hero-area-6 .section-title { font-size:45px;letter-spacing:0} } .hero-area-6 .section-title>* { display:block;font-weight:600;padding-left:50px;padding-right:50px} @media only screen and (max-width:1919px) { .hero-area-6 .section-title>* { padding-left:30px;padding-right:30px} } @media only screen and (max-width:767px) { .hero-area-6 .section-title>* { padding-left:25px;padding-right:10px} } .hero-area-6 .section-title>*:last-child { font-style:italic;font-family:var(--font_tartuffo);text-align:right;margin-right:30px;position:relative} @media (max-width:575px) { .hero-area-6 .section-title>*:last-child { text-align:left} } .hero-area-6 .section-title>*:nth-child(2) { position:relative} .hero-area-6 .section-title>*:nth-child(2)::before { content:"";position:absolute;top:5px;left:0px;height:1px;width:calc(100% + 0px);background-color:var(--border)} @media only screen and (max-width:767px) { .hero-area-6 .section-title>*:nth-child(2)::before { display:none} } .hero-area-6 .section-title>*:nth-child(2)::after { content:"";position:absolute;bottom:-7px;left:0px;height:1px;width:calc(100% + 0px);background-color:var(--border)} @media only screen and (max-width:767px) { .hero-area-6 .section-title>*:nth-child(2)::after { display:none} } .hero-area-6 .section-title .plus { font-weight:600;font-family:var(--font_bdogrotesk);font-style:normal;padding-right:40px} @media only screen and (max-width:767px) { .hero-area-6 .section-title .plus { padding-right:20px} } @media (max-width:575px) { .hero-area-6 .section-title .plus { padding-right:0} } .work-area-6-inner { padding-top:150px} @media only screen and (max-width:991px) { .work-area-6-inner { padding-top:120px} } @media only screen and (max-width:767px) { .work-area-6-inner { padding-top:100px} } .work-area-6 .works-wrapper-box { margin-top:29px} @media only screen and (max-width:1399px) { .work-area-6 .works-wrapper-box { margin-top:9px} } .works-wrapper-6 { display:grid;gap:85px 10px;grid-template-columns:repeat(4,1fr)} @media only screen and (max-width:1919px) { .works-wrapper-6 { gap:65px 10px} } @media only screen and (max-width:1199px) { .works-wrapper-6 { gap:45px 10px} } @media only screen and (max-width:767px) { .works-wrapper-6 { grid-template-columns:repeat(1,1fr)} .works-wrapper-6>* { grid-column:span 1 !important} } .works-wrapper-6>*:nth-child(1) { grid-column:span 2} .works-wrapper-6>*:nth-child(2) { grid-column:span 2} .works-wrapper-6>*:nth-child(3) { grid-column:span 2} .works-wrapper-6>*:nth-child(4) { grid-column:span 2} .works-wrapper-6>*:nth-child(5) { grid-column:span 2} @media only screen and (max-width:991px) { .works-wrapper-6>*:nth-child(6) { grid-column:span 2} } @media only screen and (max-width:991px) { .works-wrapper-6>*:nth-child(7) { grid-column:span 2} } .works-wrapper-6>*:nth-child(8) { grid-column:span 4} .works-wrapper-6>*:nth-child(9) { grid-column:span 2} .works-wrapper-6>*:nth-child(10) { grid-column:span 2} .works-wrapper-6>*:nth-child(11) { grid-column:span 2} @media only screen and (max-width:991px) { .works-wrapper-6>*:nth-child(12) { grid-column:span 2} } @media only screen and (max-width:991px) { .works-wrapper-6>*:nth-child(13) { grid-column:span 2} } .works-wrapper-6 .work-box .thumb { border-radius:15px;overflow:hidden} .works-wrapper-6 .work-box .thumb .image { overflow:hidden;position:relative;border-radius:20px;transform:scale(0.9)} .works-wrapper-6 .work-box .thumb .image img { transform-origin:center} .works-wrapper-6 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-6 .work-box .content { margin-top:24px} @media only screen and (max-width:1199px) { .works-wrapper-6 .work-box .content { margin-top:14px} } .works-wrapper-6 .work-box .title { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em} @media only screen and (max-width:1199px) { .works-wrapper-6 .work-box .title { font-size:18px} } .works-wrapper-6 .work-box .tag { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em;display:block;font-family:var(--font_bdogrotesk);color:var(--primary)} @media only screen and (max-width:1199px) { .works-wrapper-6 .work-box .tag { font-size:18px} } .works-wrapper-6 .work-box .date { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em;display:block;font-family:var(--font_bdogrotesk);color:var(--primary)} @media only screen and (max-width:1199px) { .works-wrapper-6 .work-box .date { font-size:18px} } .body-portfolio-agency .header-area-7 { position:fixed;top:0;left:0;width:100%;right:0} .portfolio { width:100vw;height:100vh} .portfolio__item { width:100vw;height:100vh;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.8s cubic-bezier(0.37,0.23,0,0.96)} .portfolio__content { z-index:9;left:50px;bottom:200px;position:absolute} @media (max-width:575px) { .portfolio__content { top:120px;left:30px} } .portfolio__content-title { opacity:0;font-size:100px;line-height:1.05;color:var(--white);transform:translateY(-130px)} .portfolio__content-title a:hover { color:var(--white)} @media (max-width:575px) { .portfolio__content-title { font-size:60px} } .portfolio__list { opacity:0;display:flex;margin-top:40px;align-items:center;transform:translateY(-150px)} .portfolio__list li a { font-size:14px;border-radius:20px;padding:10px 17px;border-radius:20px;color:var(--white);text-transform:uppercase;border:1px solid rgba(255,255,255,0.2)} .portfolio .swiper-slide { overflow:hidden} .portfolio-activ { width:100%;height:100%;position:absolute;left:0;top:0} .portfolio .slide-inner { width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:left} .portfolio .swiper-slide-active .portfolio__item { animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards} .portfolio .swiper-slide-active .portfolio__content-title { opacity:1;transform:translatey(0px);transition:all 2200ms ease} .portfolio .swiper-slide-active .portfolio__list { opacity:1;transform:translatey(0px);transition:all 2000ms ease} .portfolio__slider__arrow { gap:40px;right:50px;bottom:50px;z-index:99;display:flex;position:absolute;align-items:center} @media only screen and (max-width:991px) { .portfolio__slider__arrow { gap:20px} } @media only screen and (max-width:767px) { .portfolio__slider__arrow { left:50px} } @media (max-width:575px) { .portfolio__slider__arrow { left:30px} } .portfolio__slider__arrow-prev,.portfolio__slider__arrow-next { gap:8px;display:flex;font-size:14px;font-weight:600;align-items:center;color:var(--white)} .portfolio .portfolio-pagination { position:absolute;bottom:50px;left:50px;z-index:9;display:inline-block} @media (max-width:575px) { .portfolio .portfolio-pagination { left:30px} } .portfolio .swiper-pagination-bullet { width:150px;height:10px;display:inline-block;margin:0 5px;overflow:hidden;transition:0.4s;position:relative;border-radius:5px;background:rgba(255,255,255,0.3)} @media only screen and (max-width:1199px) { .portfolio .swiper-pagination-bullet { width:120px} } @media only screen and (max-width:991px) { .portfolio .swiper-pagination-bullet { width:90px} } @media only screen and (max-width:767px) { .portfolio .swiper-pagination-bullet { width:70px;bottom:45px} } @media (max-width:575px) { .portfolio .swiper-pagination-bullet { width:40px} } .portfolio .swiper-pagination-bullet::before { content:"";width:150px;height:100%;position:absolute;transition:0.6s;z-index:9;left:0;border-radius:5px;background:rgba(255,255,255,0.3)} .portfolio .swiper-pagination-bullet::after { content:"";width:0;height:100%;position:absolute;transition:0.6s;z-index:8;left:0;background-color:white} .portfolio .swiper-pagination-bullet-active::after { opacity:1;width:100%} .portfolio-2 .line-effect { top:0;left:0;gap:10px;width:100vh;height:50vw;display:flex;position:absolute;flex-direction:column;transition:0.8s ease-in-out;transform-origin:bottom left;transform:translateY(-100%) rotate(90deg)} @media (max-width:575px) { .portfolio-2 .line-effect { gap:1px} } .portfolio-2 .line:nth-child(1) { height:1px} .portfolio-2 .line:nth-child(2) { height:5px} .portfolio-2 .line:nth-child(3) { height:10px} .portfolio-2 .line:nth-child(4) { height:20px} .portfolio-2 .line:nth-child(5) { height:30px} .portfolio-2 .line:nth-child(6) { height:40px} .portfolio-2 .line:nth-child(7) { height:50px} .portfolio-2 .line:nth-child(8) { height:60px} .portfolio-2 .line:nth-child(9) { height:70px} .portfolio-2 .line:nth-child(10) { height:80px} .portfolio-2 .line:nth-child(11) { height:90px} .portfolio-2 .line:nth-child(12) { height:100px} .portfolio-2 .line:nth-child(13) { height:100px} .portfolio-2 .line:nth-child(14) { height:100px} .portfolio-2 .line:nth-child(15) { height:100px} .portfolio-2 .line:nth-child(16) { height:100px} .portfolio-2 .line:nth-child(17) { height:100px} .portfolio-2 .line:nth-child(18) { height:100px} .portfolio-2 .line:nth-child(19) { height:100px} .portfolio-2 .line:nth-child(20) { height:100px} .portfolio-2 .line { width:100%;background:#fff;transition:transform 0.8s ease-in-out,height 0.5s ease-in-out;transform-origin:center} .portfolio-2 .swiper-slide-active .line { transform:scaleY(0)} .portfolio-2 .swiper-slide-active .line-effect { transform:scaleY(-50px)} .portfolio-2__item { width:100vw;height:100vh;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.8s cubic-bezier(0.37,0.23,0,0.96)} .portfolio-2__content { z-index:9;left:50px;bottom:200px;position:absolute} @media (max-width:575px) { .portfolio-2__content { top:120px;left:30px} } .portfolio-2__content-title { opacity:0;font-size:100px;line-height:1.05;color:var(--white);transform:translateY(-130px)} .portfolio-2__content-title a:hover { color:var(--white)} @media (max-width:575px) { .portfolio-2__content-title { font-size:60px} } .portfolio-2__list { opacity:0;display:flex;margin-top:40px;align-items:center;transform:translateY(-150px)} .portfolio-2__list li a { font-size:14px;border-radius:20px;padding:10px 17px;border-radius:20px;color:var(--white);text-transform:uppercase;border:1px solid rgba(255,255,255,0.2)} .portfolio-2 .swiper-slide-active .portfolio-2__item { animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards} .portfolio-2 .swiper-slide-active .portfolio-2__content-title { opacity:1;transform:translatey(0px);transition:all 2200ms ease} .portfolio-2 .swiper-slide-active .portfolio-2__list { opacity:1;transform:translatey(0px);transition:all 2000ms ease} .portfolio-2__slider__arrow { gap:40px;right:50px;bottom:50px;z-index:99;display:flex;position:absolute;align-items:center} @media only screen and (max-width:991px) { .portfolio-2__slider__arrow { gap:20px} } @media only screen and (max-width:767px) { .portfolio-2__slider__arrow { left:50px} } @media (max-width:575px) { .portfolio-2__slider__arrow { left:30px} } .portfolio-2__slider__arrow-prev,.portfolio-2__slider__arrow-next { gap:8px;display:flex;font-size:14px;font-weight:600;align-items:center;color:var(--white)} .portfolio-2 .portfolio-2-pagination { position:absolute;bottom:50px;left:50px;z-index:9;display:inline-block} @media (max-width:575px) { .portfolio-2 .portfolio-2-pagination { left:30px} } .portfolio-2 .swiper-pagination-bullet { width:150px;height:10px;display:inline-block;margin:0 5px;overflow:hidden;transition:0.4s;position:relative;border-radius:5px;background:rgba(255,255,255,0.3)} @media only screen and (max-width:1199px) { .portfolio-2 .swiper-pagination-bullet { width:120px} } @media only screen and (max-width:991px) { .portfolio-2 .swiper-pagination-bullet { width:90px} } @media only screen and (max-width:767px) { .portfolio-2 .swiper-pagination-bullet { width:70px;bottom:45px} } .portfolio-2 .swiper-pagination-bullet::before { content:"";width:150px;height:100%;position:absolute;transition:0.6s;z-index:9;left:0;border-radius:5px;background:rgba(255,255,255,0.3)} .portfolio-2 .swiper-pagination-bullet::after { content:"";width:0;height:100%;position:absolute;transition:0.6s;z-index:8;left:0;background-color:white} .portfolio-2 .swiper-pagination-bullet-active::after { opacity:1;width:100%} .portfolio-3__item { width:100vw;height:100vh;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.8s cubic-bezier(0.37,0.23,0,0.96)} .portfolio-3 .grid-mask { position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr)} .portfolio-3 .grid-mask div { background-color:var(--white);width:100%;height:100%;transition:opacity 0.6s ease-in-out} .portfolio-3 .swiper-slide-active .grid-mask div { opacity:0} .portfolio-3__content { z-index:9;left:50px;bottom:200px;position:absolute} @media (max-width:575px) { .portfolio-3__content { top:120px;left:30px} } .portfolio-3__content-title { opacity:0;font-size:100px;line-height:1.05;color:var(--white);transform:translateY(-130px)} .portfolio-3__content-title a:hover { color:var(--white)} @media (max-width:575px) { .portfolio-3__content-title { font-size:60px} } .portfolio-3__list { opacity:0;display:flex;margin-top:40px;align-items:center;transform:translateY(-150px)} .portfolio-3__list li a { font-size:14px;border-radius:20px;padding:10px 17px;border-radius:20px;color:var(--white);text-transform:uppercase;border:1px solid rgba(255,255,255,0.2)} .portfolio-3 .swiper-slide-active .portfolio-3__item { animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards} .portfolio-3 .swiper-slide-active .portfolio-3__content-title { opacity:1;transform:translatey(0px);transition:all 2200ms ease} .portfolio-3 .swiper-slide-active .portfolio-3__list { opacity:1;transform:translatey(0px);transition:all 2000ms ease} .portfolio-3__slider__arrow { gap:40px;right:50px;bottom:50px;z-index:99;display:flex;position:absolute;align-items:center} @media only screen and (max-width:991px) { .portfolio-3__slider__arrow { gap:20px} } @media only screen and (max-width:767px) { .portfolio-3__slider__arrow { left:50px} } @media (max-width:575px) { .portfolio-3__slider__arrow { left:30px} } .portfolio-3__slider__arrow-prev,.portfolio-3__slider__arrow-next { gap:8px;display:flex;font-size:14px;font-weight:600;align-items:center;color:var(--white)} .portfolio-3 .portfolio-3-pagination { position:absolute;bottom:50px;left:50px;z-index:9;display:inline-block} @media (max-width:575px) { .portfolio-3 .portfolio-3-pagination { left:30px} } .portfolio-3 .swiper-pagination-bullet { width:150px;height:10px;display:inline-block;margin:0 5px;overflow:hidden;transition:0.4s;position:relative;border-radius:5px;background:rgba(255,255,255,0.3)} @media only screen and (max-width:1199px) { .portfolio-3 .swiper-pagination-bullet { width:120px} } @media only screen and (max-width:991px) { .portfolio-3 .swiper-pagination-bullet { width:90px} } @media only screen and (max-width:767px) { .portfolio-3 .swiper-pagination-bullet { width:70px;bottom:45px} } .portfolio-3 .swiper-pagination-bullet::before { content:"";width:150px;height:100%;position:absolute;transition:0.6s;z-index:9;left:0;border-radius:5px;background:rgba(255,255,255,0.3)} .portfolio-3 .swiper-pagination-bullet::after { content:"";width:0;height:100%;position:absolute;transition:0.6s;z-index:8;left:0;background-color:white} .portfolio-3 .swiper-pagination-bullet-active::after { opacity:1;width:100%} .portfolio-4 .slider { min-height:50vh} .portfolio-4 .slider .swiper-slide { overflow:hidden;position:relative;height:100%;display:flex;justify-content:center} .portfolio-4 .slider .swiper-slide .slide-inner { position:absolute;width:100%;height:100vh;left:0;top:0} .portfolio-4 .slider .swiper-slide .slide-inner img { position:absolute;width:100vw;height:100vh;object-fit:cover;left:0;top:0;bottom:0;margin:auto} .portfolio-4 .swiper-container { width:100%;height:100vh;position:relative} .portfolio-4__content { z-index:9;left:50px;bottom:200px;position:absolute} @media (max-width:575px) { .portfolio-4__content { top:120px;left:30px} } .portfolio-4__content-title { opacity:0;font-size:100px;line-height:1.05;color:var(--white);transform:translateY(-130px)} .portfolio-4__content-title a:hover { color:var(--white)} @media (max-width:575px) { .portfolio-4__content-title { font-size:60px} } .portfolio-4__list { opacity:0;display:flex;margin-top:40px;align-items:center;transform:translateY(-150px)} .portfolio-4__list li a { font-size:14px;border-radius:20px;padding:10px 17px;border-radius:20px;color:var(--white);text-transform:uppercase;border:1px solid rgba(255,255,255,0.2)} .portfolio-4 .swiper-slide-active .portfolio-4__item { animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards} .portfolio-4 .swiper-slide-active .portfolio-4__content-title { opacity:1;transform:translatey(0px);transition:all 2200ms ease} .portfolio-4 .swiper-slide-active .portfolio-4__list { opacity:1;transform:translatey(0px);transition:all 2000ms ease} .portfolio-4__slider { width:100vw;height:100vh} .portfolio-4__slider__arrow { gap:40px;right:50px;bottom:50px;z-index:99;display:flex;position:absolute;align-items:center} @media only screen and (max-width:991px) { .portfolio-4__slider__arrow { gap:20px} } @media only screen and (max-width:767px) { .portfolio-4__slider__arrow { left:50px} } @media (max-width:575px) { .portfolio-4__slider__arrow { left:30px} } .portfolio-4__slider__arrow-prev,.portfolio-4__slider__arrow-next { gap:8px;display:flex;font-size:14px;font-weight:600;align-items:center;color:var(--white)} .portfolio-4 .portfolio-4-pagination { position:absolute;bottom:50px;left:50px;z-index:9;display:flex;gap:15px;top:inherit;right:0;transform:inherit} @media (max-width:575px) { .portfolio-4 .portfolio-4-pagination { left:30px} } .portfolio-4 .swiper-pagination-bullet { width:150px;height:10px;display:inline-block;margin:0 5px;overflow:hidden;transition:0.4s;position:relative;border-radius:5px;background:rgba(255,255,255,0.3)} @media only screen and (max-width:1199px) { .portfolio-4 .swiper-pagination-bullet { width:120px} } @media only screen and (max-width:991px) { .portfolio-4 .swiper-pagination-bullet { width:90px} } @media only screen and (max-width:767px) { .portfolio-4 .swiper-pagination-bullet { width:70px;bottom:45px} } .portfolio-4 .swiper-pagination-bullet::before { content:"";width:150px;height:100%;position:absolute;transition:0.6s;z-index:9;left:0;border-radius:5px;background:rgba(255,255,255,0.3)} .portfolio-4 .swiper-pagination-bullet::after { content:"";width:0;height:100%;position:absolute;transition:0.6s;z-index:8;left:0;background-color:white} .portfolio-4 .swiper-pagination-bullet-active::after { opacity:1;width:100%} .portfolio-5 { width:100vw;height:100vh;max-width:100vw;max-width:100vw} .portfolio-5__item { width:100vw;height:100vh;position:relative;background-size:cover;background-repeat:no-repeat} .portfolio-5__content { z-index:9;left:50px;bottom:200px;position:absolute} @media (max-width:575px) { .portfolio-5__content { top:120px;left:30px} } .portfolio-5__content-title { opacity:0;font-size:100px;line-height:1.05;color:var(--white)} .portfolio-5__content-title a:hover { color:var(--white)} @media (max-width:575px) { .portfolio-5__content-title { font-size:60px} } .portfolio-5__list { opacity:0;display:flex;margin-top:40px;align-items:center;transform:translateY(-150px)} .portfolio-5__list li a { font-size:14px;border-radius:20px;padding:10px 17px;border-radius:20px;color:var(--white);text-transform:uppercase;border:1px solid rgba(255,255,255,0.2)} .portfolio-5 .swiper-slide-active .portfolio-5__item { animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards} .portfolio-5 .swiper-slide-active .portfolio-5__content-title { transition:all 2200ms ease;animation:slideFadeIn 2.2s ease forwards} .portfolio-5 .swiper-slide-active .portfolio-5__list { opacity:1;transform:translatey(0px);transition:all 2000ms ease} .portfolio-5__slider { width:100vw;height:100vh} .portfolio-5__slider__arrow { gap:40px;right:50px;bottom:50px;z-index:99;display:flex;position:absolute;align-items:center} @media only screen and (max-width:991px) { .portfolio-5__slider__arrow { gap:20px} } @media only screen and (max-width:767px) { .portfolio-5__slider__arrow { left:50px} } @media (max-width:575px) { .portfolio-5__slider__arrow { left:30px} } .portfolio-5__slider__arrow-prev,.portfolio-5__slider__arrow-next { gap:8px;display:flex;font-size:14px;font-weight:600;align-items:center;color:var(--white)} .portfolio-5 .swiper { width:100vw;height:100vh;max-width:100vw;max-width:100vw} .portfolio-5 img { margin:0 !important;padding:0 !important} .portfolio-5 .swiper-slicer-image { max-width:unset} .portfolio-5 .portfolio-5-pagination { position:absolute;bottom:50px;left:50px;z-index:9;display:flex;gap:15px;top:inherit;right:0;transform:inherit} @media (max-width:575px) { .portfolio-5 .portfolio-5-pagination { left:30px} } .portfolio-5 .swiper-pagination-bullet { width:150px;height:10px;display:inline-block;margin:0 5px;overflow:hidden;transition:0.4s;position:relative;border-radius:5px;background:rgba(255,255,255,0.3)} @media only screen and (max-width:1199px) { .portfolio-5 .swiper-pagination-bullet { width:120px} } @media only screen and (max-width:991px) { .portfolio-5 .swiper-pagination-bullet { width:90px} } @media only screen and (max-width:767px) { .portfolio-5 .swiper-pagination-bullet { width:70px;bottom:45px} } .portfolio-5 .swiper-pagination-bullet::before { content:"";width:150px;height:100%;position:absolute;transition:0.6s;z-index:9;left:0;border-radius:5px;background:rgba(255,255,255,0.3)} .portfolio-5 .swiper-pagination-bullet::after { content:"";width:0;height:100%;position:absolute;transition:0.6s;z-index:8;left:0;background-color:white} .portfolio-5 .swiper-pagination-bullet-active::after { opacity:1;width:100%} .body-parallax-carosole .header-area-8 { position:fixed;top:0;left:0;width:100%;right:0} .parallax-slider-wrapper { width:100%;height:100vh;display:flex;overflow:hidden;margin-left:10px;position:relative;align-items:center;justify-content:flex-start} .parallax-slider-inner { gap:10px;width:100%;height:100vh;display:flex;padding-top:80px;align-items:center;justify-content:flex-start} .parallax-slider-item { width:500px;height:100%;overflow:hidden;position:relative;background-size:cover} .parallax-slider-item img { height:80%;min-width:750px;object-fit:cover;margin-left:-50px;background-size:cover;background-position:center;cursor:none} .parallax-slider-item .content { margin-top:24px} @media only screen and (max-width:1199px) { .parallax-slider-item .content { margin-top:14px} } .parallax-slider-item .title { font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.05em} @media only screen and (max-width:1199px) { .parallax-slider-item .title { font-size:18px} } .parallax-slider-item .tag { display:block;font-size:20px;font-weight:400;line-height:26px;color:var(--primary);letter-spacing:-0.05em;font-family:var(--font_bdogrotesk)} @media only screen and (max-width:1199px) { .parallax-slider-item .tag { font-size:18px} } .parallax-slider-item .date { display:block;font-size:20px;font-weight:400;line-height:26px;color:var(--primary);letter-spacing:-0.05em;font-family:var(--font_bdogrotesk)} @media only screen and (max-width:1199px) { .parallax-slider-item .date { font-size:18px} } @media (min-width:1650px) { .body-portfolio-showcase .container.large { max-width:1650px} } .body-portfolio-showcase .header-area-2 .side-toggle { background-color:#F3F3F3} .body-portfolio-showcase .footer-area-4 .footer-widget-wrapper-box { margin-top:0px} .work-area-5 .works-wrapper-box { border-top:1px solid var(--border);margin-top:80px;padding-top:70px} @media only screen and (max-width:1919px) { .work-area-5 .works-wrapper-box { padding-top:50px} } @media only screen and (max-width:1199px) { .work-area-5 .works-wrapper-box { padding-top:40px} } .works-wrapper-5 { display:grid;gap:40px 40px;grid-template-columns:repeat(4,1fr)} @media only screen and (max-width:1919px) { .works-wrapper-5 { gap:30px 30px} } @media only screen and (max-width:1199px) { .works-wrapper-5 { gap:20px 20px} } @media only screen and (max-width:1199px) { .works-wrapper-5 { grid-template-columns:repeat(3,1fr)} } @media only screen and (max-width:991px) { .works-wrapper-5 { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .works-wrapper-5 { grid-template-columns:repeat(1,1fr)} } .works-wrapper-5>*.span-2 { grid-column:span 2} .works-wrapper-5>*.grid-column-start-1 { grid-column-start:1} @media only screen and (max-width:991px) { .works-wrapper-5>*.grid-column-start-1 { grid-column-start:auto} } .works-wrapper-5>*.grid-column-start-2 { grid-column-start:2} @media only screen and (max-width:991px) { .works-wrapper-5>*.grid-column-start-2 { grid-column-start:auto} } .works-wrapper-5>*.grid-column-start-3 { grid-column-start:3} @media only screen and (max-width:991px) { .works-wrapper-5>*.grid-column-start-3 { grid-column-start:auto} } @media only screen and (max-width:991px) { .works-wrapper-5>*:nth-child(n) { grid-column-start:auto} } .works-wrapper-5 .work-box { min-height:375px} .works-wrapper-5 .work-box .thumb { border-radius:15px;overflow:hidden} .works-wrapper-5 .work-box .thumb img { width:100%} .works-wrapper-5 .section-header { margin-top:-8px} .works-wrapper-5 .section-header .section-title { font-size:36px;font-weight:400;line-height:1.33;letter-spacing:-0.05em;max-width:440px} @media only screen and (max-width:1919px) { .works-wrapper-5 .section-header .section-title { font-size:30px;max-width:370px} } @media only screen and (max-width:1199px) { .works-wrapper-5 .section-header .section-title { font-size:24px;max-width:300px} } .works-wrapper-5 .section-header .header-shape-1 { margin-top:44px} @media only screen and (max-width:1199px) { .works-wrapper-5 .section-header .header-shape-1 { margin-top:24px} } .works-wrapper-5 .section-header .header-shape-1 img { width:65px} @media only screen and (max-width:1919px) { .works-wrapper-5 .section-header .header-shape-1 img { width:55px} } @media only screen and (max-width:1199px) { .works-wrapper-5 .section-header .header-shape-1 img { width:45px} } .works-wrapper-5 .services-wrapper-box { margin-top:-7px;margin-bottom:-6px;display:flex;gap:20px;flex-direction:column;justify-content:space-between} .works-wrapper-5 .services-wrapper-box .subtitle { font-size:20px;font-weight:400;line-height:28px;color:var(--primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px} .works-wrapper-5 .service-box .title { font-size:36px;font-weight:400;line-height:1.33;letter-spacing:-0.05em} @media only screen and (max-width:1919px) { .works-wrapper-5 .service-box .title { font-size:30px} } @media only screen and (max-width:1199px) { .works-wrapper-5 .service-box .title { font-size:24px} } .works-wrapper-5 .service-box .title a:hover { color:var(--secondary)} .card-wrap { transform:perspective(700px);transform-style:preserve-3d;cursor:pointer;max-height:375px;position:relative} .card-wrap:hover .card-bg { transition:0.6s cubic-bezier(0.23,1,0.32,1),opacity 1s cubic-bezier(0.23,1,0.32,1);opacity:1} .card-wrap:hover .card { transition:0.6s cubic-bezier(0.23,1,0.32,1),cubic-bezier(0.23,1,0.32,1)} .card { position:relative;width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;overflow:hidden;border-radius:10px;transition:1s cubic-bezier(0.445,0.05,0.55,0.95);will-change:transform;border:none} .card-bg { position:absolute;top:-18px;left:-18px;width:110%;height:110%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:1s cubic-bezier(0.445,0.05,0.55,0.95),opacity 5s 1s cubic-bezier(0.445,0.05,0.55,0.95);pointer-events:none} @media (min-width:1850px) { .body-modern-agency .container.large { max-width:1850px} } .body-modern-agency .rr-btn { padding:15px 27px} .body-modern-agency .section-subtitle { font-family:var(--font_tartuffotrial);font-weight:100;font-size:20px;line-height:26px;text-transform:none} .body-modern-agency .footer-area-3 .footer-widget-wrapper-box { border-top:1px solid var(--border)} .hero-area-7 .section-title { font-weight:100;font-size:140px;line-height:0.93;text-align:center;max-width:1115px;margin-inline:auto} @media only screen and (max-width:1919px) { .hero-area-7 .section-title { font-size:110px;max-width:915px} } @media only screen and (max-width:1399px) { .hero-area-7 .section-title { font-size:90px;max-width:715px} } @media only screen and (max-width:1199px) { .hero-area-7 .section-title { font-size:70px;max-width:615px} } @media only screen and (max-width:991px) { .hero-area-7 .section-title { font-size:60px} } @media only screen and (max-width:767px) { .hero-area-7 .section-title { font-size:45px} } @media (max-width:575px) { .hero-area-7 .section-title { font-size:40px} } .hero-area-7 .section-title span { color:rgba(17,17,17,0.3)} .dark .hero-area-7 .section-title span { color:rgba(255,255,255,0.3)} .hero-area-7 .section-content { text-align:center} .hero-area-7 .section-content .text { font-family:var(--font_tartuffotrial);font-weight:100;font-size:36px;line-height:1.11;color:var(--primary);max-width:620px;text-align:center;margin-inline:auto} @media only screen and (max-width:1919px) { .hero-area-7 .section-content .text { font-size:30px;max-width:520px} } @media only screen and (max-width:1399px) { .hero-area-7 .section-content .text { font-size:24px;max-width:420px} } @media only screen and (max-width:767px) { .hero-area-7 .section-content .text { font-size:20px;max-width:420px} } .hero-area-7 .section-content .text-wrapper { margin-top:45px} @media only screen and (max-width:1919px) { .hero-area-7 .section-content .text-wrapper { margin-top:35px} } @media only screen and (max-width:1199px) { .hero-area-7 .section-content .text-wrapper { margin-top:25px} } .hero-area-7 .section-content .btn-wrapper { margin-top:33px} @media only screen and (max-width:1199px) { .hero-area-7 .section-content .btn-wrapper { margin-top:23px} } .hero-area-7 .section-title-wrapper { border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:80px;padding-top:61px;padding-bottom:55px} @media only screen and (max-width:1919px) { .hero-area-7 .section-title-wrapper { padding-top:51px;padding-bottom:45px} } @media only screen and (max-width:1199px) { .hero-area-7 .section-title-wrapper { padding-top:31px;padding-bottom:25px} } .work-area-7 .works-wrapper-box { margin-top:50px} @media only screen and (max-width:1919px) { .work-area-7 .works-wrapper-box { margin-top:40px} } @media only screen and (max-width:1199px) { .work-area-7 .works-wrapper-box { margin-top:30px} } .works-wrapper-7 { display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--border);border-right:1px solid var(--border)} @media (max-width:575px) { .works-wrapper-7 { grid-template-columns:1fr} } .works-wrapper-7>* { border-top:1px solid var(--border);padding:150px} @media only screen and (max-width:1919px) { .works-wrapper-7>* { padding:80px} } @media only screen and (max-width:1199px) { .works-wrapper-7>* { padding:40px} } @media only screen and (max-width:991px) { .works-wrapper-7>* { padding:30px} } @media only screen and (max-width:767px) { .works-wrapper-7>* { padding:10px} } .works-wrapper-7>*:nth-child(1) { border-top:0} .works-wrapper-7>*:nth-child(2) { border-top:0} @media (max-width:575px) { .works-wrapper-7>*:nth-child(2) { border-top:1px solid var(--border)} } .works-wrapper-7>*:nth-child(2n+1) { border-right:1px solid var(--border)} @media (max-width:575px) { .works-wrapper-7>*:nth-child(2n+1) { border-right:0} } .works-wrapper-7 .work-box .thumb { position:relative} .works-wrapper-7 .work-box .thumb .image { overflow:hidden;position:relative;transform:scale(0.9)} .works-wrapper-7 .work-box .thumb .image img { transform-origin:center} .works-wrapper-7 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-7 .work-box .content { position:absolute;bottom:20px;left:20px;visibility:hidden} @media only screen and (max-width:1199px) { .works-wrapper-7 .work-box .content { visibility:visible} } .works-wrapper-7 .work-box .title { font-weight:300;font-size:30px;line-height:0.9;background-color:var(--white);padding:15px 20px 13px;color:var(--black)} @media only screen and (max-width:1199px) { .works-wrapper-7 .work-box .title { font-size:26px;padding:10px 15px 8px} } .works-wrapper-7 .work-box .meta { font-family:var(--font_tartuffotrial);font-weight:300;font-style:italic;font-size:16px;line-height:1.69;background-color:var(--white);display:inline-block;padding:5px 15px 3px;margin-top:3px;color:var(--black)} .works-wrapper-7 .btn-wrapper { display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:50px 0} .works-wrapper-7 .btn-wrapper a { font-family:var(--font_tartuffotrial);font-weight:100;font-size:36px;line-height:1.1;text-align:center;color:var(--primary);max-width:225px;text-decoration:none;display:inline-block} @media only screen and (max-width:1399px) { .works-wrapper-7 .btn-wrapper a { font-size:30px} } @media only screen and (max-width:1199px) { .works-wrapper-7 .btn-wrapper a { font-size:26px;max-width:165px} } @media only screen and (max-width:991px) { .works-wrapper-7 .btn-wrapper a { font-size:20px;max-width:135px} } .works-wrapper-7 .btn-wrapper a:hover .underline { background-size:0% 100%} .works-wrapper-7 .btn-wrapper .underline { width:100%;background-image:linear-gradient(transparent calc(100% - 1px),var(--primary) 1px);background-repeat:no-repeat;background-size:100% 100%;transition:background-size 1s;background-position:0 -6px} @media only screen and (max-width:1399px) { .works-wrapper-7 .btn-wrapper .underline { background-position:0 -2px} } .capabilities-area-2 .section-content-wrapper { margin-top:14px;display:grid;gap:40px 60px;grid-template-columns:1fr 1235px;margin-bottom:31px} @media only screen and (max-width:1919px) { .capabilities-area-2 .section-content-wrapper { grid-template-columns:1fr 950px} } @media only screen and (max-width:1399px) { .capabilities-area-2 .section-content-wrapper { grid-template-columns:1fr 800px} } @media only screen and (max-width:1199px) { .capabilities-area-2 .section-content-wrapper { grid-template-columns:1fr 600px} } @media only screen and (max-width:991px) { .capabilities-area-2 .section-content-wrapper { grid-template-columns:1fr} } .capabilities-area-2 .section-content { margin-top:27px} @media only screen and (max-width:1919px) { .capabilities-area-2 .section-content { margin-top:17px} } @media only screen and (max-width:1199px) { .capabilities-area-2 .section-content { margin-top:7px} } .capabilities-area-2 .section-content .section-title-wrapper { display:block} @media only screen and (max-width:767px) { .capabilities-area-2 .capability-wrapper { border-top:1px solid var(--border)} } @media only screen and (max-width:767px) { .capabilities-area-2 .capability-box { border-bottom:1px solid var(--border);padding-bottom:20px;padding-top:20px} } .capabilities-area-2 .capability-box-inner { display:grid;gap:10px 60px;grid-template-columns:1fr auto;justify-content:space-between;align-items:center} @media (max-width:575px) { .capabilities-area-2 .capability-box-inner { grid-template-columns:1fr} } .capabilities-area-2 .capability-box:hover .thumb img,.capabilities-area-2 .capability-box.active .thumb img { opacity:1;transform:scale(1)} .capabilities-area-2 .capability-box .title { font-weight:100;font-size:100px;line-height:1.1} @media only screen and (max-width:1919px) { .capabilities-area-2 .capability-box .title { font-size:80px} } @media only screen and (max-width:1399px) { .capabilities-area-2 .capability-box .title { font-size:60px} } @media only screen and (max-width:1199px) { .capabilities-area-2 .capability-box .title { font-size:50px} } @media only screen and (max-width:991px) { .capabilities-area-2 .capability-box .title { font-size:40px} } @media only screen and (max-width:767px) { .capabilities-area-2 .capability-box .title { font-size:35px} } .capabilities-area-2 .capability-box .title.rr-btn-underline { padding-bottom:0;color:rgba(17,17,17,0.3);text-transform:unset} .dark .capabilities-area-2 .capability-box .title.rr-btn-underline { color:rgba(255,255,255,0.3)} .capabilities-area-2 .capability-box .title.rr-btn-underline::before { height:3px;transition:0.5s;bottom:9px} @media only screen and (max-width:1919px) { .capabilities-area-2 .capability-box .title.rr-btn-underline::before { bottom:6px} } @media only screen and (max-width:1199px) { .capabilities-area-2 .capability-box .title.rr-btn-underline::before { height:2px;bottom:3px} } .capabilities-area-2 .capability-box .thumb { display:flex;gap:10px} @media only screen and (max-width:1919px) { .capabilities-area-2 .capability-box .thumb { gap:10px} } .capabilities-area-2 .capability-box .thumb img { width:76px;height:76px;border-radius:15px;object-fit:cover;opacity:0;transform:scale(0);transform-origin:top right;transition:all 0.5s} @media only screen and (max-width:1919px) { .capabilities-area-2 .capability-box .thumb img { width:64px;height:64px;border-radius:10px} } @media only screen and (max-width:1399px) { .capabilities-area-2 .capability-box .thumb img { width:50px;height:50px} } @media only screen and (max-width:1199px) { .capabilities-area-2 .capability-box .thumb img { width:40px;height:40px;opacity:1;transform:scale(1)} } .award-area-3 .section-header { margin-top:19px} .award-area-3 .section-title { max-width:855px;text-indent:2.3em} @media only screen and (max-width:1919px) { .award-area-3 .section-title { max-width:755px} } @media only screen and (max-width:1399px) { .award-area-3 .section-title { max-width:555px} } @media only screen and (max-width:1199px) { .award-area-3 .section-title { max-width:505px} } @media only screen and (max-width:991px) { .award-area-3 .section-title { max-width:635px} } .award-area-3 .section-title span { position:relative;padding:0 32px} @media only screen and (max-width:1919px) { .award-area-3 .section-title span { padding:0 22px} } @media only screen and (max-width:1399px) { .award-area-3 .section-title span { padding:0 17px} } @media (max-width:575px) { .award-area-3 .section-title span { padding:0} } .award-area-3 .section-title span:before { content:"";position:absolute;width:100%;height:72%;border:2px solid var(--primary);border-radius:100px;top:53%;left:0;transform:translate(0,-50%);z-index:-1} @media only screen and (max-width:1399px) { .award-area-3 .section-title span:before { border-width:1px} } @media (max-width:575px) { .award-area-3 .section-title span:before { display:none} } .award-area-3 .award-wrapper-box { max-width:1235px;margin-left:auto;margin-top:85px} @media only screen and (max-width:1919px) { .award-area-3 .award-wrapper-box { max-width:1000px;margin-top:55px} } @media only screen and (max-width:1399px) { .award-area-3 .award-wrapper-box { max-width:850px} } @media only screen and (max-width:1199px) { .award-area-3 .award-wrapper-box { max-width:750px;margin-top:45px} } .award-area-3 .award-wrapper { border-top:1px solid var(--border)} .award-area-3 .award-box { border-bottom:1px solid var(--border);padding-top:40px;padding-bottom:40px;display:grid;gap:20px 50px;grid-template-columns:280px 1fr 100px;align-items:center;transition:all 0.5s} @media only screen and (max-width:1919px) { .award-area-3 .award-box { padding-top:30px;padding-bottom:30px} } @media only screen and (max-width:1199px) { .award-area-3 .award-box { grid-template-columns:180px 1fr 100px} } @media only screen and (max-width:767px) { .award-area-3 .award-box { grid-template-columns:1fr 1fr} } .award-area-3 .award-box:hover { background-color:#F9F9F9} .dark .award-area-3 .award-box:hover { background-color:#171717} @media only screen and (max-width:767px) { .award-area-3 .award-box:hover { background-color:transparent} } .award-area-3 .award-box:hover .category { transform:translateX(30px)} @media only screen and (max-width:767px) { .award-area-3 .award-box:hover .category { transform:translateX(0px)} } .award-area-3 .award-box:hover .year { transform:translateX(-30px)} @media only screen and (max-width:767px) { .award-area-3 .award-box:hover .year { transform:translateX(0px)} } .award-area-3 .award-box .category { font-size:18px;font-weight:400;line-height:18px;display:inline-block;color:var(--primary);transition:all 0.5s} .award-area-3 .award-box .award { font-size:24px;font-weight:400;line-height:18px;color:var(--primary)} @media only screen and (max-width:1919px) { .award-area-3 .award-box .award { font-size:18px} } @media only screen and (max-width:767px) { .award-area-3 .award-box .award { order:3;grid-column:span 2} } .award-area-3 .award-box .year { font-size:18px;font-weight:400;line-height:18px;display:inline-block;color:var(--primary);transition:all 0.5s;text-align:right} .cta-area-5-inner { overflow:hidden} .cta-area-5 .section-title { font-size:200px;font-weight:100;line-height:0.85;text-transform:uppercase;white-space:nowrap} @media only screen and (max-width:1919px) { .cta-area-5 .section-title { font-size:140px} } @media only screen and (max-width:1399px) { .cta-area-5 .section-title { font-size:100px} } @media only screen and (max-width:1199px) { .cta-area-5 .section-title { margin-left:0} } @media only screen and (max-width:767px) { .cta-area-5 .section-title { font-size:60px} } @media (max-width:575px) { .cta-area-5 .section-title { font-size:40px} } .cta-area-5 .section-title a { display:inline-flex;align-items:center} .cta-area-5 .section-title .line { width:0.7em;height:0.05em;background-color:var(--primary);display:inline-block;align-self:center;margin-left:0.3em;margin-right:0.2em} .cta-area-5 .section-header { margin-top:45px;margin-bottom:87px} @media only screen and (max-width:1919px) { .cta-area-5 .section-header { margin-top:25px;margin-bottom:67px} } @media only screen and (max-width:1399px) { .cta-area-5 .section-header { margin-top:5px;margin-bottom:47px} } .cta-area-5 .section-header .title-wrapper { animation:45s t-slide infinite linear} .cta-area-5 .section-header .t-btn { font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.02em;padding:10px 20px;display:inline-block;background-color:var(--theme);color:var(--black);border-radius:50px;position:absolute;top:0;left:0;margin:-25px 0 0 -65px;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1)} .error-area-inner { height:100vh;display:flex;justify-content:center;align-items:center;text-align:center} .error-area .section-subtitle { font-family:var(--font_sequelsansmediumbody);font-size:300px;font-weight:315;line-height:0.7;letter-spacing:-0.07em} @media only screen and (max-width:1919px) { .error-area .section-subtitle { font-size:240px} } @media only screen and (max-width:1399px) { .error-area .section-subtitle { font-size:180px} } @media only screen and (max-width:1199px) { .error-area .section-subtitle { font-size:140px} } @media only screen and (max-width:991px) { .error-area .section-subtitle { font-size:120px} } .error-area .section-title { max-width:740px} @media only screen and (max-width:1919px) { .error-area .section-title { max-width:640px} } @media only screen and (max-width:1399px) { .error-area .section-title { max-width:540px} } @media only screen and (max-width:1199px) { .error-area .section-title { max-width:440px} } @media only screen and (max-width:991px) { .error-area .section-title { max-width:340px} } .error-area .section-content { align-self:center} .error-area .section-content .title-wrapper { margin-top:37px} @media only screen and (max-width:1919px) { .error-area .section-content .title-wrapper { margin-top:27px} } @media only screen and (max-width:1199px) { .error-area .section-content .title-wrapper { margin-top:17px} } .error-area .section-content .btn-wrapper { margin-top:64px} @media only screen and (max-width:1919px) { .error-area .section-content .btn-wrapper { margin-top:44px} } @media only screen and (max-width:1199px) { .error-area .section-content .btn-wrapper { margin-top:34px} } @media only screen and (max-width:991px) { .error-area .section-content .btn-wrapper { margin-top:24px} } .about-area-details { } .about-area-details .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .about-area-details .section-header { padding-top:7px} } .about-area-details .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .about-area-details .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .about-area-details .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .about-area-details .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .about-area-details .section-title-wrapper { grid-template-columns:1fr} } .about-area-details .subtitle-wrapper { margin-top:8px} .about-area-details .section-title { max-width:1030px} @media only screen and (max-width:1919px) { .about-area-details .section-title { max-width:840px} } @media only screen and (max-width:1399px) { .about-area-details .section-title { max-width:640px} } .about-area-details .section-content .text { font-size:30px;font-weight:400;line-height:1.26} @media only screen and (max-width:1919px) { .about-area-details .section-content .text { font-size:24px} } @media only screen and (max-width:1399px) { .about-area-details .section-content .text { font-size:20px} } .about-area-details .section-content .text:not(:first-child) { margin-top:38px} @media only screen and (max-width:1919px) { .about-area-details .section-content .text:not(:first-child) { margin-top:28px} } .about-area-details .section-content .btn-wrapper { margin-top:61px} @media only screen and (max-width:1919px) { .about-area-details .section-content .btn-wrapper { margin-top:41px} } .about-area-details .info-list li { font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);font-family:var(--font_sequelsansromanbody);position:relative;display:flex;align-items:center} @media only screen and (max-width:1919px) { .about-area-details .info-list li { font-size:24px} } @media only screen and (max-width:1399px) { .about-area-details .info-list li { font-size:20px} } .about-area-details .info-list li:not(:first-child) { margin-top:4px} .about-area-details .info-list li:before { content:"";width:6px;height:6px;background-color:var(--primary);margin-right:10px} @media only screen and (max-width:1399px) { .about-area-details .info-list li:before { width:4px;height:4px} } .about-area-details .section-content-wrapper { border-top:1px solid var(--border);padding-top:22px;margin-top:64px;max-width:1235px;margin-left:auto;display:grid;gap:20px 60px;grid-template-columns:1fr 715px} @media only screen and (max-width:1919px) { .about-area-details .section-content-wrapper { margin-top:54px;max-width:1000px;grid-template-columns:1fr 565px} } @media only screen and (max-width:1399px) { .about-area-details .section-content-wrapper { margin-top:44px;max-width:850px;grid-template-columns:1fr 465px} } @media only screen and (max-width:1199px) { .about-area-details .section-content-wrapper { max-width:750px} } @media only screen and (max-width:991px) { .about-area-details .section-content-wrapper { grid-template-columns:1fr} } .about-area-details .wrapper-gallery { display:inline-flex;align-items:flex-start;margin-top:50px;padding:0} .about-area-details .moving-gallery li { width:40vw;padding-left:10px;padding-right:10px;box-sizing:border-box;list-style:none} @media only screen and (max-width:1199px) { .about-area-details .moving-gallery li { padding-left:4px;padding-right:4px} } .about-area-details .moving-gallery li img { height:auto;margin:0px;width:100%} .about-area-details .moving-gallery li:first-child { padding-left:0px} .about-area-details .moving-gallery li:last-child { padding-right:0px} .about-area-details .moving-gallery li:nth-child(1) { width:30vw} @media (max-width:575px) { .about-area-details .moving-gallery li:nth-child(1) { width:60vw} } .about-area-details .moving-gallery li:nth-child(2) { width:25vw} @media (max-width:575px) { .about-area-details .moving-gallery li:nth-child(2) { width:50vw} } .about-area-details .moving-gallery li:nth-child(3) { width:20vw} @media (max-width:575px) { .about-area-details .moving-gallery li:nth-child(3) { width:40vw} } .about-area-details .moving-gallery li:nth-child(4) { width:25vw} @media (max-width:575px) { .about-area-details .moving-gallery li:nth-child(4) { width:50vw} } .about-area-details .moving-gallery li:nth-child(5) { width:30vw} @media (max-width:575px) { .about-area-details .moving-gallery li:nth-child(5) { width:60vw} } .approach-area-about-page .section-title { max-width:845px} @media only screen and (max-width:1919px) { .approach-area-about-page .section-title { max-width:645px} } @media only screen and (max-width:1399px) { .approach-area-about-page .section-title { max-width:545px} } .approach-area-about-page .subtitle-wrapper { margin-top:8px} .approach-area-about-page .section-header { margin-top:50px;border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .approach-area-about-page .section-header { margin-top:10px;padding-top:7px} } .approach-area-about-page .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .approach-area-about-page .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .approach-area-about-page .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .approach-area-about-page .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .approach-area-about-page .section-title-wrapper { grid-template-columns:1fr} } .approach-area-about-page .approach-wrapper-box { max-width:1235px;margin-left:auto;margin-top:81px;margin-bottom:43px} @media only screen and (max-width:1919px) { .approach-area-about-page .approach-wrapper-box { max-width:1000px;margin-top:61px} } @media only screen and (max-width:1399px) { .approach-area-about-page .approach-wrapper-box { max-width:850px} } @media only screen and (max-width:1199px) { .approach-area-about-page .approach-wrapper-box { max-width:750px;margin-right:0;margin-top:41px} } .approach-area-about-page .approach-wrapper { display:grid;gap:40px 50px;grid-template-columns:1fr 1fr auto} @media only screen and (max-width:767px) { .approach-area-about-page .approach-wrapper { grid-template-columns:1fr} } .approach-area-about-page .approach-box .title { font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;display:flex;gap:0 20px;align-items:center;justify-content:space-between} @media only screen and (max-width:1919px) { .approach-area-about-page .approach-box .title { font-size:24px} } .approach-area-about-page .approach-box .title img { width:250px} @media only screen and (max-width:1919px) { .approach-area-about-page .approach-box .title img { width:200px} } @media only screen and (max-width:1399px) { .approach-area-about-page .approach-box .title img { width:150px} } @media only screen and (max-width:1199px) { .approach-area-about-page .approach-box .title img { display:none} } .approach-area-about-page .approach-box .approach-list { margin-top:28px} @media only screen and (max-width:1199px) { .approach-area-about-page .approach-box .approach-list { margin-top:18px} } .approach-area-about-page .approach-box .approach-list li { font-size:18px;font-weight:400;line-height:26px;color:var(--primary)} .info-area-page-about { background-color:var(--bg)} .info-area-page-about .section-header { border-top:1px solid rgba(255,255,255,0.1);margin-top:50px;padding-top:37px} @media only screen and (max-width:991px) { .info-area-page-about .section-header { margin-top:10px;padding-top:7px} } .info-area-page-about .section-header .subtitle-wrapper { margin-top:8px} .info-area-page-about .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .info-area-page-about .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .info-area-page-about .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .info-area-page-about .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .info-area-page-about .section-title-wrapper { grid-template-columns:1fr} } .info-area-page-about .section-subtitle { color:var(--white)} .info-area-page-about .section-title { color:var(--white);max-width:805px} .info-area-page-about .counter-wrapper-box { margin-top:94px} @media only screen and (max-width:1919px) { .info-area-page-about .counter-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .info-area-page-about .counter-wrapper-box { margin-top:44px} } .info-area-page-about .counter-wrapper { display:grid;gap:20px;grid-template-columns:repeat(4,1fr)} @media only screen and (max-width:991px) { .info-area-page-about .counter-wrapper { grid-template-columns:repeat(2,1fr)} } @media only screen and (max-width:767px) { .info-area-page-about .counter-wrapper { grid-template-columns:repeat(1,1fr)} } .info-area-page-about .funfact-item { padding:39px 50px 41px;border-radius:20px;background-color:#1D1C1C} @media only screen and (max-width:1919px) { .info-area-page-about .funfact-item { padding:29px 30px 31px} } @media only screen and (max-width:1199px) { .info-area-page-about .funfact-item { padding:19px 20px 21px} } .info-area-page-about .funfact-item .text { font-size:18px;font-weight:400;line-height:26px;color:#999999} .info-area-page-about .funfact-item .number { font-size:50px;font-weight:310;line-height:1;letter-spacing:-0.07em;color:var(--white);margin-top:14px} @media only screen and (max-width:1199px) { .info-area-page-about .funfact-item .number { font-size:35px} } .client-area-page-about { background-color:var(--bg);margin-bottom:-1px} .client-area-page-about .section-header { margin-top:39px} .client-area-page-about .section-header .text { font-size:20px;font-weight:400;line-height:28px;text-align:center;max-width:340px;color:#FCF7F3;margin-inline:auto} .client-area-page-about .clients-wrapper-box { margin-top:63px;margin-bottom:50px} @media only screen and (max-width:1199px) { .client-area-page-about .clients-wrapper-box { margin-top:43px} } .client-area-page-about .clients-wrapper { display:flex;gap:0;justify-content:center;flex-wrap:wrap} .client-area-page-about .clients-wrapper .client-slider-active .swiper-slide { width:auto} .client-area-page-about .clients-wrapper .client-slider-active .swiper-wrapper { transition-timing-function:linear !important} .client-area-page-about .client-box { border:1px solid rgba(252,247,243,0.1);border-radius:70px;width:215px;height:140px;padding:0 20px;display:inline-flex;justify-content:center;align-items:center} @media only screen and (max-width:1919px) { .client-area-page-about .client-box { width:155px;height:90px} } @media only screen and (max-width:1399px) { .client-area-page-about .client-box { width:135px;height:70px} } .media-area-page-about { background-color:var(--bg)} .media-area-page-about .section-content-wrapper { display:grid;grid-template-columns:1fr 575px} @media only screen and (max-width:1399px) { .media-area-page-about .section-content-wrapper { grid-template-columns:1fr 475px} } @media only screen and (max-width:991px) { .media-area-page-about .section-content-wrapper { grid-template-columns:1fr} } .media-area-page-about .area-thumb img { width:100%;height:100%;object-fit:cover} .media-area-page-about .section-content { padding:87px 50px 100px;background-color:#1D1C1C} @media only screen and (max-width:1399px) { .media-area-page-about .section-content { padding:37px 40px 40px} } @media only screen and (max-width:767px) { .media-area-page-about .section-content { padding:17px 20px 20px} } .media-area-page-about .section-content .section-title { font-size:30px;font-weight:310;line-height:35px;letter-spacing:-0.07em;color:var(--white);max-width:310px} .media-area-page-about .section-content .text { font-size:18px;font-weight:400;line-height:26px;color:#999999} .media-area-page-about .section-content .text-wrapper { margin-top:267px} @media only screen and (max-width:1919px) { .media-area-page-about .section-content .text-wrapper { margin-top:167px} } @media only screen and (max-width:1399px) { .media-area-page-about .section-content .text-wrapper { margin-top:67px} } @media only screen and (max-width:991px) { .media-area-page-about .section-content .text-wrapper { margin-top:27px} } .media-area-page-about .section-content .btn-wrapper { margin-top:43px} .media-area-page-about .section-content .rr-btn { background-color:#1D1C1C;border-color:rgba(255,255,255,0.2)} .media-area-page-about .section-content .rr-btn:hover { border-color:var(--white)} .dark .media-area-page-about .section-content .rr-btn:before { background-color:var(--white)} .media-area-page-about .section-content .rr-btn .text-one { color:var(--white)} .media-area-page-about .section-content .rr-btn .text-two { color:var(--black)} .dark .media-area-page-about .section-content .rr-btn .text-two { color:var(--black)} .award-area-page-about { background-color:var(--bg)} .award-area-page-about .section-subtitle { color:var(--white)} .award-area-page-about .section-title { color:var(--white)} .award-area-page-about .section-header { margin-top:50px;border-top:1px solid rgba(255,255,255,0.1);padding-top:37px} @media only screen and (max-width:991px) { .award-area-page-about .section-header { margin-top:10px;padding-top:7px} } .award-area-page-about .section-header .subtitle-wrapper { margin-top:8px} .award-area-page-about .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .award-area-page-about .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .award-area-page-about .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .award-area-page-about .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .award-area-page-about .section-title-wrapper { grid-template-columns:1fr} } .award-area-page-about .awards-wrapper-box { margin-top:94px;border-top:1px solid rgba(255,255,255,0.1);padding-top:32px;max-width:1235px;margin-left:auto;margin-bottom:43px} @media only screen and (max-width:1919px) { .award-area-page-about .awards-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .award-area-page-about .awards-wrapper-box { margin-top:44px} } .award-area-page-about .awards-wrapper { max-width:630px;margin-left:auto} .award-area-page-about .award-box { display:grid;gap:20px 30px;grid-template-columns:1fr 370px} @media only screen and (max-width:767px) { .award-area-page-about .award-box { grid-template-columns:1fr 340px} } @media (max-width:575px) { .award-area-page-about .award-box { grid-template-columns:1fr} } .award-area-page-about .award-box:not(:first-child) { margin-top:56px} .award-area-page-about .award-box .award-list li { display:grid;gap:10px 20px;grid-template-columns:auto auto;justify-content:space-between;font-size:20px;font-weight:400;line-height:28px;color:var(--white)} @media only screen and (max-width:767px) { .award-area-page-about .award-box .award-list li { font-size:18px} } .award-area-page-about .award-box .category { font-size:20px;font-weight:400;line-height:20px;color:var(--white)} @media only screen and (max-width:767px) { .award-area-page-about .award-box .category { font-size:18px} } .team-area-about-page .section-header { margin-top:50px;border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .team-area-about-page .section-header { margin-top:10px;padding-top:7px} } .team-area-about-page .section-header .subtitle-wrapper { margin-top:8px} .team-area-about-page .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .team-area-about-page .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .team-area-about-page .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .team-area-about-page .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .team-area-about-page .section-title-wrapper { grid-template-columns:1fr} } .team-area-about-page .section-title { max-width:765px} @media only screen and (max-width:1919px) { .team-area-about-page .section-title { max-width:665px} } @media only screen and (max-width:1399px) { .team-area-about-page .section-title { max-width:465px} } .team-area-about-page .team-wrapper-box { margin-top:94px} @media only screen and (max-width:1919px) { .team-area-about-page .team-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .team-area-about-page .team-wrapper-box { margin-top:44px} } .team-area-about-page .team-wrapper { display:grid;gap:40px 20px;grid-template-columns:repeat(4,1fr)} @media only screen and (max-width:991px) { .team-area-about-page .team-wrapper { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .team-area-about-page .team-wrapper { grid-template-columns:repeat(1,1fr)} } .team-area-about-page .team-box:hover .thumb img { transform:scale(1.1)} .team-area-about-page .team-box .thumb { overflow:hidden} .team-area-about-page .team-box .thumb img { width:100%;transition:all 0.5s} .team-area-about-page .team-box .name { font-size:30px;font-weight:310;line-height:1;letter-spacing:-0.07em} @media only screen and (max-width:1919px) { .team-area-about-page .team-box .name { font-size:24px} } .team-area-about-page .team-box .post { font-size:16px;font-weight:400;line-height:30px;display:inline-block;margin-top:3px} .team-area-about-page .team-box .content { margin-top:19px} .blog-details-area .section-title { max-width:1130px} @media only screen and (max-width:1919px) { .blog-details-area .section-title { max-width:930px} } @media only screen and (max-width:1399px) { .blog-details-area .section-title { max-width:730px} } .blog-details-area .section-header { margin-top:17px} @media only screen and (max-width:1399px) { .blog-details-area .section-header { margin-top:37px} } .blog-details-area .meta { display:flex;gap:5px;align-items:center;margin-top:36px} @media only screen and (max-width:1199px) { .blog-details-area .meta { margin-top:9px} } .blog-details-area .meta span { font-size:14px;font-weight:400;line-height:27px;display:inline-block} .blog-details-area .meta span.has-left-line { padding-inline-start:15px} .blog-details-area .meta span.has-left-line:before { width:10px} .blog-details-area .meta .name span { font-weight:500;color:var(--primary)} .blog-details-area .image-wrapper { margin-top:89px;margin-bottom:50px} @media only screen and (max-width:1919px) { .blog-details-area .image-wrapper { margin-top:59px;margin-bottom:40px} } @media only screen and (max-width:1199px) { .blog-details-area .image-wrapper { margin-top:29px;margin-bottom:30px} } .blog-details-area .section-details .text { font-size:18px;font-weight:400;line-height:26px} .blog-details-area .section-details .text:not(:first-child) { margin-top:26px} .blog-details-area .section-details .title { font-size:50px;font-weight:310;line-height:0.7;letter-spacing:-0.07em;margin-bottom:28px} @media only screen and (max-width:1919px) { .blog-details-area .section-details .title { font-size:40px} } @media only screen and (max-width:1199px) { .blog-details-area .section-details .title { font-size:30px;margin-bottom:23px} } @media only screen and (max-width:991px) { .blog-details-area .section-details .title { font-size:28px} } @media only screen and (max-width:767px) { .blog-details-area .section-details .title { font-size:24px} } .blog-details-area .section-details .details-info { margin-top:50px} @media only screen and (max-width:767px) { .blog-details-area .section-details .details-info { margin-top:40px} } .blog-details-area .section-details .text-wrapper+.details-info { margin-top:43px} @media only screen and (max-width:767px) { .blog-details-area .section-details .text-wrapper+.details-info { margin-top:33px} } .blog-details-area .section-details .thumb-text-wrapper { margin-top:17px;display:grid;gap:20px 30px;grid-template-columns:1fr 1fr} @media only screen and (max-width:991px) { .blog-details-area .section-details .thumb-text-wrapper { grid-template-columns:1fr} } .blog-details-area .section-details .thumb-text-wrapper .thumb { margin-top:6px} .blog-details-area .section-details .thumb-text-wrapper .thumb img { width:100%;height:120%;object-fit:cover} .blog-details-area .section-details .feature-list { margin-top:26px;margin-bottom:26px} .blog-details-area .section-details .feature-list li { font-size:18px;font-weight:400;line-height:26px;position:relative;padding-left:27px} .blog-details-area .section-details .feature-list li:before { position:absolute;content:"";width:5px;height:5px;background-color:currentColor;border-radius:50%;left:11px;top:10px} .blog-details-area .section-details .gallery-wrapper { margin-top:24px;margin-bottom:20px;display:grid;gap:30px;grid-template-columns:auto auto} @media only screen and (max-width:1199px) { .blog-details-area .section-details .gallery-wrapper { gap:20px} } @media only screen and (max-width:767px) { .blog-details-area .section-details .gallery-wrapper { gap:10px} } .blog-details-area .section-details .gallery-wrapper img { width:100%;height:100%;object-fit:cover} .blog-details-area .section-details .tags-wrapper { margin-top:62px;display:flex;gap:10px;align-items:flex-start} @media only screen and (max-width:1399px) { .blog-details-area .section-details .tags-wrapper { margin-top:42px} } .blog-details-area .section-details .tags-wrapper .heading { font-size:20px;font-weight:400;line-height:28px;color:var(--primary);display:inline-block} .blog-details-area .section-details .tags { display:flex;gap:5px;flex-wrap:wrap} .blog-details-area .section-details .tags .tag { font-size:14px;font-weight:500;line-height:28px;display:inline-block;padding:0 15px;border:1px solid var(--border);border-radius:30px} .blog-details-area .section-details .comment-wrap { margin-top:90px} @media only screen and (max-width:1399px) { .blog-details-area .section-details .comment-wrap { margin-top:60px} } .blog-details-area .section-details .comment-formwrap { display:grid;gap:60px 30px;grid-template-columns:repeat(2,1fr);margin-top:52px} @media only screen and (max-width:1399px) { .blog-details-area .section-details .comment-formwrap { gap:40px 30px;margin-top:32px} } @media only screen and (max-width:1199px) { .blog-details-area .section-details .comment-formwrap { gap:30px 30px} } @media only screen and (max-width:767px) { .blog-details-area .section-details .comment-formwrap { grid-template-columns:repeat(1,1fr)} } .blog-details-area .section-details .comment-formwrap .message { grid-column:span 2} @media only screen and (max-width:767px) { .blog-details-area .section-details .comment-formwrap .message { grid-column:auto} } .blog-details-area .section-details .comment-formfield input { width:100%;height:40px;border:none;border-bottom:1px solid rgba(17,17,17,0.2);outline:none;background-color:transparent;transition:all 0.5s;color:var(--primary);font-size:18px} .dark .blog-details-area .section-details .comment-formfield input { border-color:rgba(255,255,255,0.2)} @media only screen and (max-width:1199px) { .blog-details-area .section-details .comment-formfield input { font-size:16px} } .blog-details-area .section-details .comment-formfield input:focus { border-color:var(--primary)} .blog-details-area .section-details .comment-formfield input::placeholder { color:var(--primary)} .blog-details-area .section-details .comment-formfield input:-webkit-autofill,.blog-details-area .section-details .comment-formfield input:-webkit-autofill:focus { transition:background-color 0s 600000s,color 0s 600000s !important} .blog-details-area .section-details .comment-formfield select { width:100%;height:40px;border:none;border-bottom:1px solid var(--primary);outline:none;background-color:transparent;transition:all 0.5s;color:var(--primary)} .blog-details-area .section-details .comment-formfield select:focus { border-color:var(--primary)} .blog-details-area .section-details .comment-formfield select option { width:100%;max-width:100%} .blog-details-area .section-details .submit-btn { margin-top:50px} @media only screen and (max-width:1399px) { .blog-details-area .section-details .submit-btn { margin-top:40px} } .blog-area-3 .section-header { margin-top:50px;border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .blog-area-3 .section-header { margin-top:10px;padding-top:7px} } .blog-area-3 .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .blog-area-3 .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .blog-area-3 .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .blog-area-3 .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .blog-area-3 .section-title-wrapper { grid-template-columns:1fr} } .blog-area-3 .subtitle-wrapper { margin-top:8px} .blog-area-3 .section-title { max-width:800px} @media only screen and (max-width:1919px) { .blog-area-3 .section-title { max-width:700px} } @media only screen and (max-width:1399px) { .blog-area-3 .section-title { max-width:640px} } .blog-area-3 .blogs-wrapper-box { margin-top:94px} @media only screen and (max-width:1919px) { .blog-area-3 .blogs-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .blog-area-3 .blogs-wrapper-box { margin-top:44px} } .blog-area-3 .blogs-wrapper { display:grid;gap:76px 60px;grid-template-columns:repeat(6,1fr);overflow:hidden} @media only screen and (max-width:1919px) { .blog-area-3 .blogs-wrapper { gap:46px 40px} } @media only screen and (max-width:991px) { .blog-area-3 .blogs-wrapper { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .blog-area-3 .blogs-wrapper { grid-template-columns:repeat(1,1fr)} } .blog-area-3 .blogs-wrapper>* { grid-column:span 2} @media only screen and (max-width:991px) { .blog-area-3 .blogs-wrapper>* { grid-column:auto} } .blog-area-3 .blogs-wrapper>*:nth-child(4),.blog-area-3 .blogs-wrapper>*:nth-child(5) { grid-column:span 3} @media only screen and (max-width:991px) { .blog-area-3 .blogs-wrapper>*:nth-child(4),.blog-area-3 .blogs-wrapper>*:nth-child(5) { grid-column:auto} } .blog-area-3 .blogs-wrapper>*:nth-child(4) .content,.blog-area-3 .blogs-wrapper>*:nth-child(5) .content { padding-right:130px} @media only screen and (max-width:1919px) { .blog-area-3 .blogs-wrapper>*:nth-child(4) .content,.blog-area-3 .blogs-wrapper>*:nth-child(5) .content { padding-right:100px} } @media only screen and (max-width:1199px) { .blog-area-3 .blogs-wrapper>*:nth-child(4) .content,.blog-area-3 .blogs-wrapper>*:nth-child(5) .content { padding-right:80px} } @media only screen and (max-width:991px) { .blog-area-3 .blogs-wrapper>*:nth-child(4) .content,.blog-area-3 .blogs-wrapper>*:nth-child(5) .content { padding-right:0} } .blog-area-3 .blogs-wrapper>* .content { padding-right:90px} @media only screen and (max-width:1919px) { .blog-area-3 .blogs-wrapper>* .content { padding-right:70px} } @media only screen and (max-width:1199px) { .blog-area-3 .blogs-wrapper>* .content { padding-right:0} } .blog-area-3 .blog { position:relative} .blog-area-3 .blog:hover .thumb img { transform:scale(1.1)} .blog-area-3 .blog:hover .title .arrow { background-color:var(--primary)} .blog-area-3 .blog:hover .title .arrow svg { transform:rotate(60deg)} .blog-area-3 .blog:hover .title .arrow svg * { fill:var(--white)} .dark .blog-area-3 .blog:hover .title .arrow svg * { fill:var(--black)} .blog-area-3 .blog:before { position:absolute;content:"";width:1px;height:100%;background-color:var(--border);top:0;left:-30px} @media only screen and (max-width:1919px) { .blog-area-3 .blog:before { left:-20px} } .blog-area-3 .blog .thumb { overflow:hidden} .blog-area-3 .blog .thumb img { width:100%;transition:all 0.5s} .blog-area-3 .blog .content { margin-top:24px} @media only screen and (max-width:1199px) { .blog-area-3 .blog .content { margin-top:14px} } .blog-area-3 .blog .title { font-size:36px;font-weight:310;line-height:1;letter-spacing:-0.07em;display:inline} @media only screen and (max-width:1919px) { .blog-area-3 .blog .title { font-size:30px} } @media only screen and (max-width:1399px) { .blog-area-3 .blog .title { font-size:24px} } @media only screen and (max-width:1199px) { .blog-area-3 .blog .title { font-size:20px} } .blog-area-3 .blog .title .arrow { display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;transition:all 0.3s;border-radius:50%;border:2px solid var(--primary);transform:translate(0px,-1px);margin-left:5px} @media only screen and (max-width:1919px) { .blog-area-3 .blog .title .arrow { width:20px;height:20px} } @media only screen and (max-width:1399px) { .blog-area-3 .blog .title .arrow { width:17px;height:17px} } @media only screen and (max-width:1199px) { .blog-area-3 .blog .title .arrow { width:15px;height:15px;border-width:1px} } .blog-area-3 .blog .title .arrow svg { transition:all 0.3s;width:13px} @media only screen and (max-width:1919px) { .blog-area-3 .blog .title .arrow svg { width:10px} } @media only screen and (max-width:1399px) { .blog-area-3 .blog .title .arrow svg { width:7px} } .blog-area-3 .blog .title .arrow svg * { fill:var(--primary)} .blog-area-3 .blog .meta { display:flex;gap:5px;align-items:center;margin-top:14px} @media only screen and (max-width:1199px) { .blog-area-3 .blog .meta { margin-top:9px} } .blog-area-3 .blog .meta span { font-size:14px;font-weight:400;line-height:24px;color:var(--secondary)} .blog-area-3 .blog .meta span.has-left-line { padding-inline-start:15px} .blog-area-3 .blog .meta span.has-left-line:before { width:10px} .blog-area-3 .blog .meta .name span { font-weight:500;color:var(--primary)} .blog-area-2 .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .blog-area-2 .section-header { padding-top:7px} } .blog-area-2 .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .blog-area-2 .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .blog-area-2 .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .blog-area-2 .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .blog-area-2 .section-title-wrapper { grid-template-columns:1fr} } .blog-area-2 .subtitle-wrapper { margin-top:8px} .blog-area-2 .section-title { max-width:800px} @media only screen and (max-width:1919px) { .blog-area-2 .section-title { max-width:700px} } @media only screen and (max-width:1399px) { .blog-area-2 .section-title { max-width:640px} } .blog-area-2 .blogs-wrapper-box { margin-top:94px} @media only screen and (max-width:1919px) { .blog-area-2 .blogs-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .blog-area-2 .blogs-wrapper-box { margin-top:44px} } .blog-area-2 .blogs-wrapper { display:grid;gap:76px 60px;grid-template-columns:repeat(6,1fr);overflow:hidden} @media only screen and (max-width:1919px) { .blog-area-2 .blogs-wrapper { gap:46px 40px} } @media only screen and (max-width:991px) { .blog-area-2 .blogs-wrapper { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .blog-area-2 .blogs-wrapper { grid-template-columns:repeat(1,1fr)} } .blog-area-2 .blogs-wrapper>* { grid-column:span 2} @media only screen and (max-width:991px) { .blog-area-2 .blogs-wrapper>* { grid-column:auto} } .blog-area-2 .blogs-wrapper>*:nth-child(4),.blog-area-2 .blogs-wrapper>*:nth-child(5) { grid-column:span 3} @media only screen and (max-width:991px) { .blog-area-2 .blogs-wrapper>*:nth-child(4),.blog-area-2 .blogs-wrapper>*:nth-child(5) { grid-column:auto} } .blog-area-2 .blogs-wrapper>*:nth-child(4) .content,.blog-area-2 .blogs-wrapper>*:nth-child(5) .content { padding-right:130px} @media only screen and (max-width:1919px) { .blog-area-2 .blogs-wrapper>*:nth-child(4) .content,.blog-area-2 .blogs-wrapper>*:nth-child(5) .content { padding-right:100px} } @media only screen and (max-width:1199px) { .blog-area-2 .blogs-wrapper>*:nth-child(4) .content,.blog-area-2 .blogs-wrapper>*:nth-child(5) .content { padding-right:80px} } @media only screen and (max-width:991px) { .blog-area-2 .blogs-wrapper>*:nth-child(4) .content,.blog-area-2 .blogs-wrapper>*:nth-child(5) .content { padding-right:0} } .blog-area-2 .blogs-wrapper>* .content { padding-right:90px} @media only screen and (max-width:1919px) { .blog-area-2 .blogs-wrapper>* .content { padding-right:70px} } @media only screen and (max-width:1199px) { .blog-area-2 .blogs-wrapper>* .content { padding-right:0} } .blog-area-2 .blog { position:relative} .blog-area-2 .blog:hover .thumb img { transform:scale(1.1)} .blog-area-2 .blog:hover .title .arrow { background-color:var(--primary)} .blog-area-2 .blog:hover .title .arrow svg { transform:rotate(60deg)} .blog-area-2 .blog:hover .title .arrow svg * { fill:var(--white)} .dark .blog-area-2 .blog:hover .title .arrow svg * { fill:var(--black)} .blog-area-2 .blog:before { position:absolute;content:"";width:1px;height:100%;background-color:var(--border);top:0;left:-30px} @media only screen and (max-width:1919px) { .blog-area-2 .blog:before { left:-20px} } .blog-area-2 .blog .thumb { overflow:hidden} .blog-area-2 .blog .thumb img { width:100%;transition:all 0.5s} .blog-area-2 .blog .content { margin-top:24px} @media only screen and (max-width:1199px) { .blog-area-2 .blog .content { margin-top:14px} } .blog-area-2 .blog .title { font-size:36px;font-weight:310;line-height:1;letter-spacing:-0.07em;display:inline} @media only screen and (max-width:1919px) { .blog-area-2 .blog .title { font-size:30px} } @media only screen and (max-width:1399px) { .blog-area-2 .blog .title { font-size:24px} } @media only screen and (max-width:1199px) { .blog-area-2 .blog .title { font-size:20px} } .blog-area-2 .blog .title .arrow { display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;transition:all 0.3s;border-radius:50%;border:2px solid var(--primary);transform:translate(0px,-1px);margin-left:5px} @media only screen and (max-width:1919px) { .blog-area-2 .blog .title .arrow { width:20px;height:20px} } @media only screen and (max-width:1399px) { .blog-area-2 .blog .title .arrow { width:17px;height:17px} } @media only screen and (max-width:1199px) { .blog-area-2 .blog .title .arrow { width:15px;height:15px;border-width:1px} } .blog-area-2 .blog .title .arrow svg { transition:all 0.3s;width:13px} @media only screen and (max-width:1919px) { .blog-area-2 .blog .title .arrow svg { width:10px} } @media only screen and (max-width:1399px) { .blog-area-2 .blog .title .arrow svg { width:7px} } .blog-area-2 .blog .title .arrow svg * { fill:var(--primary)} .blog-area-2 .blog .meta { display:flex;gap:5px;align-items:center;margin-top:14px} @media only screen and (max-width:1199px) { .blog-area-2 .blog .meta { margin-top:9px} } .blog-area-2 .blog .meta span { font-size:14px;font-weight:400;line-height:24px;color:var(--secondary)} .blog-area-2 .blog .meta span.has-left-line { padding-inline-start:15px} .blog-area-2 .blog .meta span.has-left-line:before { width:10px} .blog-area-2 .blog .meta .name span { font-weight:500;color:var(--primary)} .loading-form { display:none;position:fixed;width:100%;height:100%;top:0;z-index:99;left:0;background:rgba(0,0,0,0.5);color:var(--white);font-size:20px;text-align:center;padding-top:20%} .success-message { color:green;margin-top:10px} .error-message { color:red;margin-top:10px} #response-message { margin-top:10px} .contact-area-contact-page .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .contact-area-contact-page .section-header { padding-top:7px} } .contact-area-contact-page .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .contact-area-contact-page .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .contact-area-contact-page .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .contact-area-contact-page .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .contact-area-contact-page .section-title-wrapper { grid-template-columns:1fr} } .contact-area-contact-page .subtitle-wrapper { margin-top:8px} .contact-area-contact-page .section-title { max-width:875px} @media only screen and (max-width:1919px) { .contact-area-contact-page .section-title { max-width:675px} } @media only screen and (max-width:1399px) { .contact-area-contact-page .section-title { max-width:495px} } .contact-area-contact-page .section-content-wrapper { margin-top:90px;margin-bottom:4px;display:grid;gap:40px 60px;grid-template-columns:1fr 1030px;align-items:flex-start} @media only screen and (max-width:1919px) { .contact-area-contact-page .section-content-wrapper { margin-top:60px;grid-template-columns:1fr 730px} } @media only screen and (max-width:1399px) { .contact-area-contact-page .section-content-wrapper { grid-template-columns:1fr 680px} } @media only screen and (max-width:1199px) { .contact-area-contact-page .section-content-wrapper { grid-template-columns:1fr 550px} } @media only screen and (max-width:991px) { .contact-area-contact-page .section-content-wrapper { grid-template-columns:1fr} } .contact-area-contact-page .contact-mail .title { font-size:20px;font-weight:400;line-height:20px;color:var(--primary)} .contact-area-contact-page .contact-mail .text { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);max-width:410px;margin-top:24px} @media only screen and (max-width:1919px) { .contact-area-contact-page .contact-mail .text { font-size:24px;max-width:330px} } @media only screen and (max-width:1199px) { .contact-area-contact-page .contact-mail .text { font-size:20px;max-width:280px} } .contact-area-contact-page .contact-mail .text a { text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-underline-offset:3px} .contact-area-contact-page .contact-mail .text a:hover { color:var(--secondary)} .contact-area-contact-page .contact-social { margin-top:51px} .contact-area-contact-page .contact-social .title { font-size:20px;font-weight:400;line-height:20px;color:var(--primary)} .contact-area-contact-page .contact-social .social-links { display:flex;flex-direction:column;align-items:flex-start;margin-top:24px} .contact-area-contact-page .contact-social .social-links a { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);display:inline-block;transition:all 0.5s} @media only screen and (max-width:1919px) { .contact-area-contact-page .contact-social .social-links a { font-size:24px} } @media only screen and (max-width:1199px) { .contact-area-contact-page .contact-social .social-links a { font-size:20px} } .contact-area-contact-page .contact-social .social-links a:hover { text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-underline-offset:3px} .contact-area-contact-page .contact-formwrap { display:grid;gap:60px 60px;grid-template-columns:repeat(2,1fr)} @media only screen and (max-width:1399px) { .contact-area-contact-page .contact-formwrap { gap:40px 40px} } @media only screen and (max-width:1199px) { .contact-area-contact-page .contact-formwrap { gap:30px 30px} } @media only screen and (max-width:767px) { .contact-area-contact-page .contact-formwrap { grid-template-columns:repeat(1,1fr)} } .contact-area-contact-page .contact-formwrap .message { grid-column:span 2;margin-top:30px} @media only screen and (max-width:767px) { .contact-area-contact-page .contact-formwrap .message { grid-column:auto} } .contact-area-contact-page .contact-formfield input { width:100%;height:40px;border:none;border-bottom:1px solid var(--primary);outline:none;background-color:transparent;transition:all 0.5s;color:var(--primary)} .contact-area-contact-page .contact-formfield input:focus { border-color:var(--primary)} .contact-area-contact-page .contact-formfield input::placeholder { color:var(--primary)} .contact-area-contact-page .contact-formfield input:-webkit-autofill,.contact-area-contact-page .contact-formfield input:-webkit-autofill:focus { transition:background-color 0s 600000s,color 0s 600000s !important} .contact-area-contact-page .contact-formfield select { width:100%;height:40px;border:none;border-bottom:1px solid var(--primary);outline:none;background-color:transparent;transition:all 0.5s;color:var(--primary)} .contact-area-contact-page .contact-formfield select:focus { border-color:var(--primary)} .contact-area-contact-page .contact-formfield select option { width:100%;max-width:100%} .dark .contact-area-contact-page .contact-formfield select option { background-color:var(--black)} .contact-area-contact-page .contact-formfield select option[disabled] { background-color:var(--black) !important} .contact-area-contact-page .submit-btn { margin-top:50px} @media only screen and (max-width:1399px) { .contact-area-contact-page .submit-btn { margin-top:40px} } .contact-area-contact-page .contact-formfield textarea { width:100%;min-height:110px;border:none;border-bottom:1px solid var(--primary);outline:none;background-color:transparent;transition:all 0.5s;color:var(--primary);padding:10px 0;line-height:1.4;resize:vertical;overflow:auto;box-shadow:none} .contact-area-contact-page .contact-formfield textarea:focus { border-color:var(--primary)} .contact-area-contact-page .contact-formfield textarea::placeholder { color:var(--primary)} .contact-area-contact-page .contact-formwrap .message { grid-column:span 2;margin-top:10px} @media only screen and (max-width:767px) { .contact-area-contact-page .contact-formwrap .message { grid-column:auto} } .faq-area-faq-page .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .faq-area-faq-page .section-header { padding-top:7px} } .faq-area-faq-page .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .faq-area-faq-page .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .faq-area-faq-page .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .faq-area-faq-page .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .faq-area-faq-page .section-title-wrapper { grid-template-columns:1fr} } .faq-area-faq-page .subtitle-wrapper { margin-top:8px} .faq-area-faq-page .section-title { max-width:1005px} @media only screen and (max-width:1919px) { .faq-area-faq-page .section-title { max-width:805px} } @media only screen and (max-width:1399px) { .faq-area-faq-page .section-title { max-width:605px} } .faq-area-faq-page .accordion-wrapper { max-width:1235px;margin-left:auto;margin-top:93px;margin-bottom:10px} @media only screen and (max-width:1919px) { .faq-area-faq-page .accordion-wrapper { margin-top:63px;max-width:1000px} } @media only screen and (max-width:1399px) { .faq-area-faq-page .accordion-wrapper { margin-top:43px;max-width:900px} } @media only screen and (max-width:1199px) { .faq-area-faq-page .accordion-wrapper { max-width:750px} } .faq-area-faq-page .accordion { border-top:1px solid var(--border);counter-reset:accordion} .faq-area-faq-page .accordion-button { font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);padding:30px 0 33px;border-radius:0 !important;background-color:transparent;outline:0;box-shadow:none} @media only screen and (max-width:1919px) { .faq-area-faq-page .accordion-button { padding:20px 0 23px;font-size:24px} } @media only screen and (max-width:767px) { .faq-area-faq-page .accordion-button { font-size:20px} } .faq-area-faq-page .accordion-button::after { content:"+";font-family:var(--font_awesome);background-image:none;width:auto;height:auto} .faq-area-faq-page .accordion-button:not(.collapsed) { pointer-events:none} .faq-area-faq-page .accordion-button:not(.collapsed)::after { content:"-"} .faq-area-faq-page .accordion-item { background-color:transparent;border:none;border-bottom:1px solid var(--border);position:relative;padding-left:130px;transition:all 0.5s} @media only screen and (max-width:991px) { .faq-area-faq-page .accordion-item { padding-left:80px} } @media only screen and (max-width:767px) { .faq-area-faq-page .accordion-item { padding-left:50px} } .faq-area-faq-page .accordion-item:before { counter-increment:accordion;content:counter(accordion,decimal-leading-zero);font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;position:absolute;top:30px;left:0;transition:all 0.5s;color:var(--primary)} @media only screen and (max-width:1919px) { .faq-area-faq-page .accordion-item:before { top:20px;font-size:24px} } @media only screen and (max-width:767px) { .faq-area-faq-page .accordion-item:before { font-size:20px} } .faq-area-faq-page .accordion-body { font-size:20px;font-weight:400;line-height:28px;color:var(--secondary);padding:4px 0 43px;border:none} .hero-area-service-details .service-meta { display:grid;gap:10px 60px;grid-template-columns:1fr 1045px;position:relative;margin-top:27px} @media only screen and (max-width:1919px) { .hero-area-service-details .service-meta { grid-template-columns:1fr 845px} } @media only screen and (max-width:1399px) { .hero-area-service-details .service-meta { grid-template-columns:1fr 645px} } @media only screen and (max-width:1199px) { .hero-area-service-details .service-meta { grid-template-columns:1fr 585px} } @media only screen and (max-width:991px) { .hero-area-service-details .service-meta { grid-template-columns:1fr} } .hero-area-service-details .service-meta .serial { font-size:18px;font-weight:400;line-height:20px;display:inline-block} .hero-area-service-details .service-meta .tag { font-size:18px;font-weight:400;line-height:20px;display:inline-block} .hero-area-service-details .service-meta .next-item { font-size:18px;font-weight:400;line-height:20px;display:inline-block;position:absolute;right:0;top:0} .hero-area-service-details .section-header { margin-top:84px;display:grid;grid-template-columns:1045px;justify-content:flex-end} @media only screen and (max-width:1919px) { .hero-area-service-details .section-header { grid-template-columns:845px;margin-top:64px} } @media only screen and (max-width:1399px) { .hero-area-service-details .section-header { grid-template-columns:645px} } @media only screen and (max-width:1199px) { .hero-area-service-details .section-header { grid-template-columns:585px;margin-top:44px} } @media only screen and (max-width:991px) { .hero-area-service-details .section-header { grid-template-columns:1fr} } .hero-area-service-details .section-content-wrapper { margin-top:94px;display:grid;gap:40px 60px;grid-template-columns:1fr 1045px} @media only screen and (max-width:1919px) { .hero-area-service-details .section-content-wrapper { grid-template-columns:1fr 845px;margin-top:64px} } @media only screen and (max-width:1399px) { .hero-area-service-details .section-content-wrapper { grid-template-columns:1fr 645px} } @media only screen and (max-width:1199px) { .hero-area-service-details .section-content-wrapper { grid-template-columns:1fr 585px;margin-top:44px} } @media only screen and (max-width:991px) { .hero-area-service-details .section-content-wrapper { grid-template-columns:1fr} } .hero-area-service-details .section-content .text { font-size:18px;font-weight:400;line-height:26px;max-width:420px} .hero-area-service-details .section-thumb img { width:100%} .hero-area-service-details .feature-list { margin-top:26px} .hero-area-service-details .feature-list li { font-size:18px;font-weight:400;line-height:26px;color:var(--primary);display:flex;align-items:center} .hero-area-service-details .feature-list li:before { content:"+";margin-right:5px} .approach-area-service-details-page .section-header { margin-top:32px} .approach-area-service-details-page .section-title-wrapper { display:grid;gap:20px 60px;grid-template-columns:1fr 1125px;align-items:flex-end} @media only screen and (max-width:1919px) { .approach-area-service-details-page .section-title-wrapper { grid-template-columns:1fr 905px} } @media only screen and (max-width:1399px) { .approach-area-service-details-page .section-title-wrapper { grid-template-columns:1fr 675px} } @media only screen and (max-width:1199px) { .approach-area-service-details-page .section-title-wrapper { grid-template-columns:1fr 575px} } @media only screen and (max-width:991px) { .approach-area-service-details-page .section-title-wrapper { grid-template-columns:1fr} } .approach-area-service-details-page .section-subtitle { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);text-transform:unset} @media only screen and (max-width:1919px) { .approach-area-service-details-page .section-subtitle { font-size:24px} } @media only screen and (max-width:991px) { .approach-area-service-details-page .section-subtitle { font-size:18px} .approach-area-service-details-page .section-subtitle br { display:none} } .approach-area-service-details-page .section-title { max-width:875px} @media (min-width:1200px) { .approach-area-service-details-page .section-title { font-size:50px;line-height:1} } .approach-area-service-details-page .approach-wrapper-box { margin-top:94px;display:grid;gap:20px 60px;grid-template-columns:1fr 1125px;align-items:flex-start;margin-bottom:50px} @media only screen and (max-width:1919px) { .approach-area-service-details-page .approach-wrapper-box { grid-template-columns:1fr 905px;margin-top:64px} } @media only screen and (max-width:1399px) { .approach-area-service-details-page .approach-wrapper-box { grid-template-columns:1fr 675px} } @media only screen and (max-width:1199px) { .approach-area-service-details-page .approach-wrapper-box { grid-template-columns:1fr 575px} } @media only screen and (max-width:991px) { .approach-area-service-details-page .approach-wrapper-box { grid-template-columns:1fr;margin-top:44px} } .approach-area-service-details-page .approach-wrapper-box .steps { font-family:var(--font_sequelsansromanbody);font-size:265px;font-weight:310;line-height:0.65;letter-spacing:-0.07em;color:var(--primary)} @media only screen and (max-width:1919px) { .approach-area-service-details-page .approach-wrapper-box .steps { font-size:205px} } @media only screen and (max-width:1399px) { .approach-area-service-details-page .approach-wrapper-box .steps { font-size:165px} } @media only screen and (max-width:991px) { .approach-area-service-details-page .approach-wrapper-box .steps { display:none} } .approach-area-service-details-page .approach-wrapper { border-top:1px dashed #878482} .approach-area-service-details-page .approach-box { display:grid;gap:10px 50px;grid-template-columns:60px 1fr 595px;align-items:flex-start;padding-top:24px;padding-bottom:24px;border-bottom:1px dashed #878482} @media only screen and (max-width:1919px) { .approach-area-service-details-page .approach-box { grid-template-columns:60px 1fr 395px} } @media only screen and (max-width:1399px) { .approach-area-service-details-page .approach-box { grid-template-columns:60px 1fr} } @media only screen and (max-width:991px) { .approach-area-service-details-page .approach-box { gap:10px 30px} } @media (max-width:575px) { .approach-area-service-details-page .approach-box { grid-template-columns:30px 1fr} } .approach-area-service-details-page .approach-box .number { font-size:18px;font-weight:400;line-height:26px;color:var(--primary)} @media only screen and (max-width:1399px) { .approach-area-service-details-page .approach-box .number { grid-row:span 2} } .approach-area-service-details-page .approach-box .title { font-size:30px;font-weight:310;line-height:30px;letter-spacing:-0.07em} @media only screen and (max-width:1919px) { .approach-area-service-details-page .approach-box .title { font-size:24px} } .approach-area-service-details-page .approach-box .text { font-size:18px;font-weight:400;line-height:26px} .feature-area { background-color:var(--bg)} .feature-area .features-wrapper-box { margin-top:44px} .feature-area .features-wrapper { display:grid;gap:60px 60px;grid-template-columns:repeat(4,1fr);overflow:hidden} @media only screen and (max-width:1919px) { .feature-area .features-wrapper { gap:60px 40px} } @media only screen and (max-width:1199px) { .feature-area .features-wrapper { grid-template-columns:repeat(2,1fr)} } @media only screen and (max-width:767px) { .feature-area .features-wrapper { grid-template-columns:repeat(1,1fr)} } .feature-area .features-wrapper>*:nth-child(2n) .thumb { order:2} @media only screen and (max-width:1199px) { .feature-area .features-wrapper>*:nth-child(2n) .thumb { order:unset} } .feature-area .feature-box { position:relative;display:grid;gap:175px} @media only screen and (max-width:1919px) { .feature-area .feature-box { gap:95px} } @media only screen and (max-width:1399px) { .feature-area .feature-box { gap:75px} } @media only screen and (max-width:1199px) { .feature-area .feature-box { gap:45px} } .feature-area .feature-box:before { position:absolute;content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.1);top:0;left:-30px} @media only screen and (max-width:1919px) { .feature-area .feature-box:before { left:-20px} } .feature-area .feature-box .thumb img { height:80px} @media only screen and (max-width:1919px) { .feature-area .feature-box .thumb img { height:60px} } .feature-area .feature-box .title { font-size:30px;font-weight:310;line-height:1;letter-spacing:-0.07em;color:var(--white)} @media only screen and (max-width:1919px) { .feature-area .feature-box .title { font-size:24px} } .feature-area .feature-box .text { font-size:20px;font-weight:400;line-height:28px;color:var(--white-2);margin-top:30px} @media only screen and (max-width:1919px) { .feature-area .feature-box .text { font-size:18px;margin-top:20px} } .value-area { background-color:var(--bg)} .value-area .section-content-wrapper { margin-top:32px;margin-bottom:45px;display:grid;gap:40px 60px;grid-template-columns:605px 905px;justify-content:space-between;align-items:flex-start} @media only screen and (max-width:1919px) { .value-area .section-content-wrapper { grid-template-columns:1fr 770px} } @media only screen and (max-width:1199px) { .value-area .section-content-wrapper { grid-template-columns:1fr} } .value-area .section-thumb { margin-top:11px;max-width:660px} .value-area .section-thumb img { width:100%} .value-area .section-title { letter-spacing:-0.07em;color:var(--white);max-width:660px} @media (min-width:1200px) { .value-area .section-title { font-size:50px;font-weight:315;line-height:55px} } .value-area .values-wrapper { margin-top:56px} @media only screen and (max-width:991px) { .value-area .values-wrapper { margin-top:36px} } .value-area .value-box { display:grid;gap:20px 80px;grid-template-columns:330px 1fr} @media only screen and (max-width:1919px) { .value-area .value-box { grid-template-columns:230px 1fr} } @media only screen and (max-width:991px) { .value-area .value-box { grid-template-columns:130px 1fr} } @media only screen and (max-width:767px) { .value-area .value-box { grid-template-columns:1fr} } .value-area .value-box:not(:first-child) { margin-top:68px} @media only screen and (max-width:991px) { .value-area .value-box:not(:first-child) { margin-top:38px} } .value-area .value-box .number { font-size:100px;font-weight:310;line-height:0.9;letter-spacing:-0.07em;color:var(--white);padding-top:17px;border-top:1px solid rgba(252,247,243,0.2);margin-top:6px} @media only screen and (max-width:1919px) { .value-area .value-box .number { font-size:80px} } @media only screen and (max-width:1399px) { .value-area .value-box .number { font-size:60px} } @media only screen and (max-width:1199px) { .value-area .value-box .number { font-size:50px} } @media only screen and (max-width:991px) { .value-area .value-box .number { font-size:40px} } @media only screen and (max-width:767px) { .value-area .value-box .number { font-size:35px} } .value-area .value-box .text { font-size:20px;font-weight:400;line-height:26px;color:var(--white-2)} .value-area .value-box .number.smaller { font-size:60px} @media only screen and (max-width:1919px) { .value-area .value-box .text { font-size:18px} .value-area .value-box .number.smaller { font-size:50px} } @media only screen and (max-width:1399px) { .value-area .value-box .number.smaller { font-size:40px} } @media only screen and (max-width:1199px) { .value-area .value-box .number.smaller { font-size:32px} } @media only screen and (max-width:991px) { .value-area .value-box .number.smaller { font-size:28px} } @media only screen and (max-width:767px) { .value-area .value-box .number.smaller { font-size:24px} } .faq-area .section-header { margin-top:50px;border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .faq-area .section-header { margin-top:10px;padding-top:7px} } .faq-area .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .faq-area .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .faq-area .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .faq-area .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .faq-area .section-title-wrapper { grid-template-columns:1fr} } .faq-area .subtitle-wrapper { margin-top:8px} .faq-area .section-title { max-width:1005px} @media only screen and (max-width:1919px) { .faq-area .section-title { max-width:905px} } @media only screen and (max-width:1399px) { .faq-area .section-title { max-width:705px} } .faq-area .accordion-wrapper { max-width:1235px;margin-left:auto;margin-top:93px;margin-bottom:10px} @media only screen and (max-width:1919px) { .faq-area .accordion-wrapper { margin-top:63px;max-width:1000px} } @media only screen and (max-width:1399px) { .faq-area .accordion-wrapper { margin-top:43px;max-width:850px} } @media only screen and (max-width:1199px) { .faq-area .accordion-wrapper { max-width:750px} } .faq-area .accordion { border-top:1px solid var(--border);counter-reset:accordion} .faq-area .accordion-button { font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);padding:30px 0 33px;border-radius:0 !important;background-color:transparent;outline:0;box-shadow:none} @media only screen and (max-width:1919px) { .faq-area .accordion-button { padding:20px 0 23px;font-size:24px} } @media only screen and (max-width:767px) { .faq-area .accordion-button { font-size:20px} } .faq-area .accordion-button::after { content:"+";font-family:var(--font_awesome);background-image:none;width:auto;height:auto} .faq-area .accordion-button:not(.collapsed) { pointer-events:none} .faq-area .accordion-button:not(.collapsed)::after { content:"-"} .faq-area .accordion-item { background-color:transparent;border:none;border-bottom:1px solid var(--border);position:relative;padding-left:130px;transition:all 0.5s} @media only screen and (max-width:991px) { .faq-area .accordion-item { padding-left:80px} } @media only screen and (max-width:767px) { .faq-area .accordion-item { padding-left:50px} } .faq-area .accordion-item:before { counter-increment:accordion;content:counter(accordion,decimal-leading-zero);font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:1.16;letter-spacing:-0.07em;color:var(--primary);position:absolute;top:30px;left:0;transition:all 0.5s} @media only screen and (max-width:1919px) { .faq-area .accordion-item:before { top:20px;font-size:24px} } @media only screen and (max-width:767px) { .faq-area .accordion-item:before { font-size:20px} } .faq-area .accordion-body { font-size:20px;font-weight:400;line-height:28px;color:var(--secondary);padding:4px 0 43px;border:none} .service-area-service-page .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .service-area-service-page .section-header { padding-top:7px} } .service-area-service-page .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .service-area-service-page .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .service-area-service-page .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .service-area-service-page .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .service-area-service-page .section-title-wrapper { grid-template-columns:1fr} } .service-area-service-page .subtitle-wrapper { margin-top:8px} .service-area-service-page .section-title { max-width:800px} @media only screen and (max-width:1919px) { .service-area-service-page .section-title { max-width:700px} } @media only screen and (max-width:1399px) { .service-area-service-page .section-title { max-width:500px} } .service-area-service-page .services-wrapper-box { margin-top:94px} @media only screen and (max-width:1919px) { .service-area-service-page .services-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .service-area-service-page .services-wrapper-box { margin-top:44px} } .service-area-service-page .service-content-wrapper { background-color:transparent} .service-area-service-page .service-content-wrapper .service-content .text.text-invert>div { background-image:linear-gradient(to right,rgb(17,17,17) 50%,rgba(17,17,17,0.3) 51%)} .dark .service-area-service-page .service-content-wrapper .service-content .text.text-invert>div { background-image:linear-gradient(to right,rgb(255,255,255) 50%,rgba(255,255,255,0.3) 51%)} .service-area-service-page .services-wrapper-2 .service-box { background-color:var(--white);border-color:var(--border)} .dark .service-area-service-page .services-wrapper-2 .service-box { background-color:var(--black)} .service-area-service-page .services-wrapper-2 .service-box:last-child { border-color:var(--border)} .service-area-service-page .services-wrapper-2 .service-box-wrapper { background-color:var(--border)} .service-area-service-page .services-wrapper-2 .service-box .number { color:var(--primary)} .service-area-service-page .services-wrapper-2 .service-box .title { color:var(--primary)} .service-area-service-page .services-wrapper-2 .service-box .text { color:var(--primary)} .service-area-service-page .capabilities-area-2 .capability-box .title { font-family:var(--font_thunder);font-size:100px;font-weight:400;line-height:0.85;text-transform:uppercase} .client-area-service-page .section-title { max-width:1430px} @media only screen and (max-width:1919px) { .client-area-service-page .section-title { max-width:1130px} } .client-area-service-page .section-title span { color:var(--primary)} .client-area-service-page .section-content { margin-top:20px} .client-area-service-page .section-content .text-wrapper { max-width:505px;margin-top:133px;margin-left:545px} @media only screen and (max-width:1919px) { .client-area-service-page .section-content .text-wrapper { margin-top:83px} } @media only screen and (max-width:1399px) { .client-area-service-page .section-content .text-wrapper { margin-top:63px;margin-left:345px} } @media only screen and (max-width:991px) { .client-area-service-page .section-content .text-wrapper { margin-top:43px;margin-left:auto} } @media only screen and (max-width:767px) { .client-area-service-page .section-content .text-wrapper { max-width:100%;margin-top:23px} } .client-area-service-page .client-capsule-wrapper { position:relative;overflow:hidden;pointer-events:none;margin-top:-200px;height:633px} @media only screen and (max-width:1919px) { .client-area-service-page .client-capsule-wrapper { height:533px} } @media only screen and (max-width:1399px) { .client-area-service-page .client-capsule-wrapper { height:483px} } @media only screen and (max-width:991px) { .client-area-service-page .client-capsule-wrapper { height:433px} } .client-area-service-page .client-capsule-wrapper>* { position:absolute;display:inline-block;margin-bottom:0;left:0;top:0;user-select:none;pointer-events:auto;transition:none} .client-area-service-page .client-box { width:215px;height:100px;padding:10px 20px;background-color:var(--primary);display:inline-flex;justify-content:center;align-items:center;border-radius:100px;transform:translate(-50%,-50%) rotate(0rad)} @media only screen and (max-width:1919px) { .client-area-service-page .client-box { width:165px;height:70px} } @media only screen and (max-width:1399px) { .client-area-service-page .client-box { width:135px;height:50px} } @media only screen and (max-width:991px) { .client-area-service-page .client-box { width:105px;height:40px} } @media only screen and (max-width:767px) { .client-area-service-page .client-box { width:85px;height:30px} } .client-area-service-page .client-box img { pointer-events:none;max-width:100%;max-height:100%} .client-area-service-page .line { border-bottom:1px solid var(--primary)} .client-area-service-page .lines-wrapper { display:grid;gap:5px 0} @media only screen and (max-width:1399px) { .client-area-service-page .lines-wrapper { gap:3px 0} } @media only screen and (max-width:767px) { .client-area-service-page .lines-wrapper { gap:1px 0} } .team-details-area .section-content-wrapper { margin-top:17px;display:grid;gap:40px 60px;grid-template-columns:590px 600px;justify-content:space-between} @media only screen and (max-width:1399px) { .team-details-area .section-content-wrapper { grid-template-columns:1fr 500px} } @media only screen and (max-width:1199px) { .team-details-area .section-content-wrapper { grid-template-columns:1fr 430px} } @media only screen and (max-width:991px) { .team-details-area .section-content-wrapper { grid-template-columns:1fr} } .team-details-area .team-thumb { margin-top:13px;order:2} @media only screen and (max-width:991px) { .team-details-area .team-thumb { order:unset;max-width:500px} } .team-details-area .team-thumb img { width:100%} .team-details-area .section-subtitle { font-family:var(--font_sequelsansromanbody);font-size:30px;font-weight:310;line-height:0.93;letter-spacing:-0.07em;color:var(--primary);text-transform:unset} @media only screen and (max-width:1399px) { .team-details-area .section-subtitle { font-size:24px} } @media only screen and (max-width:991px) { .team-details-area .section-subtitle { font-size:22px} } .team-details-area .subtitle-wrapper { margin-top:29px} @media only screen and (max-width:1399px) { .team-details-area .subtitle-wrapper { margin-top:19px} } .team-details-area .section-content .text-wrapper { margin-top:51px} @media only screen and (max-width:1399px) { .team-details-area .section-content .text-wrapper { margin-top:41px} } @media only screen and (max-width:991px) { .team-details-area .section-content .text-wrapper { margin-top:31px} } .team-details-area .section-content .text { font-size:20px;font-weight:400;line-height:28px} .team-details-area .section-content .text:not(:first-child) { margin-top:28px} .team-details-area .social-links { margin-top:53px;border-top:1px dashed #878482;display:grid} .dark .team-details-area .social-links { border-color:#6F6D6C} @media only screen and (max-width:1399px) { .team-details-area .social-links { margin-top:43px} } @media only screen and (max-width:991px) { .team-details-area .social-links { margin-top:33px} } .team-details-area .social-links a { font-size:20px;font-weight:400;line-height:28px;color:var(--primary);display:flex;align-items:center;border-bottom:1px dashed #878482;padding:11px 0;transition:all 0.5s} .dark .team-details-area .social-links a { border-color:#6F6D6C} .team-details-area .social-links a:hover { background-color:#F7F7FA;padding-left:20px} .dark .team-details-area .social-links a:hover { background-color:#171717} .team-details-area .social-links a:before { content:"+";margin-right:6px} .team-area-team-page .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .team-area-team-page .section-header { padding-top:7px} } .team-area-team-page .section-title-wrapper { display:grid;gap:20px 60px;grid-template-columns:325px 1fr} @media only screen and (max-width:1919px) { .team-area-team-page .section-title-wrapper { grid-template-columns:275px 1fr} } @media only screen and (max-width:991px) { .team-area-team-page .section-title-wrapper { grid-template-columns:1fr} } .team-area-team-page .subtitle-wrapper { margin-top:8px} .team-area-team-page .section-title { max-width:530px} @media only screen and (max-width:1919px) { .team-area-team-page .section-title { max-width:430px} } @media only screen and (max-width:1399px) { .team-area-team-page .section-title { max-width:350px} } .team-area-team-page .team-info { margin-top:13px} .team-area-team-page .team-info .team-group { display:inline-flex;align-items:center} .team-area-team-page .team-info .team-group img { width:60px;height:60px;border-radius:50%;outline:3px solid var(--white)} .dark .team-area-team-page .team-info .team-group img { outline-color:var(--black)} @media only screen and (max-width:1919px) { .team-area-team-page .team-info .team-group img { width:50px;height:50px} } .team-area-team-page .team-info .team-group img:not(:first-child) { margin-left:-10px} .team-area-team-page .team-info .text { font-size:18px;font-weight:400;line-height:20px;max-width:275px} .team-area-team-page .team-info .text span { font-weight:500;color:var(--primary)} .team-area-team-page .team-info .text-wrapper { margin-top:16px} .team-area-team-page .title-wrapper .text { font-size:20px;font-weight:400;line-height:28px;max-width:580px;margin-top:54px} @media only screen and (max-width:1919px) { .team-area-team-page .title-wrapper .text { margin-top:44px} } @media only screen and (max-width:1399px) { .team-area-team-page .title-wrapper .text { margin-top:24px} } .cta-area-team-page .section-content { margin-top:32px;text-align:center} .cta-area-team-page .section-content .btn-wrapper { margin-top:45px;margin-bottom:1px} @media only screen and (max-width:1199px) { .cta-area-team-page .section-content .btn-wrapper { margin-top:35px} } .cta-area-team-page .section-title { max-width:920px;margin-inline:auto} @media (min-width:1200px) { .cta-area-team-page .section-title { font-size:50px;line-height:50px} } .team-list-area .team-box { border-bottom:1px solid #E1E1E1;padding-top:20px;padding-bottom:20px;display:grid;gap:15px 25px;grid-template-columns:100px 1fr 960px auto;align-items:center;justify-content:space-between;transition:all 0.5s} .dark .team-list-area .team-box { border-color:#292929} @media only screen and (max-width:1919px) { .team-list-area .team-box { grid-template-columns:100px 1fr 560px auto} } @media only screen and (max-width:1199px) { .team-list-area .team-box { grid-template-columns:100px 1fr 310px auto} } @media only screen and (max-width:991px) { .team-list-area .team-box { grid-template-columns:80px 1fr 210px auto} } @media only screen and (max-width:767px) { .team-list-area .team-box { grid-template-columns:1fr 1fr auto} } .team-list-area .team-box:hover { background-color:#FAFAFA} .dark .team-list-area .team-box:hover { background-color:#1D1C1C} .team-list-area .team-box:hover .thumb { transform:translateX(20px)} .team-list-area .team-box:hover .name { transform:translateX(20px)} .team-list-area .team-box:hover .t-btn-normal { transform:translateX(-20px)} .team-list-area .team-box .thumb { width:100px;height:100px;border-radius:50%;overflow:hidden;transition:all 0.5s} @media only screen and (max-width:991px) { .team-list-area .team-box .thumb { width:80px;height:80px} } @media only screen and (max-width:767px) { .team-list-area .team-box .thumb { grid-column:span 3} } .team-list-area .team-box .thumb img { width:100%} .team-list-area .team-box .name { font-size:30px;font-weight:310;line-height:1;letter-spacing:-0.07em;transition:all 0.5s} @media only screen and (max-width:1399px) { .team-list-area .team-box .name { font-size:24px} } .team-list-area .team-box .post { font-size:16px;font-weight:400;line-height:16px;display:inline-block} .team-list-area .team-wrapper-box { margin-top:90px} @media only screen and (max-width:1399px) { .team-list-area .team-wrapper-box { margin-top:70px} } .team-list-area .team-wrapper { border-top:1px solid #E1E1E1} .dark .team-list-area .team-wrapper { border-color:#292929} .team-area .section-header { margin-top:59px;display:grid;gap:20px 20px;grid-template-columns:1fr 1fr;align-items:flex-end} @media only screen and (max-width:991px) { .team-area .section-header { grid-template-columns:1fr} } .team-area .section-header .text { font-size:20px;font-weight:400;line-height:28px;max-width:375px} .team-area .section-header .section-title-wrapper { order:2} @media only screen and (max-width:991px) { .team-area .section-header .section-title-wrapper { order:unset} } .team-area .team-wrapper-box { margin-top:94px} @media only screen and (max-width:1919px) { .team-area .team-wrapper-box { margin-top:64px} } @media only screen and (max-width:991px) { .team-area .team-wrapper-box { margin-top:44px} } .team-area .team-wrapper { display:grid;gap:40px 20px;grid-template-columns:repeat(4,1fr)} @media only screen and (max-width:991px) { .team-area .team-wrapper { grid-template-columns:repeat(2,1fr)} } @media (max-width:575px) { .team-area .team-wrapper { grid-template-columns:repeat(1,1fr)} } .team-area .team-box:hover .thumb img { transform:scale(1.1)} .team-area .team-box .thumb { overflow:hidden} .team-area .team-box .thumb img { width:100%;transition:all 0.5s} .team-area .team-box .name { font-size:30px;font-weight:310;line-height:1;letter-spacing:-0.07em} @media only screen and (max-width:1919px) { .team-area .team-box .name { font-size:24px} } .team-area .team-box .post { font-size:16px;font-weight:400;line-height:30px;display:inline-block;margin-top:3px} .team-area .team-box .content { margin-top:19px} .work-details-area .section-header { margin-top:17px} .work-details-area .section-title-wrapper { display:grid;gap:20px 29px;grid-template-columns:315px 1fr} @media only screen and (max-width:1919px) { .work-details-area .section-title-wrapper { grid-template-columns:245px 1fr} } @media only screen and (max-width:1399px) { .work-details-area .section-title-wrapper { grid-template-columns:195px 1fr} } @media only screen and (max-width:1199px) { .work-details-area .section-title-wrapper { align-items:center} } @media only screen and (max-width:767px) { .work-details-area .section-title-wrapper { grid-template-columns:1fr} } .work-details-area .section-title-wrapper .title-thumb { border-radius:20px;overflow:hidden;display:inline-block;margin-top:13px;max-width:315px} @media only screen and (max-width:1399px) { .work-details-area .section-title-wrapper .title-thumb { margin-top:5px} } .work-details-area .meta-wrapper { margin-top:51px;display:grid;gap:30px 60px;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:95px} @media only screen and (max-width:1919px) { .work-details-area .meta-wrapper { margin-top:41px;margin-bottom:65px} } @media only screen and (max-width:1199px) { .work-details-area .meta-wrapper { gap:30px 40px;margin-top:31px;margin-bottom:45px} } @media only screen and (max-width:991px) { .work-details-area .meta-wrapper { grid-template-columns:1fr 1fr} } .work-details-area .meta-item { border-top:1px solid var(--border);padding-top:14px} .work-details-area .meta-item .title { font-size:18px;font-weight:400;line-height:25px} .work-details-area .meta-item .text { font-size:18px;font-weight:400;line-height:25px;color:var(--primary);margin-top:4px} .work-details-area .section-info { margin-top:59px;margin-bottom:93px;display:grid;gap:20px 60px;grid-template-columns:1fr 825px} @media only screen and (max-width:1919px) { .work-details-area .section-info { margin-top:49px;margin-bottom:63px} } @media only screen and (max-width:1399px) { .work-details-area .section-info { grid-template-columns:1fr 650px} } @media only screen and (max-width:1199px) { .work-details-area .section-info { grid-template-columns:1fr 550px;margin-top:29px;margin-bottom:43px} } @media only screen and (max-width:991px) { .work-details-area .section-info { grid-template-columns:1fr} } .work-details-area .section-info .title { font-size:50px;font-weight:310;line-height:1;letter-spacing:-0.07em;max-width:440px} @media only screen and (max-width:1919px) { .work-details-area .section-info .title { font-size:38px;max-width:340px} } @media (max-width:575px) { .work-details-area .section-info .title { font-size:28px} } .work-details-area .section-info .content { margin-top:2px} .work-details-area .section-info .text { font-size:20px;font-weight:400;line-height:28px} .work-details-area .section-info .feature-list { margin-top:28px} .work-details-area .section-info .feature-list li { font-size:20px;font-weight:400;line-height:28px;color:var(--primary);position:relative;display:flex;align-items:center} .work-details-area .section-info .feature-list li:before { content:"+";margin-right:6px} .work-details-area .gallery-wrapper { padding:0 50px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr} @media only screen and (max-width:1199px) { .work-details-area .gallery-wrapper { padding:0 10px} } .work-details-area .gallery-wrapper>*:nth-child(1) { grid-column:span 2} .work-details-area .gallery-wrapper>*:nth-child(3) { grid-column:span 3} .work-details-area .gallery-wrapper .image { border-radius:20px} @media only screen and (max-width:767px) { .work-details-area .gallery-wrapper .image { border-radius:5px} } .work-details-area .details-info .title { font-size:30px;font-weight:310;line-height:27px;letter-spacing:-0.08em} @media only screen and (max-width:1199px) { .work-details-area .details-info .title { font-size:24px} } .work-details-area .details-info .text { font-size:20px;font-weight:400;line-height:28px;margin-top:16px} @media only screen and (max-width:1199px) { .work-details-area .details-info .text { font-size:18px} } .work-details-area .section-details { margin-top:41px;margin-bottom:93px;display:grid;gap:30px 60px;grid-template-columns:1fr 1fr;max-width:1120px;margin-left:auto} @media only screen and (max-width:1919px) { .work-details-area .section-details { margin-top:41px;margin-bottom:63px} } @media only screen and (max-width:1199px) { .work-details-area .section-details { margin-top:31px;margin-bottom:43px} } @media only screen and (max-width:767px) { .work-details-area .section-details { grid-template-columns:1fr} } .work-details-area .gallery-wrapper-2 { padding:0 50px;display:grid;gap:10px;grid-template-columns:1fr} @media only screen and (max-width:1199px) { .work-details-area .gallery-wrapper-2 { padding:0 10px} } .work-details-area .gallery-wrapper-2 .image { border-radius:20px} @media only screen and (max-width:767px) { .work-details-area .gallery-wrapper-2 .image { border-radius:5px} } .work-details-area .pagination { display:flex;gap:10px;justify-content:center;margin-bottom:1px} .work-details-area .pagination a { border:1px solid var(--border);width:170px;height:90px;display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:90px;color:var(--primary)} @media only screen and (max-width:1919px) { .work-details-area .pagination a { width:150px;height:70px} } @media only screen and (max-width:1199px) { .work-details-area .pagination a { width:120px;height:50px} } .work-details-area .pagination a:hover { background-color:var(--primary);border-color:transparent;color:var(--white)} .dark .work-details-area .pagination a:hover { color:var(--black)} .work-details-area .pagination a:hover svg * { fill:var(--white)} .dark .work-details-area .pagination a:hover svg * { fill:var(--black)} .work-details-area .pagination a svg * { fill:var(--primary)} .work-area-work-page .section-header { border-top:1px solid var(--border);padding-top:37px} @media only screen and (max-width:991px) { .work-area-work-page .section-header { padding-top:7px} } .work-area-work-page .section-title-wrapper { display:grid;gap:15px 60px;grid-template-columns:1fr 1235px} @media only screen and (max-width:1919px) { .work-area-work-page .section-title-wrapper { grid-template-columns:1fr 1000px} } @media only screen and (max-width:1399px) { .work-area-work-page .section-title-wrapper { grid-template-columns:1fr 850px} } @media only screen and (max-width:1199px) { .work-area-work-page .section-title-wrapper { grid-template-columns:1fr 750px} } @media only screen and (max-width:991px) { .work-area-work-page .section-title-wrapper { grid-template-columns:1fr} } .work-area-work-page .subtitle-wrapper { margin-top:8px} .work-area-work-page .section-title { max-width:800px} @media only screen and (max-width:1919px) { .work-area-work-page .section-title { max-width:700px} } @media only screen and (max-width:1399px) { .work-area-work-page .section-title { max-width:640px} } .work-area-work-page .section-content .text { font-size:18px;font-weight:400;line-height:26px;max-width:490px} .work-area-work-page .info-list li { font-size:18px;font-weight:400;line-height:26px;position:relative;display:flex;align-items:center} .work-area-work-page .info-list li:before { content:"+";margin-right:5px} .work-area-work-page .section-content-wrapper { margin-top:84px;margin-bottom:93px;max-width:1235px;margin-left:auto;display:grid;gap:20px 60px;grid-template-columns:200px 1fr} @media only screen and (max-width:1919px) { .work-area-work-page .section-content-wrapper { margin-top:54px;margin-bottom:53px;max-width:1000px} } @media only screen and (max-width:1399px) { .work-area-work-page .section-content-wrapper { margin-top:44px;max-width:900px} } @media only screen and (max-width:1199px) { .work-area-work-page .section-content-wrapper { margin-bottom:43px;max-width:750px} } @media only screen and (max-width:991px) { .work-area-work-page .section-content-wrapper { grid-template-columns:1fr} } .work-area-work-page .works-wrapper-box .container.large { max-width:1850px} @media (min-width:992px) { .work-area-work-page .work-area-2-inner { padding-top:0px !important} } .works-wrapper-8 { display:grid;gap:68px 20px;grid-template-columns:repeat(2,1fr)} @media only screen and (max-width:1919px) { .works-wrapper-8 { gap:48px 20px} } @media only screen and (max-width:767px) { .works-wrapper-8 { gap:38px 20px} } @media (max-width:575px) { .works-wrapper-8 { grid-template-columns:repeat(1,1fr)} } .works-wrapper-8>* .image { transform-origin:bottom right} .works-wrapper-8>*:nth-child(2n) .image { transform-origin:bottom left} .works-wrapper-8 .work-box .thumb { overflow:hidden;position:relative;border-radius:20px} .works-wrapper-8 .work-box .thumb:hover .t-btn { opacity:1} .works-wrapper-8 .work-box .thumb .image { overflow:hidden;position:relative;border-radius:20px;transform:scale(0.9)} .works-wrapper-8 .work-box .thumb .image img { transform-origin:center} .works-wrapper-8 .work-box .thumb img { width:100%;cursor:none} .works-wrapper-8 .work-box .thumb .t-btn { font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.02em;padding:10px 20px;display:inline-block;background-color:white;color:var(--black);border-radius:50px;position:absolute;top:0;left:0;opacity:0;margin:-25px 0 0 -65px;transition:opacity 0.3s,transform 0.7s cubic-bezier(0.23,1,0.32,1),-webkit-transform 0.7s cubic-bezier(0.23,1,0.32,1);pointer-events:none} .works-wrapper-8 .work-box .content { margin-top:14px} .works-wrapper-8 .work-box .title { font-size:30px;font-weight:310;line-height:1;letter-spacing:-0.08em} @media only screen and (max-width:1199px) { .works-wrapper-8 .work-box .title { font-size:22px} } @media only screen and (max-width:767px) { .works-wrapper-8 .work-box .title { font-size:20px} } .works-wrapper-8 .work-box .meta { display:flex;gap:5px;align-items:center;margin-top:10px} .works-wrapper-8 .work-box .meta span { font-size:14px;font-weight:400;line-height:1;display:flex;align-items:center} .works-wrapper-8 .work-box .meta span:not(:first-child):before { content:"";width:10px;height:1px;background-color:currentColor;display:inline-block;margin-inline-end:5px} .header-area { position:absolute;top:0;left:0;width:100%} .header-area__inner { display:flex;align-items:center;gap:0px;position:relative;height:100px} @media only screen and (max-width:1199px) { .header-area__inner { height:70px;gap:20px} } .header-area__inner>*:nth-child(2) { margin-inline-end:auto} @media (min-width:1800px) { .header-area .container.large { max-width:1750px} } .header-area .sticky,.header-area .transformed { background-color:#F9E6DC} .header-area .header__logo { border:1px solid var(--border);padding:17px 30px;border-radius:60px} @media only screen and (max-width:1199px) { .header-area .header__logo { padding:0;border:0} } .header-area .header__logo img { max-width:95px} .header-area .header__nav { border:1px solid var(--border);border-radius:60px;padding:0 13px} @media only screen and (max-width:1199px) { .header-area .header__nav { padding:0;border:0} } .header-area .main-menu li a { font-size:16px;font-weight:400;padding:21px 17px} .header-area .main-menu li a:hover { color:var(--action)} .header-area .search-icon { color:var(--primary)} @media (max-width:575px) { .header-area .header__meta { display:none} } @media (max-width:575px) { .header-area .header__button { display:none} } .header-area .rr-btn { font-size:16px;padding:22px 38px;letter-spacing:-0.04em} @media only screen and (max-width:1199px) { .header-area .rr-btn { padding:17px 33px} } .header-area .header__navicon i { font-size:22px;color:var(--primary)} .header-area-7 .header__button .rr-btn { font-size:16px;padding:16px 28px;letter-spacing:-0.04em} @media (max-width:575px) { .header-area-7 .header__button { display:none} } .header-area-7 .header__button .rr-btn::before { background-color:var(--rr-common-white)} .header-area-7 .header__button .rr-btn:hover .btn-wrap .text-two,.header-area-7 .header__button .rr-btn:focus .btn-wrap .text-two { color:var(--rr-common-black)} .header-area-2 { position:absolute;top:0;left:0;width:100%} .header-area-2__inner { display:flex;align-items:center;gap:10px;position:relative;height:80px} @media only screen and (max-width:1199px) { .header-area-2__inner { height:70px;gap:10px} } .header-area-2__inner>*:nth-child(1) { margin-inline-end:auto} .header-area-2 .sticky,.header-area-2 .transformed { background-color:#FCF7F3} .dark .header-area-2 .header__logo .light-logo { display:none} .header-area-2 .header__logo .dark-logo { display:none} .dark .header-area-2 .header__logo .dark-logo { display:block} .header-area-2 .header__logo img { max-width:120px} .header-area-2 .header__nav { margin-right:-50%} .header-area-2 .main-menu li a { font-size:16px;font-weight:400;padding:21px 17px} .header-area-2 .main-menu li a:hover { color:var(--action)} .header-area-2 .search-icon { color:var(--primary)} @media (max-width:575px) { .header-area-2 .header__meta { display:none} } @media (max-width:575px) { .header-area-2 .header__button { display:none} } .header-area-2 .rr-btn { padding:16px 28px;font-size:16px;letter-spacing:-0.04em} .header-area-2 .side-toggle { width:50px;height:50px;background-color:#F1E8E1;border-radius:50%} .header-area-2 .side-toggle i { font-size:22px} .header-area-3 { position:absolute;top:0;left:0;width:100%} .header-area-3__inner { display:flex;align-items:flex-start;gap:10px;position:relative;padding-top:35px} @media only screen and (max-width:1199px) { .header-area-3__inner { padding-top:25px} } .header-area-3__inner>*:nth-child(1) { margin-inline-end:auto} @media (min-width:1850px) { .header-area-3 .container.large { max-width:1850px} } .header-area-3 .header__logo img { max-width:120px} .header-area-3 .menu li a { font-size:18px;font-weight:400;line-height:22px;padding:0 0;color:var(--primary)} .header-area-3 .menu li a:hover { color:var(--secondary)} .header-area-3 .menu>ul { display:block} .header-area-3 .main-menu ul:hover li { opacity:0.3} .header-area-3 .main-menu ul li { font-size:22px;line-height:30px;color:var(--primary);transition-property:opacity;transition-duration:500ms} .header-area-3 .main-menu ul li:hover { opacity:1} .header-area-3 .main-menu ul li:hover a strong { opacity:1;top:-23px} .header-area-3 .main-menu ul li a strong { opacity:0;transition-property:opacity,top;transition-duration:250ms} .header-area-3 .side-toggle { width:50px;height:50px;background-color:#F1E8E1;border-radius:50%} .header-area-3 .side-toggle i { font-size:22px} .header-area-4 { position:absolute;top:30px;left:0;width:100%} .header-area-4__inner { display:flex;border-top:1px solid var(--black);padding-top:20px;gap:10px;position:relative;height:80px} @media only screen and (max-width:1199px) { .header-area-4__inner { height:70px;gap:10px} } .header-area-4__inner>*:nth-child(1) { margin-inline-end:auto} @media (min-width:1650px) { .header-area-4 .container.large { max-width:1650px} } .header-area-4 .header__logo img { max-width:120px} .header-area-4 .header__middel { margin-right:320px} @media only screen and (max-width:1199px) { .header-area-4 .header__middel { margin-left:100px} } @media only screen and (max-width:991px) { .header-area-4 .header__middel { display:none} } .header-area-4 .header__middel p { text-transform:uppercase;color:var(--black);font-size:14px;font-weight:500;line-height:16px} .header-area-4 .main-menu li a { font-size:16px;font-weight:400;padding:21px 17px} .header-area-4 .main-menu li a:hover { color:var(--action)} .header-area-4 .search-icon { color:var(--primary)} @media (max-width:575px) { .header-area-4 .header__meta { display:none} } .header-area-4 .header__navicon button { text-transform:uppercase} .header-area-5 { position:absolute;top:0;left:0;width:100%} .header-area-5__inner { display:flex;align-items:center;gap:10px;position:relative;border-bottom:1px solid var(--border)} @media only screen and (max-width:1199px) { .header-area-5__inner { padding-top:15px;padding-bottom:15px} } .header-area-5__inner>*:nth-child(1) { margin-inline-end:auto} .header-area-5 .header__logo img { max-width:120px} .header-area-5 .main-menu li a { padding:31px 15px} .header-area-5 .main-menu>ul>li:last-child>a { padding-right:0} .header-area-5 .menu li a { font-size:18px;font-weight:400;line-height:22px;padding:0 0;position:relative;color:var(--primary)} .header-area-5 .menu li a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .header-area-5 .menu li a:hover { color:var(--primary)} .header-area-5 .menu li a:hover::before { width:100%} .header-area-5 .menu>ul { display:flex;gap:40px} .header-area-5 .side-toggle { width:40px;height:40px;background-color:#F1E8E1;border-radius:50%} .header-area-5 .side-toggle i { font-size:22px} .header-area-6 { position:absolute;top:30px;left:0;width:100%} .header-area-6__inner { display:flex;border-top:1px solid var(--border);padding-top:20px;gap:10px;position:relative;height:80px} @media only screen and (max-width:1199px) { .header-area-6__inner { height:70px;gap:10px} } .header-area-6__inner>*:nth-child(1) { margin-inline-end:auto} @media (min-width:1870px) { .header-area-6 .container.large { max-width:1870px} } .header-area-6 .header__logo img { max-width:120px} .header-area-6 .header__middel { margin-right:320px} @media only screen and (max-width:1199px) { .header-area-6 .header__middel { margin-left:100px} } @media only screen and (max-width:991px) { .header-area-6 .header__middel { display:none} } .header-area-6 .header__middel p { text-transform:uppercase;color:var(--primary);font-size:14px;font-weight:500;line-height:16px} .header-area-6 .main-menu li a { font-size:16px;font-weight:400;padding:21px 17px} .header-area-6 .main-menu li a:hover { color:var(--action)} .header-area-6 .search-icon { color:var(--primary)} @media (max-width:575px) { .header-area-6 .header__meta { display:none} } .header-area-6 .header__navicon button { text-transform:uppercase;font-size:14px;color:var(--primary)} .header-area-7 { position:absolute;top:0;left:0;width:100%} .header-area-7__inner { display:flex;align-items:center;gap:10px;position:relative;height:80px} @media only screen and (max-width:1199px) { .header-area-7__inner { height:70px;gap:10px} } .header-area-7__inner>*:nth-child(1) { margin-inline-end:auto} @media (min-width:1850px) { .header-area-7 .container.large { max-width:1850px} } .header-area-7 .sticky,.header-area-7 .transformed { background-color:#FCF7F3} .header-area-7 .header__logo img { max-width:95px} .header-area-7 .header__nav { margin-right:-50%} .header-area-7 .main-menu>ul>li>a { font-size:14px;font-weight:600;padding:21px 25px;text-transform:uppercase;color:var(--white)} .header-area-7 .main-menu>ul>li>a:hover { opacity:0.8} .header-area-7 .search-icon { color:var(--primary)} @media (max-width:575px) { .header-area-7 .header__meta { display:none} } .header-area-7 .side-toggle { display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:16px;text-transform:uppercase;color:var(--white)} .header-area-7 .side-toggle i { font-size:22px} .header-area-8 { position:absolute;top:0;left:0;width:100%} .header-area-8__inner { display:flex;align-items:center;gap:10px;position:relative;height:80px} @media only screen and (max-width:1199px) { .header-area-8__inner { height:70px;gap:10px} } .header-area-8__inner>*:nth-child(1) { margin-inline-end:auto} @media (min-width:1850px) { .header-area-8 .container.large { max-width:1850px} } .header-area-8 .sticky,.header-area-8 .transformed { background-color:#FCF7F3} .header-area-8 .header__logo img { max-width:120px} .header-area-8 .header__nav { margin-right:-50%} .header-area-8 .main-menu li a { font-size:14px;font-weight:600;padding:21px 21px;text-transform:uppercase} .header-area-8 .main-menu li a:hover { color:var(--action)} .header-area-8 .search-icon { color:var(--primary)} @media (max-width:575px) { .header-area-8 .header__meta { display:none} } .header-area-8 .side-toggle { display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:16px;text-transform:uppercase;color:var(--primary)} .header-area-8 .side-toggle i { font-size:22px} .footer-area .footer-top-inner { padding-top:92px;padding-bottom:50px;display:grid;gap:30px 60px;grid-template-columns:1fr 660px} @media only screen and (max-width:1919px) { .footer-area .footer-top-inner { padding-top:72px;padding-bottom:40px} } @media only screen and (max-width:1399px) { .footer-area .footer-top-inner { grid-template-columns:1fr 580px} } @media only screen and (max-width:1199px) { .footer-area .footer-top-inner { grid-template-columns:1fr 500px} } @media only screen and (max-width:991px) { .footer-area .footer-top-inner { grid-template-columns:1fr 430px} } @media only screen and (max-width:767px) { .footer-area .footer-top-inner { grid-template-columns:1fr} } .footer-area .footer-top-inner .info-text .text { max-width:510px;font-size:30px;line-height:1.26;color:var(--primary)} @media only screen and (max-width:1919px) { .footer-area .footer-top-inner .info-text .text { font-size:22px} } .footer-area .footer-top-inner .info-link a { font-size:30px;line-height:1.5;color:var(--black-2);position:relative} .dark .footer-area .footer-top-inner .info-link a { color:#555555} @media only screen and (max-width:1919px) { .footer-area .footer-top-inner .info-link a { font-size:22px} } .footer-area .footer-top-inner .info-link a::before { content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;transition:all 0.3s;background-color:currentColor} .footer-area .footer-top-inner .info-link a:hover { color:var(--black)} .dark .footer-area .footer-top-inner .info-link a:hover { color:var(--white)} .footer-area .footer-top-inner .info-link a:hover::before { width:0} .footer-area .footer-logo { margin-top:8px;max-width:657px} @media only screen and (max-width:1919px) { .footer-area .footer-logo { max-width:257px} } @media only screen and (max-width:1199px) { .footer-area .footer-logo { max-width:207px} } @media only screen and (max-width:991px) { .footer-area .footer-logo { max-width:147px} } .footer-area .footer-widget-wrapper-box { border-top:1px solid var(--border);padding-top:97px;padding-bottom:94px} @media only screen and (max-width:1919px) { .footer-area .footer-widget-wrapper-box { padding-top:77px;padding-bottom:74px} } @media only screen and (max-width:1199px) { .footer-area .footer-widget-wrapper-box { padding-top:57px;padding-bottom:54px} } .footer-area .footer-widget-wrapper { display:grid;gap:30px 170px;grid-template-columns:1fr auto auto auto;justify-content:space-between} @media only screen and (max-width:1399px) { .footer-area .footer-widget-wrapper { gap:30px 130px} } @media only screen and (max-width:1199px) { .footer-area .footer-widget-wrapper { gap:30px 90px} } @media only screen and (max-width:991px) { .footer-area .footer-widget-wrapper { grid-template-columns:1fr 1fr 1fr} } @media only screen and (max-width:767px) { .footer-area .footer-widget-wrapper { grid-template-columns:1fr 1fr} } @media (max-width:575px) { .footer-area .footer-widget-wrapper { grid-template-columns:1fr} } .footer-area .subscribe-form { max-width:515px} .footer-area .subscribe-form .input-field { display:flex;gap:10px;background-color:rgba(17,17,17,0.05);padding:28px 30px;border-radius:50px} .dark .footer-area .subscribe-form .input-field { background-color:rgba(255,255,255,0.05)} @media only screen and (max-width:1919px) { .footer-area .subscribe-form .input-field { padding:18px 30px} } .footer-area .subscribe-form .input-field input { width:100%;background-color:transparent;border:0;outline:0;font-size:22px;line-height:1;color:var(--primary)} .footer-area .subscribe-form .input-field input::placeholder { color:rgba(17,17,17,0.3)} .dark .footer-area .subscribe-form .input-field input::placeholder { color:rgba(255,255,255,0.3)} .footer-area .subscribe-form .input-field input:-webkit-autofill,.footer-area .subscribe-form .input-field input:-webkit-autofill:focus { transition:background-color 0s 600000s,color 0s 600000s !important} .footer-area .subscription-text { margin-top:23px} .footer-area .subscription-text .text { font-size:22px;line-height:28px;color:var(--primary);max-width:345px} .footer-area .subscription-text .text a { position:relative} .footer-area .subscription-text .text a::before { transition:all 0.5s;width:100%;height:1px;position:absolute;bottom:0;left:0;content:"";background-color:currentColor} .footer-area .subscription-text .text a:hover:hover::before { width:0} .footer-area .footer-widget-box .title { font-size:22px;line-height:20px;margin-bottom:30px;color:var(--black-2);font-family:var(--font_dmsans);font-weight:400} .dark .footer-area .footer-widget-box .title { color:#555555} @media only screen and (max-width:1919px) { .footer-area .footer-widget-box .title { margin-bottom:20px} } @media only screen and (max-width:991px) { .footer-area .footer-widget-box.newsletter { order:4;grid-column:span 2} } @media (max-width:575px) { .footer-area .footer-widget-box.newsletter { grid-column:auto} } .footer-area .footer-nav-list:hover li a { opacity:0.3} .footer-area .footer-nav-list li { font-size:22px;line-height:30px;color:var(--primary);transition-property:opacity;transition-duration:500ms} .footer-area .footer-nav-list li a:hover { opacity:1} .footer-area .footer-nav-list li a:hover a strong { opacity:1;top:-23px} .footer-area .footer-nav-list li a a strong { opacity:0;transition-property:opacity,top;transition-duration:250ms} .footer-area .copyright-area-inner { border-top:1px solid var(--border);padding:47px 0} @media only screen and (max-width:1919px) { .footer-area .copyright-area-inner { padding:37px 0} } @media only screen and (max-width:1399px) { .footer-area .copyright-area-inner { padding:27px 0} } .footer-area .copyright-text .text { font-size:24px;line-height:1;color:var(--primary);text-align:center} @media only screen and (max-width:1399px) { .footer-area .copyright-text .text { font-size:20px} } .footer-area .copyright-text .text a { color:#999999;transition:all 0.3s;position:relative} .dark .footer-area .copyright-text .text a { color:#555555} .footer-area .copyright-text .text a::before { width:0%;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area .copyright-text .text a:hover { color:var(--black)} .dark .footer-area .copyright-text .text a:hover { color:var(--white)} .footer-area .copyright-text .text a:hover::before { width:100%} .footer-area-2 .footer-widget-wrapper-box { border-top:1px solid var(--border);padding-top:97px;padding-bottom:94px} @media only screen and (max-width:1919px) { .footer-area-2 .footer-widget-wrapper-box { padding-top:77px;padding-bottom:74px} } @media only screen and (max-width:1199px) { .footer-area-2 .footer-widget-wrapper-box { padding-top:57px;padding-bottom:54px} } .footer-area-2 .footer-widget-wrapper { display:grid;gap:30px 170px;grid-template-columns:1fr auto auto auto;justify-content:space-between} @media only screen and (max-width:1399px) { .footer-area-2 .footer-widget-wrapper { gap:30px 130px} } @media only screen and (max-width:1199px) { .footer-area-2 .footer-widget-wrapper { gap:30px 90px} } @media only screen and (max-width:991px) { .footer-area-2 .footer-widget-wrapper { grid-template-columns:1fr 1fr 1fr} } @media only screen and (max-width:767px) { .footer-area-2 .footer-widget-wrapper { grid-template-columns:1fr 1fr} } @media (max-width:575px) { .footer-area-2 .footer-widget-wrapper { grid-template-columns:1fr} } .footer-area-2 .subscribe-form { max-width:515px} .footer-area-2 .subscribe-form .input-field { display:flex;gap:10px;background-color:#F4EDE7;padding:28px 30px;border-radius:50px} .dark .footer-area-2 .subscribe-form .input-field { background-color:#1D1D1D} @media only screen and (max-width:1919px) { .footer-area-2 .subscribe-form .input-field { padding:22px 30px} } @media only screen and (max-width:1199px) { .footer-area-2 .subscribe-form .input-field { padding:18px 30px} } .footer-area-2 .subscribe-form .input-field input { width:100%;background-color:transparent;border:0;outline:0;font-size:22px;line-height:1;color:var(--primary)} @media only screen and (max-width:1199px) { .footer-area-2 .subscribe-form .input-field input { font-size:18px} } .footer-area-2 .subscribe-form .input-field input::placeholder { color:rgba(17,17,17,0.3)} .dark .footer-area-2 .subscribe-form .input-field input::placeholder { color:rgba(252,247,243,0.3)} .footer-area-2 .subscribe-form .input-field input:-webkit-autofill,.footer-area-2 .subscribe-form .input-field input:-webkit-autofill:focus { transition:background-color 0s 600000s,color 0s 600000s !important} .footer-area-2 .subscription-text { margin-top:23px} @media only screen and (max-width:1199px) { .footer-area-2 .subscription-text { margin-top:18px} } .footer-area-2 .subscription-text .text { font-size:22px;line-height:28px;color:var(--primary);max-width:345px} @media only screen and (max-width:1199px) { .footer-area-2 .subscription-text .text { font-size:18px} } .footer-area-2 .subscription-text .text a { position:relative} .footer-area-2 .subscription-text .text a::before { transition:all 0.5s;width:100%;height:1px;position:absolute;bottom:0;left:0;content:"";background-color:currentColor} .footer-area-2 .subscription-text .text a:hover:hover::before { width:0} .footer-area-2 .footer-widget-box .title { font-size:22px;line-height:20px;margin-bottom:30px;color:var(--black-2);font-family:var(--font_dmsans)} .dark .footer-area-2 .footer-widget-box .title { color:#555555} @media only screen and (max-width:1919px) { .footer-area-2 .footer-widget-box .title { margin-bottom:20px} } @media only screen and (max-width:991px) { .footer-area-2 .footer-widget-box.newsletter { order:4;grid-column:span 2} } @media (max-width:575px) { .footer-area-2 .footer-widget-box.newsletter { grid-column:auto} } .footer-area-2 .footer-nav-list:hover li a { opacity:0.3} .footer-area-2 .footer-nav-list li { font-size:22px;line-height:30px;color:var(--primary);transition-property:opacity;transition-duration:500ms} .footer-area-2 .footer-nav-list li a:hover { opacity:1} .footer-area-2 .footer-nav-list li a:hover a strong { opacity:1;top:-23px} .footer-area-2 .footer-nav-list li a a strong { opacity:0;transition-property:opacity,top;transition-duration:250ms} .footer-area-2 .copyright-area-inner { border-top:1px solid var(--border);padding:47px 0} @media only screen and (max-width:1919px) { .footer-area-2 .copyright-area-inner { padding:37px 0} } @media only screen and (max-width:1399px) { .footer-area-2 .copyright-area-inner { padding:27px 0} } .footer-area-2 .copyright-text .text { font-size:24px;line-height:1;color:var(--primary);text-align:center} @media only screen and (max-width:1399px) { .footer-area-2 .copyright-text .text { font-size:20px} } @media only screen and (max-width:1199px) { .footer-area-2 .copyright-text .text { font-size:18px} } .footer-area-2 .copyright-text .text a { color:#999999;transition:all 0.3s;position:relative} .dark .footer-area-2 .copyright-text .text a { color:#555555} .footer-area-2 .copyright-text .text a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area-2 .copyright-text .text a:hover { color:var(--primary)} .footer-area-2 .copyright-text .text a:hover::before { width:100%} .footer-area-3 .footer-widget-wrapper-box { padding-top:97px;padding-bottom:94px} @media only screen and (max-width:1919px) { .footer-area-3 .footer-widget-wrapper-box { padding-top:77px;padding-bottom:74px} } @media only screen and (max-width:1199px) { .footer-area-3 .footer-widget-wrapper-box { padding-top:57px;padding-bottom:54px} } .footer-area-3 .footer-widget-wrapper { display:grid;gap:30px 170px;grid-template-columns:1fr auto auto auto;justify-content:space-between} @media only screen and (max-width:1399px) { .footer-area-3 .footer-widget-wrapper { gap:30px 130px} } @media only screen and (max-width:1199px) { .footer-area-3 .footer-widget-wrapper { gap:30px 90px} } @media only screen and (max-width:991px) { .footer-area-3 .footer-widget-wrapper { grid-template-columns:1fr 1fr 1fr} } @media only screen and (max-width:767px) { .footer-area-3 .footer-widget-wrapper { grid-template-columns:1fr 1fr} } @media (max-width:575px) { .footer-area-3 .footer-widget-wrapper { grid-template-columns:1fr} } .footer-area-3 .subscribe-form { max-width:515px} .footer-area-3 .subscribe-form .input-field { display:flex;gap:10px;background-color:rgba(17,17,17,0.05);padding:28px 30px;border-radius:50px} .dark .footer-area-3 .subscribe-form .input-field { background-color:rgba(255,255,255,0.05)} @media only screen and (max-width:1919px) { .footer-area-3 .subscribe-form .input-field { padding:22px 30px} } @media only screen and (max-width:1199px) { .footer-area-3 .subscribe-form .input-field { padding:18px 30px} } .footer-area-3 .subscribe-form .input-field input { width:100%;background-color:transparent;border:0;outline:0;font-size:22px;line-height:1;color:var(--primary)} @media only screen and (max-width:1199px) { .footer-area-3 .subscribe-form .input-field input { font-size:18px} } .footer-area-3 .subscribe-form .input-field input::placeholder { color:rgba(17,17,17,0.3)} .dark .footer-area-3 .subscribe-form .input-field input::placeholder { color:rgba(255,255,255,0.3)} .footer-area-3 .subscription-text { margin-top:23px} @media only screen and (max-width:1199px) { .footer-area-3 .subscription-text { margin-top:18px} } .footer-area-3 .subscription-text .text { font-size:22px;line-height:28px;color:var(--primary);max-width:345px} @media only screen and (max-width:1199px) { .footer-area-3 .subscription-text .text { font-size:18px} } .footer-area-3 .subscription-text .text a { position:relative} .footer-area-3 .subscription-text .text a::before { transition:all 0.5s;width:100%;height:1px;position:absolute;bottom:0;left:0;content:"";background-color:currentColor} .footer-area-3 .subscription-text .text a:hover:hover::before { width:0} .footer-area-3 .footer-widget-box .title { font-size:22px;line-height:20px;margin-bottom:30px;color:var(--black-2);font-family:var(--font_dmsans);font-weight:400} .dark .footer-area-3 .footer-widget-box .title { color:#555555} @media only screen and (max-width:1919px) { .footer-area-3 .footer-widget-box .title { margin-bottom:20px} } @media only screen and (max-width:991px) { .footer-area-3 .footer-widget-box.newsletter { order:4;grid-column:span 2} } @media (max-width:575px) { .footer-area-3 .footer-widget-box.newsletter { grid-column:auto} } .footer-area-3 .footer-nav-list:hover li a { opacity:0.3} .footer-area-3 .footer-nav-list li { font-size:22px;line-height:30px;color:var(--primary);transition-property:opacity;transition-duration:500ms} @media only screen and (max-width:1199px) { .footer-area-3 .footer-nav-list li { font-size:18px} } .footer-area-3 .footer-nav-list li a:hover { opacity:1} .footer-area-3 .footer-nav-list li a:hover a strong { opacity:1;top:-23px} .footer-area-3 .footer-nav-list li a a strong { opacity:0;transition-property:opacity,top;transition-duration:250ms} .footer-area-3 .copyright-area-inner { border-top:1px solid var(--border);padding:47px 0} @media only screen and (max-width:1919px) { .footer-area-3 .copyright-area-inner { padding:37px 0} } @media only screen and (max-width:1399px) { .footer-area-3 .copyright-area-inner { padding:27px 0} } .footer-area-3 .copyright-text .text { font-size:24px;line-height:1;color:var(--primary);text-align:center} @media only screen and (max-width:1399px) { .footer-area-3 .copyright-text .text { font-size:20px} } @media only screen and (max-width:1199px) { .footer-area-3 .copyright-text .text { font-size:18px} } .footer-area-3 .copyright-text .text a { color:#999999;transition:all 0.3s;position:relative} .dark .footer-area-3 .copyright-text .text a { color:#555555} .footer-area-3 .copyright-text .text a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area-3 .copyright-text .text a:hover { color:var(--primary)} .footer-area-3 .copyright-text .text a:hover::before { width:100%} .footer-area-4 .footer-widget-wrapper-box { border-top:1px solid var(--border);padding-top:60px;padding-bottom:60px;margin-top:50px} @media only screen and (max-width:1919px) { .footer-area-4 .footer-widget-wrapper-box { padding-top:50px;padding-bottom:50px} } @media only screen and (max-width:1399px) { .footer-area-4 .footer-widget-wrapper-box { padding-top:40px;padding-bottom:40px} } .footer-area-4 .footer-widget-wrapper { display:grid;gap:30px 170px;grid-template-columns:1fr auto;justify-content:space-between} @media only screen and (max-width:1399px) { .footer-area-4 .footer-widget-wrapper { gap:30px 60px} } @media only screen and (max-width:767px) { .footer-area-4 .footer-widget-wrapper { grid-template-columns:1fr} } .footer-area-4 .footer-logo img { max-width:120px} .footer-area-4 .footer-nav-list { display:flex;gap:5px 40px;flex-wrap:wrap} @media only screen and (max-width:1199px) { .footer-area-4 .footer-nav-list { gap:5px 30px} } .footer-area-4 .footer-nav-list:hover li a { opacity:0.3} .footer-area-4 .footer-nav-list li { font-size:20px;line-height:28px;color:var(--primary);transition-property:opacity;transition-duration:500ms} @media only screen and (max-width:1199px) { .footer-area-4 .footer-nav-list li { font-size:18px} } .footer-area-4 .footer-nav-list li a:hover { opacity:1} .footer-area-4 .footer-nav-list li a:hover a strong { opacity:1;top:-23px} .footer-area-4 .footer-nav-list li a a strong { opacity:0;transition-property:opacity,top;transition-duration:250ms} .footer-area-4 .copyright-area-inner { border-top:1px solid var(--border);padding-top:36px;padding-bottom:55px} @media only screen and (max-width:1919px) { .footer-area-4 .copyright-area-inner { padding-top:31px;padding-bottom:35px} } @media only screen and (max-width:1199px) { .footer-area-4 .copyright-area-inner { padding-top:26px;padding-bottom:26px} } .footer-area-4 .copyright-text .text { font-size:20px;line-height:28px;color:var(--primary);text-align:center} @media only screen and (max-width:1199px) { .footer-area-4 .copyright-text .text { font-size:18px} } .footer-area-4 .copyright-text .text a { color:#999999;transition:all 0.3s;position:relative} .dark .footer-area-4 .copyright-text .text a { color:#555555} .footer-area-4 .copyright-text .text a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area-4 .copyright-text .text a:hover { color:var(--primary)} .footer-area-4 .copyright-text .text a:hover::before { width:100%} .footer-area-6-inner { padding-bottom:40px;padding-top:134px} @media only screen and (max-width:991px) { .footer-area-6-inner { padding-top:100px} } @media (max-width:575px) { .footer-area-6-inner { padding-top:50px} } .footer-area-6 .footer-widget-wrapper { display:flex;gap:140px;justify-content:space-between;padding-bottom:200px} @media only screen and (max-width:1399px) { .footer-area-6 .footer-widget-wrapper { gap:100px;padding-bottom:150px} } @media only screen and (max-width:1199px) { .footer-area-6 .footer-widget-wrapper { gap:80px;padding-bottom:120px} } @media only screen and (max-width:991px) { .footer-area-6 .footer-widget-wrapper { gap:50px;padding-bottom:60px} } @media only screen and (max-width:767px) { .footer-area-6 .footer-widget-wrapper { gap:30px;padding-bottom:40px} } @media (max-width:575px) { .footer-area-6 .footer-widget-wrapper { flex-wrap:wrap} } .footer-area-6 .footer-widget__media { margin-left:auto} @media (max-width:575px) { .footer-area-6 .footer-widget__media { margin-right:auto;margin-left:auto} } .footer-area-6 .footer-widget__content { max-width:1130px} @media only screen and (max-width:1199px) { .footer-area-6 .footer-widget__content { max-width:1000px} } @media (max-width:575px) { .footer-area-6 .footer-widget__content { max-width:100%} } .footer-area-6 .footer-widget__content-wrapper { border-top:1px solid var(--border);padding-top:30px;display:flex;gap:240px} @media only screen and (max-width:1399px) { .footer-area-6 .footer-widget__content-wrapper { gap:150px} } @media only screen and (max-width:1199px) { .footer-area-6 .footer-widget__content-wrapper { gap:50px} } @media only screen and (max-width:991px) { .footer-area-6 .footer-widget__content-wrapper { flex-wrap:wrap} } .footer-area-6 .footer-widget__content-item span { font-size:14px;color:var(--primary);line-height:16px;font-weight:500;text-transform:uppercase;margin-bottom:45px;display:inline-block} @media only screen and (max-width:991px) { .footer-area-6 .footer-widget__content-item span { margin-bottom:20px} } .footer-area-6 .footer-widget__content-item .description { max-width:440px;color:var(--primary);font-size:30px;line-height:38px;letter-spacing:-0.6px} @media only screen and (max-width:1199px) { .footer-area-6 .footer-widget__content-item .description { font-size:25px;line-height:30px} } @media only screen and (max-width:991px) { .footer-area-6 .footer-widget__content-item .description { max-width:100%;font-size:22px} } .footer-area-6 .footer-widget-title { font-size:100px;line-height:0.95;letter-spacing:-5px;margin-bottom:100px} @media only screen and (max-width:1199px) { .footer-area-6 .footer-widget-title { font-size:80px} } @media only screen and (max-width:991px) { .footer-area-6 .footer-widget-title { font-size:50px;letter-spacing:0;margin-bottom:50px} } @media only screen and (max-width:767px) { .footer-area-6 .footer-widget-title { font-size:35px} } .footer-area-6 .footer-widget-nav-list { padding-left:27px} .footer-area-6 .footer-widget-nav-list li { position:relative} .footer-area-6 .footer-widget-nav-list li::before { content:"";width:7px;height:7px;display:flex;align-items:center;justify-content:center;border-radius:500px;background-color:var(--primary);position:absolute;left:0;transform:translate(-27px,15px);margin-right:30px} .footer-area-6 .footer-widget-nav-list li:not(:last-child) { margin-bottom:5px} .footer-area-6 .footer-widget-nav-list li a { font-size:30px;line-height:36px;color:var(--primary);text-transform:capitalize} @media only screen and (max-width:1199px) { .footer-area-6 .footer-widget-nav-list li a { font-size:20px;line-height:30px} } .footer-area-6 .copyright-area-inner { border-top:1px solid var(--border);padding-top:40px} .footer-area-6 .copyright-socail-list { display:flex;align-items:center;justify-content:center;text-align:center;gap:10px 41px;position:relative;padding-bottom:20px;flex-wrap:wrap} @media (max-width:575px) { .footer-area-6 .copyright-socail-list { gap:10px 30px} } .footer-area-6 .copyright-socail-list::before { width:150px;height:1px;content:"";position:absolute;bottom:0;background-color:var(--border)} .footer-area-6 .copyright-socail-list li { position:relative} .footer-area-6 .copyright-socail-list li:not(:last-child)::before { content:"";width:1px;height:10px;right:-50%;position:absolute;background-color:#999999;transform:translate(-10px,3px)} .dark .footer-area-6 .copyright-socail-list li:not(:last-child)::before { background-color:#555555} @media (max-width:575px) { .footer-area-6 .copyright-socail-list li:not(:last-child)::before { transform:translate(-17px,3px)} } .footer-area-6 .copyright-socail-list li a { font-size:14px;line-height:16px;font-weight:500;text-transform:uppercase;color:var(--primary);text-align:center;position:relative} .footer-area-6 .copyright-socail-list li a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area-6 .copyright-socail-list li a:hover { color:#999999} .footer-area-6 .copyright-socail-list li a:hover::before { width:100%} .footer-area-6 .copyright-text { padding-top:20px} .footer-area-6 .copyright-text .text { font-size:14px;line-height:16px;font-weight:500;text-transform:uppercase;color:var(--primary);text-align:center} .footer-area-6 .copyright-text .text a { transition:all 0.3s;position:relative} .footer-area-6 .copyright-text .text a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area-6 .copyright-text .text a:hover { color:#999999} .footer-area-6 .copyright-text .text a:hover::before { width:100%} .footer-area-inner-page .footer-top-inner { padding-top:50px;border-top:1px solid var(--border);padding-bottom:50px;margin-top:50px;display:grid;gap:30px 60px;grid-template-columns:1fr 660px} @media only screen and (max-width:1919px) { .footer-area-inner-page .footer-top-inner { padding-top:40px;padding-bottom:40px;margin-top:30px} } @media only screen and (max-width:1399px) { .footer-area-inner-page .footer-top-inner { grid-template-columns:1fr 580px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .footer-top-inner { grid-template-columns:1fr 470px} } @media only screen and (max-width:991px) { .footer-area-inner-page .footer-top-inner { grid-template-columns:1fr 430px} } @media only screen and (max-width:767px) { .footer-area-inner-page .footer-top-inner { grid-template-columns:1fr} } .footer-area-inner-page .footer-top-inner .info-text .text { max-width:510px;font-size:30px;line-height:1.26;color:var(--primary)} @media only screen and (max-width:1919px) { .footer-area-inner-page .footer-top-inner .info-text .text { font-size:22px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .footer-top-inner .info-text .text { font-size:18px} } .footer-area-inner-page .footer-top-inner .info-link a { font-size:30px;line-height:1.5;color:var(--black-2);position:relative} .dark .footer-area-inner-page .footer-top-inner .info-link a { color:#555555} @media only screen and (max-width:1919px) { .footer-area-inner-page .footer-top-inner .info-link a { font-size:22px} } .footer-area-inner-page .footer-top-inner .info-link a::before { content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;transition:all 0.3s;background-color:currentColor} .footer-area-inner-page .footer-top-inner .info-link a:hover { color:var(--primary)} .footer-area-inner-page .footer-top-inner .info-link a:hover::before { width:0} .footer-area-inner-page .footer-logo { margin-top:8px;max-width:657px} @media only screen and (max-width:1919px) { .footer-area-inner-page .footer-logo { max-width:257px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .footer-logo { max-width:207px} } @media only screen and (max-width:991px) { .footer-area-inner-page .footer-logo { max-width:147px} } .footer-area-inner-page .footer-widget-wrapper-box { border-top:1px solid var(--border);padding-top:97px;padding-bottom:94px} @media only screen and (max-width:1919px) { .footer-area-inner-page .footer-widget-wrapper-box { padding-top:77px;padding-bottom:74px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .footer-widget-wrapper-box { padding-top:57px;padding-bottom:54px} } .footer-area-inner-page .footer-widget-wrapper { display:grid;gap:30px 170px;grid-template-columns:1fr auto auto auto;justify-content:space-between} @media only screen and (max-width:1399px) { .footer-area-inner-page .footer-widget-wrapper { gap:30px 130px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .footer-widget-wrapper { gap:30px 90px} } @media only screen and (max-width:991px) { .footer-area-inner-page .footer-widget-wrapper { grid-template-columns:1fr 1fr 1fr} } @media only screen and (max-width:767px) { .footer-area-inner-page .footer-widget-wrapper { grid-template-columns:1fr 1fr} } @media (max-width:575px) { .footer-area-inner-page .footer-widget-wrapper { grid-template-columns:1fr} } .footer-area-inner-page .subscribe-form { max-width:515px} .footer-area-inner-page .subscribe-form .input-field { display:flex;gap:10px;background-color:rgba(17,17,17,0.05);padding:32px 30px;border-radius:50px} .dark .footer-area-inner-page .subscribe-form .input-field { background-color:rgba(255,255,255,0.05)} @media only screen and (max-width:1919px) { .footer-area-inner-page .subscribe-form .input-field { padding:22px 30px} } .footer-area-inner-page .subscribe-form .input-field input { width:100%;background-color:transparent;border:0;outline:0;font-size:22px;color:var(--primary)} @media only screen and (max-width:1199px) { .footer-area-inner-page .subscribe-form .input-field input { font-size:18px} } .footer-area-inner-page .subscribe-form .input-field input::placeholder { line-height:1;color:rgba(17,17,17,0.3)} .dark .footer-area-inner-page .subscribe-form .input-field input::placeholder { color:rgba(255,255,255,0.3)} .footer-area-inner-page .subscription-text { margin-top:23px} .footer-area-inner-page .subscription-text .text { font-size:22px;line-height:28px;color:var(--primary);max-width:345px} @media only screen and (max-width:1919px) { .footer-area-inner-page .subscription-text .text { font-size:20px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .subscription-text .text { font-size:18px} } .footer-area-inner-page .subscription-text .text a { position:relative} .footer-area-inner-page .subscription-text .text a::before { transition:all 0.5s;width:100%;height:1px;position:absolute;bottom:0;left:0;content:"";background-color:currentColor} .footer-area-inner-page .subscription-text .text a:hover:hover::before { width:0} .footer-area-inner-page .footer-widget-box .title { font-size:22px;line-height:20px;margin-bottom:30px;color:var(--black-2);font-family:var(--font_dmsans)} .dark .footer-area-inner-page .footer-widget-box .title { color:#555555} @media only screen and (max-width:1919px) { .footer-area-inner-page .footer-widget-box .title { margin-bottom:20px} } @media only screen and (max-width:991px) { .footer-area-inner-page .footer-widget-box.newsletter { order:4;grid-column:span 2} } @media (max-width:575px) { .footer-area-inner-page .footer-widget-box.newsletter { grid-column:auto} } .footer-area-inner-page .footer-nav-list:hover li a { opacity:0.3} .footer-area-inner-page .footer-nav-list li { font-size:22px;line-height:30px;color:var(--primary);transition-property:opacity;transition-duration:500ms} @media only screen and (max-width:1199px) { .footer-area-inner-page .footer-nav-list li { font-size:18px} } .footer-area-inner-page .footer-nav-list li a:hover { opacity:1} .footer-area-inner-page .footer-nav-list li a:hover a strong { opacity:1;top:-23px} .footer-area-inner-page .footer-nav-list li a a strong { opacity:0;transition-property:opacity,top;transition-duration:250ms} .footer-area-inner-page .copyright-area-inner { border-top:1px solid var(--border);padding:47px 0} @media only screen and (max-width:1919px) { .footer-area-inner-page .copyright-area-inner { padding:37px 0} } @media only screen and (max-width:1399px) { .footer-area-inner-page .copyright-area-inner { padding:27px 0} } .footer-area-inner-page .copyright-text .text { font-size:24px;line-height:1;color:var(--primary);text-align:center} @media only screen and (max-width:1919px) { .footer-area-inner-page .copyright-text .text { font-size:22px} } @media only screen and (max-width:1399px) { .footer-area-inner-page .copyright-text .text { font-size:20px} } @media only screen and (max-width:1199px) { .footer-area-inner-page .copyright-text .text { font-size:18px} } .footer-area-inner-page .copyright-text .text a { color:#999999;transition:all 0.3s;position:relative} .dark .footer-area-inner-page .copyright-text .text a { color:#555555} .footer-area-inner-page .copyright-text .text a::before { width:0;height:1px;background-color:currentColor;content:"";position:absolute;left:0;bottom:0;transition:all 0.5s} .footer-area-inner-page .copyright-text .text a:hover { color:var(--primary)} .footer-area-inner-page .copyright-text .text a:hover::before { width:100%} :root { --rr-ff-grotesk:"BDO Grotesk",sans-serif;--rr-ff-body:"Inter",sans-serif;--rr-common-white:#FFFFFF;--rr-theme-primary:#222222;--rr-heading-primary:#222222;--rr-heading-secondary:#222020;--rr-theme-primary:#151515;--rr-text-body:rgba(34,34,34,0.6);--rr-fw-medium:500} .heading-bg { background-color:var(--rr-heading-primary)} .header-p-inline-60 { padding:0 60px} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .header-p-inline-60 { padding:15px 0px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .header-p-inline-60 { padding:15px 0px} } .rr-container-1630 { --bs-gutter-x:30px;max-width:1630px} .brand-border { border:1px solid #e1e2e4} .border-tp { border:solid #E1E2E4;border-width:1px 0px 0px 0px} .border-bt { border:solid #E1E2E4;border-width:1px 0px 1px 0px} .smooth-slide-transtion { -webkit-transition-timing-function:linear;transition-timing-function:linear} .section-space { padding-top:200px;padding-bottom:200px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .section-space { padding-top:130px;padding-bottom:130px} } @media only screen and (min-width:768px) and (max-width:992px) { .section-space { padding-top:80px;padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space { padding-top:70px;padding-bottom:70px} } .section-space-top { padding-top:200px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .section-space-top { padding-top:130px} } @media only screen and (min-width:768px) and (max-width:992px) { .section-space-top { padding-top:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-top { padding-top:70px} } .section-space-bottom { padding-bottom:200px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .section-space-bottom { padding-bottom:130px} } @media only screen and (min-width:768px) and (max-width:992px) { .section-space-bottom { padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-bottom { padding-bottom:70px} } .section-space-160 { padding-top:160px;padding-bottom:160px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-160 { padding-top:80px;padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-160 { padding-top:70px;padding-bottom:70px} } .section-space-top-160 { padding-top:160px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-top-160 { padding-top:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-top-160 { padding-top:70px} } .section-space-bottom-160 { padding-bottom:160px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-bottom-160 { padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-bottom-160 { padding-bottom:70px} } .section-space-top-140 { padding-top:140px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-top-140 { padding-top:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-top-140 { padding-top:70px} } .section-space-bottom-140 { padding-bottom:140px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-bottom-140 { padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-bottom-140 { padding-bottom:70px} } .section-space-top-120 { padding-top:120px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-top-120 { padding-top:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-top-120 { padding-top:70px} } .section-space-bottom-120 { padding-bottom:120px} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-bottom-120 { padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-bottom-120 { padding-bottom:70px} } .rr-btn-ru { position:relative;display:inline-flex;align-items:center;column-gap:20px;padding:5px;font-size:16px;line-height:1;overflow:hidden;padding-right:20px;font-weight:var(--rr-fw-medium);color:var(--rr-common-white);font-family:var(--rr-ff-grotesk);border:1px solid rgba(255,255,255,0.14)} .rr-btn-ru::before { width:100%;height:100%;top:0;left:0;z-index:-1;content:"";position:absolute;transition:all 0.35s;transform-origin:right bottom;background:var(--rr-heading-primary);transform:translate(-165%,0) rotate(0deg)} .rr-btn-ru span { width:36px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--rr-common-black);background:var(--rr-common-white)} .rr-btn-ru:hover::before { transform:translateX(0)} .tp-hover-btn-wrapper { display:inline-block} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .tp-hover-btn-wrapper { margin-top:20px} } .tp-hover-btn-wrapper .tp-btn-circle-2 { background:transparent;position:relative;overflow:hidden;display:inline-block;width:160px;height:160px;border-radius:50%;letter-spacing:-0.01em;font-weight:500;font-size:20px;line-height:1.4;letter-spacing:-0.01em;color:var(--rr-heading-primary);border:1px solid #D9D9D9;z-index:1} .tp-hover-btn-wrapper .tp-btn-circle-2:hover { color:var(--rr-common-white)} .tp-hover-btn-wrapper .tp-btn-circle-2:hover .tp-btn-circle-dot { width:420px;height:420px} .tp-hover-btn-wrapper .tp-btn-circle-2:hover svg [stroke=white] { stroke:#151515} .tp-hover-btn-wrapper .tp-btn-circle-2 .tp-btn-circle-text-2 { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);display:block;font-style:normal;font-size:16px;line-height:22px} .tp-hover-btn-wrapper .tp-btn-circle-2 .tp-btn-circle-dot { bottom:-35%;left:50%;width:47px;height:47px;line-height:20px;border-radius:50%;position:absolute;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;background-color:var(--rr-heading-primary)} .tp-hover-btn-wrapper .tp-btn-circle-3 { color:var(--rr-common-white)} .tp-hover-btn-wrapper .tp-btn-circle-3:hover { color:var(--rr-heading-primary)} .tp-hover-btn-wrapper .tp-btn-circle-3:hover svg [fill=white] { fill:#151515} .tp-hover-btn-wrapper .tp-btn-circle-3 .tp-btn-circle-dot { background-color:var(--rr-common-white)} .circle-button-position { display:inline-flex !important;align-items:center;justify-content:end;width:100%;height:100%} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .circle-button-position { display:block !important;margin-top:20px} } .ruhe-white-btn { display:inline-flex;transition:all 0.3s ease-in-out} .ruhe-white-btn-primary { padding:14px 28px;font-weight:500;font-size:16px;line-height:1;color:var(--rr-heading-primary);background-color:transparent;border:1.5px solid rgba(34,34,34,0.1);border-radius:30px;text-transform:capitalize;transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;gap:30px;white-space:nowrap} @media only screen and (min-width:768px) and (max-width:992px) { .ruhe-white-btn-primary { padding:16px 25px} } .ruhe-white-btn-primary:hover { color:var(--rr-common-white);background-color:var(--rr-heading-primary);border-color:var(--rr-heading-primary)} .ruhe-white-btn-primary:focus { color:var(--rr-common-white)} .ruhe-white-btn-primary.bordered { border-color:var(--rr-heading-primary);background-color:transparent;color:var(--rr-heading-primary)} .ruhe-white-btn-primary.bordered:hover { border-color:var(--rr-heading-primary);background-color:var(--rr-heading-primary);color:var(--rr-common-white)} .ruhe-white-btn-circle { text-align:center;width:46px;height:46px;font-weight:500;font-size:16px;line-height:1.5;color:var(--rr-heading-primary);border-radius:100%;display:flex;gap:10px;align-items:center;justify-content:center;background-color:transparent;border:1.5px solid rgba(34,34,34,0.1)} @media only screen and (min-width:992px) and (max-width:1199px) { .ruhe-white-btn-circle { width:50px;height:50px} } .ruhe-white-btn-circle:hover { background-color:var(--rr-heading-primary);color:var(--rr-common-white)} .ruhe-white-btn-group { display:flex;width:fit-content;align-items:center;transition:all 0.3s ease-in-out} .ruhe-white-btn-group>*:nth-child(1) { transform:scale3d(1,1,1);margin-inline-end:0;opacity:1} .ruhe-white-btn-group>*:nth-child(2) { transform:scale3d(1,1,1);border:1.5px solid rgba(34,34,34,0.1)} .ruhe-white-btn-group>*:nth-child(3) { transform:scale3d(0,0,1);margin-inline-start:-40px;opacity:0} .ruhe-white-btn-group:hover>*:nth-child(1) { transform:scale3d(0,0,1);margin-inline-end:-40px;opacity:0} .ruhe-white-btn-group:hover>*:nth-child(2) { transform:scale3d(1,1,1);border:1.5px solid rgba(34,34,34,0.1);background-color:var(--rr-heading-primary);color:var(--rr-common-white)} .ruhe-white-btn-group:hover>*:nth-child(3) { transform:scale3d(1,1,1);margin-inline-start:0;opacity:1;background-color:var(--rr-heading-primary);color:var(--rr-common-white);border-color:var(--rr-heading-primary)} .section__title-wrapper-sub-title { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);color:var(--rr-heading-primary);font-style:normal;font-size:16px;line-height:26px} .section__title-wrapper-title { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);color:var(--rr-heading-primary);font-style:normal;font-size:54px;line-height:64px} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px) { .section__title-wrapper-title { font-size:50px;line-height:60px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .section__title-wrapper-title { font-size:40px;line-height:50px} } @media only screen and (min-width:576px) and (max-width:767px) { .section__title-wrapper-title { font-size:33px;line-height:45px} } @media (max-width:575px) { .section__title-wrapper-title { font-size:28px;line-height:38px} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section__title-wrapper-title br { display:none} } .banner__border-line { top:0;left:50px;right:50px;height:100%;display:flex;position:absolute;align-items:center;justify-content:space-between} @media (max-width:575px) { .banner__border-line { left:20px;right:20px} } .banner__border-line-shape { width:1px;height:100%;border-left:1px solid rgba(255,255,255,0.16)} .banner__area { padding:200px 71px 0px 71px;background-size:cover;background-position:center} @media only screen and (min-width:1400px) and (max-width:1600px) { .banner__area { padding:200px 60px 0px 60px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .banner__area { padding:200px 40px 0px 40px} } @media only screen and (min-width:992px) and (max-width:1199px) { .banner__area { padding:200px 30px 0px 30px} } @media only screen and (min-width:768px) and (max-width:992px) { .banner__area { padding:160px 30px 0px 30px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__area { padding:130px 10px 0px 10px} } .banner__guideline { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .banner__guideline .experiences-thumb { display:flex;align-items:center;justify-content:start} .banner__guideline .experiences-thumb img { width:50px;height:50px;border:2px solid var(--rr-common-white);border-radius:50%;margin-left:-18px} .banner__guideline .experiences-thumb img:first-of-type { margin-left:0} .banner__guideline .experiences-text { padding-left:65px} @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__guideline .experiences-text { padding-left:0} } @media (max-width:575px) { .banner__guideline .experiences-text { margin-top:20px} } .banner__guideline .experiences-text p { font-weight:400;font-style:normal;font-size:18px;line-height:30px;font-family:var(--rr-ff-grotesk);color:rgba(255,255,255,0.7)} .banner__guideline .experiences-text p br { display:block} @media (max-width:575px) { .banner__guideline .experiences-text p { font-size:16px;line-height:27px} .banner__guideline .experiences-text p br { display:none} } .banner__guideline-title h2 { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);font-style:normal;font-size:60px;line-height:66px;color:rgb(158,158,158)} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__guideline-title h2 { margin-top:20px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__guideline-title h2 { font-size:45px;line-height:50px} .banner__guideline-title h2 br { display:none} } @media only screen and (min-width:576px) and (max-width:767px) { .banner__guideline-title h2 { font-size:38px;line-height:48px} } @media (max-width:575px) { .banner__guideline-title h2 { font-size:30px;line-height:40px} } .banner__guideline-title h2 span { color:var(--rr-common-white)} .banner__future { display:flex;align-items:center;justify-content:space-between;margin-top:90px} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__future { gap:15px} } @media only screen and (min-width:768px) and (max-width:992px) { .banner__future { margin-top:70px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__future { display:block;column-count:2;margin-top:50px} } @media (max-width:575px) { .banner__future { column-count:1;margin-top:30px} } @media (max-width:575px) { .banner__future-item { margin-bottom:25px} .banner__future-item:last-of-type { margin-bottom:0} } .banner__future-item h3 { margin-bottom:0;font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);color:var(--rr-common-white);font-style:normal;font-size:40px;line-height:56px} .banner__future-item h3 .odometer.odometer-auto-theme,.banner__future-item h3 .odometer.odometer-theme-default { font-family:var(--rr-ff-grotesk);line-height:1} .banner__future-item h3 img { width:40px;height:40px;object-fit:cover;margin-bottom:13px} .banner__future-item p { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);font-style:normal;font-size:16px;line-height:26px;color:#999999} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__future-item p br { display:none} } .banner__future-item .icon { display:flex;align-items:center;justify-content:center;width:160px;height:160px;background:#333333;border-radius:0px} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:576px) and (max-width:767px) { .banner__future-item .icon { width:130px;height:130px} } @media only screen and (min-width:768px) and (max-width:992px),(max-width:575px) { .banner__future-item .icon { width:100px;height:100px} } .banner__future-item .icon img { width:76px;height:82px} @media only screen and (min-width:992px) and (max-width:1199px) { .banner__future-item .icon img { width:60px;height:70px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__future-item .icon img { width:50px;height:60px} } .banner__future-item-left-1 { padding-left:200px} @media only screen and (min-width:1400px) and (max-width:1600px) { .banner__future-item-left-1 { padding-left:100px} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__future-item-left-1 { padding-left:0px} } @media only screen and (min-width:576px) and (max-width:767px) { .banner__future-item-left-1 { margin-top:30px} } .banner__future-item-left-2 { padding-left:200px} @media only screen and (min-width:1400px) and (max-width:1600px) { .banner__future-item-left-2 { padding-left:100px} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner__future-item-left-2 { padding-left:0px} } @media only screen and (min-width:576px) and (max-width:767px) { .banner__future-item-left-2 { margin-bottom:30px} } .banner__thumb { display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:40px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .banner__thumb { gap:20px} } @media (max-width:575px) { .banner__thumb { display:block} } @media (max-width:575px) { .banner__thumb-item { margin-bottom:20px} .banner__thumb-item:last-of-type { margin-bottom:0} } .banner__thumb-item img { width:100%;height:100%;object-fit:cover;transition:all 0.3s 0s ease-out} .h1-brand .section__title-wrapper-title { margin-left:40px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-brand .section__title-wrapper-title { margin-left:0} } .h1-brand__area .swiper .swiper-wrapper .swiper-slide { width:auto !important} @media only screen and (min-width:1200px) and (max-width:1399px) { .h1-brand .section__title-wrapper-title br { display:none} } @media only screen and (min-width:992px) and (max-width:1199px) { .h1-brand .section__title-wrapper-title { font-size:46px} } .h1-brand__content h2 { font-size:172px;line-height:106%;text-transform:uppercase;color:var(--rr-heading-primary);font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium)} @media only screen and (min-width:992px) and (max-width:1199px) { .h1-brand__content h2 { font-size:102px} } @media only screen and (min-width:768px) and (max-width:992px) { .h1-brand__content h2 { font-size:80px} } @media only screen and (min-width:576px) and (max-width:767px) { .h1-brand__content h2 { font-size:70px} } @media (max-width:575px) { .h1-brand__content h2 { font-size:40px} } .h1-brand__content-thumb img { max-width:100%} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .h1-brand__content-thumb img { width:100%;height:300px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-brand__content-thumb img { width:100%;height:200px} } .brand-slider-padding { padding:60px 0px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .brand-slider-padding { padding:30px 0px} } @media (max-width:575px) { .brand-slider-padding { padding:20px 0px} } .h1-brand__content-video { width:670px;height:377px} @media only screen and (min-width:992px) and (max-width:1199px) { .h1-brand__content-video { width:500px;height:270px} } @media only screen and (min-width:768px) and (max-width:992px) { .h1-brand__content-video { width:550px;height:300px} } @media only screen and (min-width:576px) and (max-width:767px) { .h1-brand__content-video { width:450px;height:200px} } @media (max-width:575px) { .h1-brand__content-video { width:250px;height:150px} } .h1-brand__content-video #myVideo1,.h1-brand__content-video #myVideo2 { width:100%;height:100%;object-fit:cover;border-radius:20px} .services .section__title-wrapper-title { margin-left:50px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .services .section__title-wrapper-title { margin-left:0} } .services__wrapper { display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between} @media only screen and (min-width:992px) and (max-width:1199px) { .services__wrapper { gap:27px;flex-wrap:nowrap} } @media only screen and (min-width:768px) and (max-width:992px) { .services__wrapper { gap:20px;flex-wrap:nowrap} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .services__wrapper { display:inherit} } .services__wrapper-item { width:422px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .services__wrapper-item { width:inherit} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .services__wrapper-item { padding-bottom:60px} } @media only screen and (min-width:768px) and (max-width:992px),(max-width:320px) { .services__wrapper-item { padding-bottom:40px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .services__wrapper-item { padding-bottom:30px} } .services__wrapper-item .content { gap:34px;display:flex;padding:13.5px 0px;align-items:center;border-bottom:1px solid #E1E2E4} @media only screen and (min-width:768px) and (max-width:992px) { .services__wrapper-item .content { gap:17px} } .services__wrapper-item .content img { width:inherit} .services__wrapper-item .content p { font-family:var(--rr-ff-grotesk);font-style:normal;font-weight:var(--rr-fw-medium);font-size:16px;line-height:26px;color:var(--rr-text-body)} @media only screen and (min-width:992px) and (max-width:1199px) { .services__wrapper-item .content p { font-size:14px} } @media only screen and (min-width:768px) and (max-width:992px) { .services__wrapper-item .content p { font-size:14px;line-height:22px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),(max-width:376px),(max-width:320px) { .services__wrapper-item .content p br { display:none} } .services__wrapper-top { padding-top:115px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .services__wrapper-top { padding-top:0} } .services__title { font-style:normal;font-size:20px;line-height:1;border-radius:0px;padding-bottom:15px;font-weight:var(--rr-fw-medium);color:var(--rr-heading-primary);font-family:var(--rr-ff-grotesk);border-bottom:1px solid rgb(225,226,228)} @media only screen and (min-width:768px) and (max-width:992px) { .services__title { font-size:17px} } .services__title:hover { color:rgba(34,34,34,0.7)} .h1-project .section__title-wrapper-title { margin-left:40px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-project .section__title-wrapper-title { margin-left:0} } .h1-project .section__main-title-wrapper { padding-top:45px;border-top:1px solid rgb(225,226,228)} @media only screen and (min-width:1200px) and (max-width:1399px) { .h1-project .section__title-wrapper-title { font-size:50px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-project .h1-project__wrapper-details-btn { margin-top:20px;justify-content:start !important} } .h1-project .h1-project__wrapper-details-btn .ruhe-white-btn-primary { padding:14px 40px} .h1-project__brand-slider .swiper-wrapper { transition-timing-function:linear} .h1-project__brand-slider .swiper-wrapper .swiper-slide { width:auto !important;margin-top:10px;padding:10px 10px;background:#f6f6f6} .h1-project__brand-slider .swiper-wrapper .slider-content .slider-title { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);font-style:normal;font-size:16px;line-height:26px;color:rgba(34,34,34,0.6);position:relative} .h1-project__brand-slider .swiper-wrapper .slider-content .slider-title::before { background:rgba(34,34,34,0.6);position:absolute;content:"";top:44%;left:-10px;width:4px;height:4px;border-radius:50%} .h1-project__wrapper-thumb img { width:100%;height:100%;object-fit:cover} .h1-project__wrapper-details { padding:40px 0px;background:var(--rr-common-white);border-bottom:1px solid #e1e2e4} @media (max-width:575px) { .h1-project__wrapper-details { padding:20px 0px} } .h1-project__wrapper-details .title { color:var(--rr-heading-primary);font-style:normal;font-size:44px;line-height:54px;font-weight:500} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:576px) and (max-width:767px) { .h1-project__wrapper-details .title { font-size:30px;line-height:40px} } @media only screen and (min-width:768px) and (max-width:992px) { .h1-project__wrapper-details .title { font-size:25px;line-height:35px} } @media (max-width:575px) { .h1-project__wrapper-details .title { font-size:28px;line-height:35px} } .h1-project__wrapper-details-brand { display:flex;align-items:center;justify-content:space-between;gap:50px;white-space:nowrap} .h1-project__wrapper-details-brand .slider-wrap .slider-content .slider-title { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);font-style:normal;font-size:16px;line-height:26px;color:rgba(34,34,34,0.6);position:relative} .h1-project__wrapper-details-brand .slider-wrap .slider-content .slider-title::before { background:rgba(34,34,34,0.6);position:absolute;content:"";top:44%;left:-10px;width:4px;height:4px;border-radius:50%} .award .section__title-wrapper-title { margin-left:40px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .award .section__title-wrapper-title { margin-left:0} } .award__wrapper-box { text-align:end;margin-left:8%} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .award__wrapper-box { margin-left:0} } @media (max-width:450px),(max-width:320px) { .award__wrapper-box { margin-left:0} } @media (max-width:575px) { .award__wrapper-box { margin-left:0} } .award__thumb { max-width:345px;height:510px;object-fit:cover;transition:transform 0.6s ease-in-out;width:100%;margin:0 auto;display:inline-block;margin-left:140px} @media only screen and (min-width:768px) and (max-width:992px) { .award__thumb { height:340px} } .award__thumb img { width:100%;height:100%;object-fit:cover} @media only screen and (min-width:768px) and (max-width:992px) { .award__thumb img { width:auto} } @media (max-width:320px) { .award__thumb img { width:200px;height:100%;object-fit:cover} } @media only screen and (min-width:1200px) and (max-width:1399px) { .award__thumb { margin-left:0} } @media only screen and (min-width:992px) and (max-width:1199px) { .award__thumb { margin-left:0;max-width:inherit;height:inherit} } @media only screen and (min-width:768px) and (max-width:992px) { .award__thumb { display:flex;align-items:center;justify-content:center;margin:0 auto 50px auto} } @media only screen and (min-width:576px) and (max-width:767px) { .award__thumb { display:flex;align-items:center;justify-content:center;margin-bottom:50px} } @media (max-width:575px) { .award__thumb { display:flex;align-items:center;justify-content:center;margin-bottom:50px;width:200px;height:inherit} } @media (max-width:450px) { .award__thumb { margin-left:0;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:50px} } @media (max-width:376px) { .award__thumb { width:inherit;height:inherit} } @media (max-width:320px) { .award__thumb { width:inherit;height:inherit;margin-left:0} } .award__item { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-left:30px;padding-top:40px;padding-bottom:39px;border-bottom:1px solid #E1E2E4;transition:all 0.4s ease-in-out} @media (max-width:450px) { .award__item { padding-left:0} } .award__item:hover { background:#000;cursor:pointer} .award__item:hover .date { color:var(--rr-common-white)} .award__item:hover .awards { color:var(--rr-common-white)} .award__item:hover .awards::before { opacity:1;width:100%;visibility:visible} .award__item:hover .number { color:rgba(255,255,255,0.7)} .award__item:hover img:nth-child(1) { width:593px;height:613px} .award__item:nth-child(1) { border-top:1px solid #E1E2E4} .award__item-one { display:flex;align-items:center;justify-content:space-between} .award__item-one .date { font-family:var(--rr-ff-grotesk);font-style:normal;font-weight:var(--rr-fw-regular);font-size:16px;line-height:22px;text-transform:uppercase;color:var(--rr-text-body);transition:all 0.4s ease-in-out} @media (max-width:376px) { .award__item-one .date { padding-left:15px} } .award__item-one .awards { font-size:24px;margin-left:130px;position:relative;font-weight:var(--rr-fw-medium);color:var(--rr-heading-primary);font-family:var(--rr-ff-grotesk);transition:all 0.3s ease-in-out} @media (max-width:450px) { .award__item-one .awards { padding-left:60px} } @media (max-width:575px) { .award__item-one .awards { font-size:18px;padding-left:20px;margin-left:50px} } @media (max-width:376px) { .award__item-one .awards { margin-left:0px} } .award__item-one .awards::before { content:"";width:0%;height:1px;bottom:0;left:0;opacity:0;position:absolute;visibility:hidden;transition:all 0.4s ease-in-out;background-color:var(--rr-common-white)} .award__item .number { font-family:var(--rr-ff-grotesk);font-style:normal;font-weight:400;font-size:20px;line-height:26px;color:var(--rr-text-body);transform:translateX(-79px);transition:all 0.4s ease-in-out} @media (max-width:450px) { .award__item .number { transform:translateX(0)} } @media (max-width:575px) { .award__item .number { font-size:20px;transform:translateX(-15px)} } @media only screen and (min-width:576px) and (max-width:767px) { .award__item .number { transform:translateX(-30px)} } .testimonial__review { width:240px;height:240px;display:flex;align-items:center;text-align:center;border-radius:500px;border:1.5px solid rgba(34,32,32,0.1)} @media only screen and (min-width:1400px) and (max-width:1600px) { .testimonial__review { margin-left:-30px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial__review { margin-top:20px} } @media (max-width:575px) { .testimonial__review { width:200px;height:200px} } .testimonial__review span { font-weight:700;font-size:70px;line-height:1;text-transform:uppercase;font-family:var(--rr-ff-body);color:var(--rr-heading-secondary)} @media (max-width:575px) { .testimonial__review span { font-size:40px} } .testimonial__review .star-icon { gap:4px;display:flex;list-style:none;line-height:1.2;margin-bottom:10px;align-items:center;justify-content:center} .testimonial__review .star-icon li i { font-size:14px;color:#F59E0B} .testimonial__review p { font-weight:500;font-size:18px;line-height:26px;text-align:center;opacity:0.6;text-transform:uppercase;font-family:var(--rr-ff-body);color:var(--rr-heading-secondary)} @media (max-width:575px) { .testimonial__review p { font-size:15px} } .testimonial__slider { overflow:visible;max-width:1530px} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .testimonial__slider { margin:0 30px} } .testimonial__slider .swiper-wrapper .swiper-slide-active { opacity:1} .testimonial__slider-arrow .rr-btn-ru { width:60px;height:60px;padding:0;top:50%;position:absolute;border-radius:100px;transform:translate(0,-50%);transition:all 0.3s ease-in-out;color:var(--rr-heading-primary);background:rgba(34,34,34,0.12);z-index:9;display:flex;align-items:center;justify-content:center} .testimonial__slider-arrow .rr-btn-ru::before { background:var(--rr-text-primary)} .testimonial__slider-arrow .rr-btn-ru:hover svg [stroke="#222222"] { stroke:var(--rr-common-white)} .testimonial__slider-arrow-prev { left:-28px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .testimonial__slider-arrow-prev { left:28px} } .testimonial__slider-arrow-prev-1 { left:0} .testimonial__slider-arrow-next { right:-28px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .testimonial__slider-arrow-next { right:28px} } .testimonial__slider-arrow-next-1 { right:0} @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial__slider-arrow { display:none} } .testimonial__wrapper { display:flex;background:#F6F6F6;justify-content:space-between} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial__wrapper { flex-wrap:wrap;justify-content:center} } .testimonial__content { padding:100px 0 119px 100px} @media only screen and (min-width:1200px) and (max-width:1399px) { .testimonial__content { padding:80px;padding-right:0} } @media only screen and (min-width:992px) and (max-width:1199px) { .testimonial__content { padding:50px;padding-right:0} } @media only screen and (min-width:768px) and (max-width:992px) { .testimonial__content { padding:50px;padding-bottom:0} } @media only screen and (min-width:576px) and (max-width:767px) { .testimonial__content { padding:50px 30px;padding-bottom:0} } @media (max-width:575px) { .testimonial__content { padding:30px;padding-bottom:0} } .testimonial__media { min-width:470px;height:auto;padding:30px} @media only screen and (min-width:992px) and (max-width:1199px) { .testimonial__media { min-width:400px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial__media { min-width:100%} } .testimonial__media img { width:100%;height:100%;object-fit:cover} .testimonial__star-icon ul { display:inline-flex;gap:5px;padding:4px 12px;align-items:center;background-color:var(--rr-theme-primary)} .testimonial__star-icon ul li { list-style:none} .testimonial__star-icon ul li i { font-size:14px;color:rgb(255,191,67)} .testimonial__dec { font-weight:400;font-size:26px;line-height:54px;letter-spacing:-2%;color:rgb(29,29,29);margin-bottom:50px;margin-top:30px;text-transform:capitalize;font-family:var(--rr-ff-grotesk)} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial__dec br { display:none} } @media only screen and (min-width:1200px) and (max-width:1399px) { .testimonial__dec { font-size:24px;line-height:45px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:576px) and (max-width:767px) { .testimonial__dec { font-size:20px;line-height:40px;margin-bottom:30px} } @media (max-width:575px) { .testimonial__dec { font-size:16px;line-height:30px;margin-bottom:20px;margin-top:20px} } .testimonial__author { display:flex;align-items:center;column-gap:18px} @media (max-width:575px) { .testimonial__author { column-gap:10px} } .testimonial__author__thumb { width:70px;height:70px} .testimonial__author__thumb img { width:100%;height:100%;object-fit:cover;border-radius:100px} .testimonial__author__info .name { font-weight:500;font-size:20px;line-height:1;margin-bottom:8px;color:var(--rr-theme-primary);font-family:var(--rr-ff-grotesk)} @media (max-width:575px) { .testimonial__author__info .name { font-size:18px} } .testimonial__author__info .position { font-weight:400;font-size:16px;line-height:1;opacity:0.6;text-transform:uppercase;color:var(--rr-theme-primary);font-family:var(--rr-ff-grotesk)} @media (max-width:575px) { .testimonial__author__info .position { font-size:15px} } .h1-blog .section__title-wrapper-title { margin-left:40px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog .section__title-wrapper-title { margin-left:0} } @media only screen and (min-width:1200px) and (max-width:1399px) { .h1-blog .section__title-wrapper-title br { display:none} } .h1-blog__item-thumb { top:0;left:0;opacity:0;z-index:-1;position:absolute;transform:scale(0);transition:all 0.8s ease-in-out} .h1-blog__item-thumb.active { opacity:1;z-index:2;transform:scale(1);position:relative;transition:opacity 0.9s cubic-bezier(0.215,0.61,0.355,1)} .h1-blog__item-thumb img { transition:all 0.3s 0s ease-out} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog__item-thumb img { width:100%;height:100%;object-fit:cover} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .h1-blog__item-thumb img { height:500px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog__item-thumb img { height:400px} } .h1-blog__content { padding:38.1px 40px;flex-wrap:wrap;margin-left:-58px} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog__content { margin-left:0} } @media only screen and (min-width:1400px) and (max-width:1600px) { .h1-blog__content { flex-wrap:nowrap;padding:38.1px 20px} } @media (max-width:575px) { .h1-blog__content { padding:20px 0} } .h1-blog__content-left p { font-weight:500;font-size:16px;display:flex;align-items:center;margin-bottom:17px;color:rgba(34,34,34,0.6);font-family:var(--rr-ff-grotesk)} @media (max-width:575px) { .h1-blog__content-left p br { display:none} } .h1-blog__content-left p img { width:inherit;margin-right:12px} .h1-blog__content-left h2 { font-weight:500;font-size:30px;line-height:133%;color:var(--rr-heading-primary);font-family:var(--rr-ff-grotesk)} @media (max-width:575px) { .h1-blog__content-left h2 { font-size:20px} } @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog__content-left h2 br { display:none} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog__content-left h2 { margin-bottom:15px} } .h1-blog__content-left h2:hover { color:rgba(34,34,34,0.7)} .h1-blog__content-right p { font-weight:400;font-size:16px;line-height:162%;padding-bottom:22px;color:rgba(34,34,34,0.6);font-family:var(--rr-ff-grotesk)} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .h1-blog__content-right p br { display:none} } .footer-top { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:80px;padding-bottom:80px;margin:0 35px;border-bottom:1px dashed rgba(255,255,255,0.2)} @media (max-width:575px) { .footer-top { padding-left:7px;padding-right:7px} } @media only screen and (min-width:768px) and (max-width:992px) { .footer-top { padding-top:70px;padding-bottom:60px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-top { padding-top:60px;padding-bottom:50px;margin:0} } .footer-top-footer-title { display:flex;align-items:center;gap:88px;flex-wrap:wrap;row-gap:10px} @media only screen and (min-width:992px) and (max-width:1199px) { .footer-top-footer-title { gap:30px} } .footer-top-footer-title .top-title { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-regular);color:var(--rr-common-white);font-style:normal;font-size:100px;line-height:110px;margin-bottom:0} @media only screen and (min-width:1200px) and (max-width:1399px) { .footer-top-footer-title .top-title { font-size:90px;line-height:100px} } @media only screen and (min-width:992px) and (max-width:1199px) { .footer-top-footer-title .top-title { font-size:70px;line-height:85px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .footer-top-footer-title .top-title { font-size:53px;line-height:70px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-top-footer-title .top-title br { display:none} } @media (max-width:575px) { .footer-top-footer-title .top-title { font-size:30px;line-height:40px;margin-bottom:15px} } .footer__menu { z-index:11;margin-top:50px} .footer__menu ul { display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;row-gap:10px} @media (max-width:575px) { .footer__menu ul { gap:20px} } .footer__menu ul li { list-style-type:none} .footer__menu ul li a { font-family:var(--rr-ff-grotesk);font-weight:var(--rr-fw-medium);font-style:normal;font-size:16px;line-height:22px;color:rgba(255,255,255,0.7)} .footer__menu ul li a:hover { color:var(--rr-common-white)} .footer__main { padding-top:190px;padding-bottom:240px} @media only screen and (min-width:1200px) and (max-width:1399px) { .footer__main { padding-top:130px;padding-bottom:130px} } @media only screen and (min-width:992px) and (max-width:1199px) { .footer__main { padding-top:90px;padding-bottom:80px} } @media only screen and (min-width:768px) and (max-width:992px) { .footer__main { padding-top:60px;padding-bottom:50px} } @media only screen and (min-width:576px) and (max-width:767px) { .footer__main { padding-top:60px;padding-bottom:50px} } @media (max-width:575px) { .footer__main { padding-top:0;padding-bottom:0} } .footer__main-title { font-family:var(--rr-ff-grotesk);color:var(--rr-common-white);font-weight:var(--rr-fw-medium);font-style:normal;font-size:480px;line-height:200px;text-align:center;text-transform:uppercase} @media only screen and (min-width:1400px) and (max-width:1600px) { .footer__main-title { font-size:400px} } @media only screen and (min-width:1400px) and (max-width:1600px) { .footer__main-title { font-size:340px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .footer__main-title { font-size:300px} } @media only screen and (min-width:992px) and (max-width:1199px) { .footer__main-title { font-size:240px} } @media only screen and (min-width:768px) and (max-width:992px) { .footer__main-title { font-size:190px} } @media only screen and (min-width:576px) and (max-width:767px) { .footer__main-title { font-size:140px;line-height:1} } @media (max-width:575px) { .footer__main-title { font-size:80px} } @media (max-width:320px) { .footer__main-title { font-size:60px;line-height:145px} } .footer__copyright { display:flex;align-items:center;justify-content:center;padding:25px 0} .footer__copyright a { font-family:var(--rr-ff-body);font-weight:var(--rr-fw-sbold);color:var(--rr-common-white);font-style:normal;font-size:18px;line-height:23px;text-transform:uppercase;display:flex;align-items:center;gap:10px;position:relative} .footer__copyright a::before { background:rgba(255,255,255,0.2);width:100%;height:2px;position:absolute;left:0;bottom:-10px;content:""} .footer__copyright a i { background:rgba(255,255,255,0.2);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);font-size:14px} .footer__copyright a:hover { color:rgba(255,255,255,0.6)} .rr-container-1230 { max-width:1230px} .section-bg { background-color:#f6f6f6} .bg-overlay { position:relative;z-index:1} .bg-overlay::before { position:absolute;left:0;content:"";top:0;width:100%;height:100%;opacity:0.8;background-color:#000;z-index:-1} .bg-black-b { background-color:#161616} .mtm-30 { margin-top:-30px} .digital-web-agency { font-family:"Roboto",sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#53545A} .digital-web-agency p { font-size:16px;font-weight:400;line-height:28px;color:#53545A} .font-oswald h1,.font-oswald h2,.font-oswald h3,.font-oswald h4,.font-oswald h5,.font-oswald h6,.font-oswald a { font-family:"Oswald",sans-serif} .font-oswald h1,.font-oswald h2,.font-oswald h3,.font-oswald h4,.font-oswald h5,.font-oswald h6 { margin:0px;margin-bottom:15px;font-weight:700;color:#001659;text-transform:uppercase} .text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white p,.text-white span,.text-white a { color:#fff !important} .section-title-4 h2 { font-size:50px;font-weight:600;line-height:115%;color:#161616;margin-top:-8px;margin-bottom:20px} @media (max-width:991px) { .section-title-4 h2 { font-size:40px} } @media (max-width:767px) { .section-title-4 h2 { font-size:32px} } .section-title-4 p { font-size:16px;line-height:26px} .bg-cover { background-repeat:no-repeat;background-size:cover;position:relative;background-position:center} .bg-center { background-position:center} @font-face { font-family:"busico";src:url("../fonts/busico.eot");src:url("../fonts/busico.eot?#iefix") format("embedded-opentype"),url("../fonts/busico.woff2") format("woff2"),url("../fonts/busico.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap} [class^=icon-]:before,[class*=" icon-"]:before { font-family:"busico";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:0.2em;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-search:before { content:"\f101"} .icon-call:before { content:"\f102"} .icon-web-analysis:before { content:"\f103"} .icon-growth:before { content:"\f104"} .icon-trophy:before { content:"\f105"} .icon-coding:before { content:"\f106"} .icon-play-button:before { content:"\f107"} .icon-play-button-1:before { content:"\f108"} .icon-writing:before { content:"\f109"} .icon-curve:before { content:"\f10a"} .icon-bullhorn:before { content:"\f10b"} .icon-brainstorming:before { content:"\f10c"} .icon-calendar:before { content:"\f111"} .icon-chat:before { content:"\f112"} .icon-folder:before { content:"\f113"} .icon-quote:before { content:"\f114"} .icon-inbox:before { content:"\f115"} .icon-email:before { content:"\f116"} .icon-location:before { content:"\f117"} .icon-technology:before { content:"\f118"} .icon-rocket:before { content:"\f119"} .icon-mountain:before { content:"\f11a"} .icon-bar-chart:before { content:"\f11b"} .icon-idea:before { content:"\f11c"} .icon-user:before { content:"\f11d"} .section-padding { padding:120px 0px} @media (max-width:1191px) { .section-padding { padding:100px 0px} } @media (max-width:767px) { .section-padding { padding:80px 0px} } @media (max-width:767px) { .section-padding.section-padding_3 { padding:50px 0px} } .owl-theme .owl-dots .owl-dot span { width:35px;height:7px;border-radius:5px} .owl-theme .owl-dots .active span { background:#FF5E14 !important} .owl-theme .owl-dots .owl-dot:hover span { background:#FF5E14 !important} .theme-btn { color:#FFF;line-height:1;font-weight:700;display:inline-block;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;text-transform:uppercase;font-size:14px;padding:25px 43px 21px;background-color:#FF5E14;transition:all 0.3s ease-in-out} @media (max-width:991px) { .theme-btn { padding:16px 30px 14px} } .theme-btn.style-4 { background-color:#FFBB00;color:#161616;border-radius:5px;padding:21px 38px 20px;font-size:14px;line-height:1 !important;font-weight:500;text-transform:uppercase} .theme-btn.style-4 i { margin-left:0px;font-size:16px} .theme-btn.style-4.white { background:#fff;border-color:#fff;color:#161616} .theme-btn.style-4:hover { background:#001659;color:#fff} @media (max-width:767px) { .theme-btn { padding:14px 28px 12px} } @media (max-width:580px) { .theme-btn { padding:18px 35px 15px} } @media (max-width:480px) { .theme-btn { padding:16px 30px 14px;font-size:15px} } .theme-btn i { margin-left:10px} .theme-btn.no-fil { background:transparent;margin-left:15px;color:#252525;box-sizing:border-box;border:2px solid #e9e9e9} @media (max-width:500px) { .theme-btn.no-fil { margin-left:0} } .theme-btn.no-fil:hover { background:#001659;border-color:#001659} .theme-btn.black { background:#191c28;color:#FFF} .theme-btn.black:hover { background:#001659;color:#fff} .theme-btn.minimal-btn { color:#001659;background:transparent;box-shadow:inherit;border:1px solid #001659} .theme-btn.minimal-btn:hover { background:#001659;box-shadow:inherit;color:#FFF} .theme-btn:hover { background:#001659;color:#FFF} .hero-wrapper { position:relative;z-index:1;overflow:hidden} .agency-slider-active .single-agency-slide { padding:285px 0px 305px;position:relative;background-position:top right;background-size:cover} @media (max-width:991px) { .agency-slider-active .single-agency-slide { background-position:top center} } @media (max-width:1300px) { .agency-slider-active .single-agency-slide { padding:190px 0px 200px} } @media (max-width:991px) { .agency-slider-active .single-agency-slide { padding:140px 0px 160px} } @media (max-width:767px) { .agency-slider-active .single-agency-slide .hero-contents { text-align:center;padding:0px 50px} } @media (max-width:500px) { .agency-slider-active .single-agency-slide .hero-contents { padding:0px 20px} } .agency-slider-active .single-agency-slide .hero-contents h1 { font-size:130px;line-height:110%;font-weight:700;text-transform:uppercase} @media (max-width:991px) { .agency-slider-active .single-agency-slide .hero-contents h1 { font-size:100px} } @media (max-width:767px) { .agency-slider-active .single-agency-slide .hero-contents h1 { font-size:80px} } @media (max-width:500px) { .agency-slider-active .single-agency-slide .hero-contents h1 { font-size:45px} } .agency-slider-active.owl-theme .owl-dots { position:absolute;right:20px;z-index:9;top:50%;transform:translateY(-50%);width:20px} .agency-slider-active.owl-theme .owl-dots .owl-dot { display:block;width:100%} .agency-slider-active.owl-theme .owl-dots .owl-dot.active span::before,.agency-slider-active.owl-theme .owl-dots .owl-dot:hover span::before { opacity:1;visibility:visible} .agency-slider-active.owl-theme .owl-dots .owl-dot span { position:relative;width:20px;height:20px;border-radius:50%;border:1px solid #fff;background:transparent;margin:2px 0px;display:inline-block} .agency-slider-active.owl-theme .owl-dots .owl-dot span::before { position:absolute;width:6px;height:6px;content:"";background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all 0.3s ease-in-out} .owl-carousel .animated-text { transform:translateX(40px);opacity:0;visibility:hidden;transition:all 0.5s} .owl-carousel .animated-text.is-transitioned { transform:none;opacity:1;visibility:visible;transition:all 1.1s} .owl-carousel .small-heading.is-transitioned { transition-delay:0.2s} .owl-carousel .small-heading.is-transitioned:last-of-type { transition-delay:0.5s} .owl-carousel .big-heading.is-transitioned { transition-delay:0.9s} .owl-carousel .big-heading.is-transitioned:last-of-type { transition-delay:1.5s} .owl-carousel .animated-btn.is-transitioned { transition-delay:1s} .owl-carousel .animated-btn.is-transitioned:last-of-type { transition-delay:1.2s} .rotate-social-link { position:absolute;z-index:99;bottom:80px;left:30px} @media (min-width:1300px) { .rotate-social-link { transform:rotate(-90deg) translateY(-50%);bottom:50%;left:-95px} } @media (max-width:991px) { .rotate-social-link { left:15px;bottom:50px} } .rotate-social-link a { color:#fff;font-size:14px;line-height:1;text-transform:uppercase;margin:0px 10px} .rotate-social-link a:hover { color:#FFBB00} .experience-video-play { padding:25px 0px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;margin:30px 0px} .experience-video-play .year-experience-about { padding-right:40px;border-right:1px solid #eee;margin-right:40px} @media (max-width:767px) { .experience-video-play .year-experience-about { padding-right:20px;margin-right:20px} } .experience-video-play .year-experience-about .year { margin-right:10px} .experience-video-play .year-experience-about .year h3 { font-size:50px;line-height:1;margin-bottom:0} .experience-video-play .year-experience-about .text p { padding-top:4px;line-height:1.4} .experience-video-play .video-popup-btn { padding-right:50px} @media (max-width:767px) { .experience-video-play .video-popup-btn { padding-right:10px} } .experience-video-play .video-popup-btn .video-play-btn .popup-video { width:50px;height:50px;border-radius:50%;font-size:14px;line-height:48px;border:1px solid #FFBB00;text-align:center;margin-right:20px;float:left;color:#FFBB00} @media (max-width:500px) { .experience-video-play .video-popup-btn .video-play-btn .popup-video { float:none;display:block;margin-bottom:10px} } .experience-video-play .video-popup-btn .video-play-btn .popup-video:hover { color:#161616;border-color:#161616} .experience-video-play .video-popup-btn .video-play-btn span { line-height:1.5} .checked-features-list.style-2 li { position:relative} .checked-features-list.style-2 li:hover::before { color:#4E5AFF} .checked-features-list.style-2 li::before { content:"\f058";color:#D4D6F5;font-weight:700;transition:all 0.3s ease-in-out} .checked-features-list.theme-color-4 li { position:relative} .checked-features-list.theme-color-4 li:hover::before { color:#4E5AFF} .checked-features-list.theme-color-4 li::before { content:"\f058";color:#FFBB00;transition:all 0.3s ease-in-out} .checked-features-list li { font-size:16px;color:#53545A;margin-top:10px;padding-left:30px} .checked-features-list li::before { position:absolute;top:0;left:0;content:"\f14a";font-family:"Font Awesome 5 Free";font-weight:300;color:#FF5E14;font-size:18px} .block-contents { padding-right:40px} @media (max-width:1199px) { .block-contents { padding-right:0} } @media (max-width:991px) { .block-contents { margin-left:0} } .block-contents span { margin-bottom:5px} .block-contents h4 { margin-top:40px;font-weight:600;padding:5px 28px;margin-bottom:30px;border-left:4px solid #001659} @media (max-width:767px) { .block-contents h4 { padding:5px 20px;font-size:18px} } .block-contents .theme-btn { margin-top:40px} @media (max-width:991px) { .block-contents .theme-btn { margin-top:30px} } @media (max-width:767px) { .block-contents .theme-btn { margin-top:20px} } .block-contents ul { margin-top:15px} @media (max-width:767px) { .block-contents ul { margin-left:0} } .block-contents ul li { font-size:16px;font-weight:500;margin-top:10px;padding-left:30px;display:block} .block-contents ul li::before { position:absolute;top:0;left:0;content:"\f058";font-family:"Font Awesome 5 Free";font-weight:700;color:#001659} .service-item-card { position:relative;z-index:1;background:#1F2124;border-radius:5px;padding:40px;padding-bottom:35px;overflow:hidden} .service-item-card .service-number { position:absolute;right:0px;padding-right:50px;top:30px;font-size:30px;font-weight:700;color:rgba(255,255,255,0.3);opacity:0.2;transition:all 0.3s ease-in-out} .service-item-card .service-number::before { position:absolute;right:0px;top:50%;width:40px;height:1px;content:"";background-color:#161616;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 0.3s ease-in-out} .service-item-card:hover .service-number { color:#161616;opacity:1} .service-item-card:hover .service-number::before { opacity:1;visibility:visible} .service-item-card:hover .icon { color:#161616} .service-item-card:hover .contents h4,.service-item-card:hover .contents p { color:#161616} .service-item-card:hover::after,.service-item-card:hover::before { opacity:1;visibility:visible} .service-item-card:hover::before { width:100%;z-index:-1} .service-item-card::after { position:absolute;width:100%;height:100%;content:"";background-color:#FFC21A;opacity:0;visibility:hidden;transition:all 0.4s ease-in-out;left:0;top:0;z-index:-2} .service-item-card::before { position:absolute;width:0%;height:100%;content:"";background-color:#FFBB00;opacity:0;visibility:hidden;transition:all 0.4s ease-in-out;left:0;top:0;z-index:-1;-webkit-clip-path:polygon(0 0,75% 0,36% 100%,0% 100%);clip-path:polygon(0 0,75% 0,36% 100%,0% 100%)} .service-item-card .icon { color:#FFBB00;font-size:54px;line-height:1} .service-item-card .contents h4 { margin:20px 0px;color:#fff} .service-item-card .contents p { color:#eee} .our-achievement-skill-wrapper ul li { display:inline-block;font-weight:600;position:relative;font-size:18px;color:#161616;text-transform:uppercase;margin-right:15px;padding-right:15px;line-height:1} .our-achievement-skill-wrapper ul li::before { position:absolute;right:0;height:4px;width:4px;border-radius:50%;content:"";background:#FFBB00;bottom:5px} .our-achievement-skill-wrapper ul li:last-child { margin-right:0;padding-right:0} .our-achievement-skill-wrapper ul li:last-child::before { display:none} .border-left { border-left:2px solid #FFBB00;padding-left:20px;margin-top:15px} .single-skill-circle-bar h6 { font-size:17px;font-weight:500;text-transform:uppercase} .global-title { position:relative;z-index:1} .global-title::before { position:absolute;left:0;height:1px;width:100%;content:"";background:#eee;top:50%;transform:translateY(-50%);z-index:-1} .global-title h4 { background:#fff;display:inline-block;font-weight:500;font-size:18px;padding-right:15px;margin-bottom:0} .brand-client-img { position:relative} @media (max-width:991px) { .brand-client-img img { max-width:70%} } @media (max-width:600px) { .brand-client-img img { max-width:80%} } .company-year { background:#FFBB00;position:absolute;padding:20px 40px;border-radius:10px;display:inline-block;bottom:100px;right:-60px;transform:rotate(-90deg)} @media (max-width:1191px) { .company-year { right:-20px} } .company-year h2 { font-size:70px;line-height:1;color:#161616;margin-bottom:0} @media (max-width:600px) { .company-year h2 { font-size:48px} } .company-year p { color:#161616;position:relative;z-index:1;background:#FFBB00} .company-year p::before { position:absolute;right:0;height:1px;width:50%;content:"";background:#161616;top:50%;transform:translateY(-50%);z-index:-1} .circle-border { z-index:1;position:relative} .circle-border::before { position:absolute;content:"";width:550px;height:550px;border-radius:50%;background-color:#fff;left:-5%;top:-9%;z-index:-1} @media (max-width:991px) { .circle-border::before { display:none} } .circle-border::after { position:absolute;content:"";width:166px;height:166px;border-radius:50%;background-color:#FFBB00;left:100px;top:100px;z-index:-1} @media (max-width:991px) { .circle-border::after { display:none} } .single-team-member-3 { text-align:center;position:relative;height:320px;background-color:#eee;width:100%;padding:20px;z-index:1;margin-top:30px;display:flex;align-items:center;justify-content:center;background-position:top center} .single-team-member-3::before { position:absolute;left:0;top:0;content:"";background-color:#FFBB00;width:100%;height:100%;opacity:0;visibility:hidden;z-index:-1;transition:all 0.4s} .single-team-member-3:hover::before { opacity:0.85;visibility:visible} .single-team-member-3:hover .member-info-card::before,.single-team-member-3:hover .member-info-card::after { opacity:1;visibility:visible} .single-team-member-3:hover .member-info-card .content { opacity:1;visibility:visible} .single-team-member-3:hover .member-info-card .content::before,.single-team-member-3:hover .member-info-card .content::after { opacity:1;visibility:visible} .single-team-member-3 .member-info-card::before { position:absolute;left:20px;top:20px;content:"";background-color:#161616;width:2px;height:56px;opacity:0;visibility:hidden;transition:all 0.4s} .single-team-member-3 .member-info-card::after { position:absolute;left:22px;top:20px;content:"";background-color:#161616;width:56px;height:2px;opacity:0;visibility:hidden;transition:all 0.4s} .single-team-member-3 .member-info-card .content { opacity:0;visibility:hidden;transition:all 0.4s} .single-team-member-3 .member-info-card .content::before { position:absolute;right:20px;bottom:20px;content:"";background-color:#161616;width:2px;height:56px;opacity:0;visibility:hidden;transition:all 0.4s} .single-team-member-3 .member-info-card .content::after { position:absolute;right:22px;bottom:20px;content:"";background-color:#161616;width:56px;height:2px;opacity:0;visibility:hidden;transition:all 0.4s} .single-team-member-3 .member-info-card .content h4 { margin-bottom:0px} .single-team-member-3 .member-info-card .content p { text-transform:uppercase;font-size:14px;color:#161616;font-weight:500} .single-team-member-3 .member-info-card .content .social-profile { margin-top:5px} .single-team-member-3 .member-info-card .content .social-profile a { margin:0 5px;color:#001659} .single-team-member-3 .member-info-card .content .social-profile a:hover { color:#FFF} .member-faces:hover .single-face { margin-right:0px} .member-faces .single-face { display:inline-block;width:38px;height:38px;border:3px solid #fff;border-radius:50%;box-sizing:border-box;background-color:#7367F0;box-shadow:0px 0px 8px rgba(0,0,0,0.14);background-size:cover;background-repeat:no-repeat;background-position:top;margin-right:-10px;z-index:1;transition:all 0.4s ease-in-out} .portfolio-showcase-carousel-active .single-recent-portfolio { width:100%;height:460px;background-color:#eee;display:flex;align-items:flex-end;margin-top:30px} @media (max-width:767px) { .portfolio-showcase-carousel-active .single-recent-portfolio { height:350px} } @media (max-width:500px) { .portfolio-showcase-carousel-active .single-recent-portfolio { height:300px} } .portfolio-showcase-carousel-active .single-recent-portfolio:hover .project-details { opacity:1;visibility:visible;transform:translateY(0)} .portfolio-showcase-carousel-active .single-recent-portfolio .project-details { background-color:#fff;display:inline-block;padding:25px 20px;position:relative;padding-right:90px;opacity:0;visibility:hidden;transform:translateY(25px);transition:all 0.3s ease-in-out} .portfolio-showcase-carousel-active .single-recent-portfolio .project-details h5 { font-weight:600;margin-bottom:0;line-height:1.4;text-transform:uppercase} .portfolio-showcase-carousel-active .single-recent-portfolio .project-details h5:hover a { color:#FFBB00} .portfolio-showcase-carousel-active .single-recent-portfolio .project-details span { font-size:14px;text-transform:uppercase;color:#53545a} .portfolio-showcase-carousel-active .single-recent-portfolio .project-details .project-link { position:absolute;right:20px;top:50%;transform:translateY(-50%);width:45px;height:45px;border:1px solid #EEEEEE;color:#9F9F9F;line-height:40px;text-align:center;font-size:16px;box-sizing:border-box;transition:all 0.3s ease-in-out} .portfolio-showcase-carousel-active .single-recent-portfolio .project-details .project-link:hover { color:#FFBB00;border-color:#FFBB00} .portfolio-showcase-carousel-active.owl-theme .owl-dots { margin-top:60px !important} .portfolio-showcase-carousel-active.owl-theme .owl-dots .owl-dot.active span::before,.portfolio-showcase-carousel-active.owl-theme .owl-dots .owl-dot:hover span::before { opacity:1;visibility:visible} .portfolio-showcase-carousel-active.owl-theme .owl-dots .owl-dot span { position:relative;width:20px;height:20px;border-radius:50%;border:1px solid #eee;background:transparent;margin:0px 7px} .portfolio-showcase-carousel-active.owl-theme .owl-dots .owl-dot span::before { position:absolute;width:6px;height:6px;content:"";background:#161616;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all 0.3s ease-in-out} .testimonial-wrapper { position:relative} .single-testimonial-carousel { position:relative;z-index:1} .single-testimonial-carousel .icon { margin-bottom:20px} .single-testimonial-carousel p { font-size:28px;font-style:italic;line-height:135%} .single-testimonial-carousel span { position:relative;padding-left:80px;display:block;margin-top:10px} .single-testimonial-carousel span::before { position:absolute;left:0;content:"";top:50%;transform:translateY(-50%);background-color:#707070;width:60px;height:1px} .single-testimonial-carousel span b { position:relative;padding-right:5px} .single-testimonial-carousel span b::before { position:absolute;right:-1px;content:","} .testimonial-img-right { position:relative} .testimonial-img-right::before { position:absolute;right:0;width:465px;height:465px;background:#f8f8f8;z-index:-1;content:"";border-radius:50%;top:50%;transform:translateY(-50%)} .testimonial-carousel-list.style-2 .owl-nav div { background-color:#FFBB00;border-color:#FFBB00;color:#161616} .testimonial-carousel-list.style-2 .owl-nav div:hover { background-color:#161616;border-color:#161616;color:#fff} .testimonial-carousel-list .owl-nav { margin-top:30px} .testimonial-carousel-list .owl-nav div { width:45px;height:45px;line-height:45px;border-radius:50%;background-color:#4E5AFF;color:#fff;text-align:center;display:inline-block;margin-top:10px;transition:all 0.3s ease-in-out;border:1px solid #eee;box-sizing:border-box} .testimonial-carousel-list .owl-nav div:hover { background-color:#001659} .testimonial-carousel-list .owl-nav div:first-child { margin-right:10px} .fun-fact-banner { padding-top:120px;padding-bottom:290px} @media (max-width:1199px) { .fun-fact-banner { padding-top:100px;padding-bottom:270px} } @media (max-width:767px) { .fun-fact-banner { padding-top:80px;padding-bottom:250px} } .single-skill-circle-bar h6 { font-size:17px;font-weight:500;text-transform:uppercase} .single-fun-fact h2 { font-size:50px;margin-bottom:0} .single-fun-fact h2 .odometer.odometer-auto-theme,.single-fun-fact h2 .odometer.odometer-theme-default { font-family:"Oswald",sans-serif;line-height:1.22;margin-top:-11px} .single-fun-fact h3 { margin-bottom:0} .call-phone-cta { background-color:#FFBB00;padding:67px 50px;border-radius:10px} @media (max-width:991px) { .call-phone-cta { padding:30px} } .call-phone-cta .icon { float:left;margin-right:20px;font-size:70px;overflow:hidden;line-height:1;color:#161616} @media (max-width:767px) { .call-phone-cta .icon { font-size:60px} } @media (max-width:480px) { .call-phone-cta .icon { float:inherit;margin-bottom:15px} } .call-phone-cta .content { overflow:hidden} .call-phone-cta .content span { text-transform:uppercase;font-size:16px;display:block;padding-bottom:10px} .call-phone-cta .content h3 { font-size:28px;line-height:1;margin-bottom:0;color:#161616} @media (max-width:767px) { .call-phone-cta .content h3 { font-size:22px} } .faq-question-wrapper { padding-left:70px;background:#fff;padding-top:80px;border-radius:10px} @media (max-width:1199px) { .faq-question-wrapper { padding:0px;border-radius:0px} } .faq-question-wrapper h2 { font-size:50px;font-weight:600} @media (max-width:1199px) { .faq-question-wrapper h2 { font-size:40px} } @media (max-width:991px) { .faq-question-wrapper h2 { font-size:36px} } @media (max-width:767px) { .faq-question-wrapper h2 { font-size:32px} } .faq-question-wrapper .faq-content { margin-top:50px} @media (max-width:991px) { .faq-question-wrapper .faq-content { margin-top:30px} } .faq-question-wrapper .faq-content .accordion-item { border:0;margin-top:15px;background:#f8f8f8} .faq-question-wrapper .faq-content .accordion-item .accordion-header { font-family:"Roboto",sans-serif;padding-left:10px} .faq-question-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-weight:700;color:#001659;letter-spacing:-0.2px;border:0;border-radius:0;box-shadow:none;background-color:transparent;padding:15px 20px;font-size:16px;font-weight:600;color:#161616;text-transform:uppercase} .faq-question-wrapper .faq-content .accordion-item .accordion-header .accordion-button::after { content:"+";background:transparent;font-family:"Font Awesome 5 Free";font-weight:600;transition:all 0.3s ease-in-out !important} .faq-question-wrapper .faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content:"\f068"} .faq-question-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-left:30px !important;padding-right:30px;padding-top:5px} .faq-ask-wrapper .container { margin-top:-200px;z-index:1;position:relative} .promo-banner-cta h2 { font-size:50px;font-weight:600} @media (max-width:1191px) { .promo-banner-cta h2 { font-size:46px} } @media (max-width:991px) { .promo-banner-cta h2 { font-size:42px} } @media (max-width:767px) { .promo-banner-cta h2 { font-size:38px} } @media (max-width:500px) { .promo-banner-cta h2 { font-size:32px} } .promo-banner-cta a { margin-top:30px} .latest-news-card { position:relative;background:#FBFBFB;margin-top:30px} .latest-news-card .post-thumb { width:100%;height:240px} .latest-news-card .content { padding:25px 30px} .latest-news-card .content h3 { font-size:22px;font-weight:500;line-height:32px} .latest-news-card .content h3:hover a { color:#FFBB00} .latest-news-card .content .post-cat { display:inline-block;margin-bottom:8px} .latest-news-card .content .post-cat:hover i,.latest-news-card .content .post-cat:hover a { color:#FFBB00} .latest-news-card .content .post-cat i,.latest-news-card .content .post-cat a { transition:all 0.3s ease-in-out;font-size:14px;line-height:1;text-transform:uppercase;font-weight:400 !important;color:#53545a !important} .latest-news-card .content .post-meta { text-transform:uppercase;font-size:14px} .footer-web { background-color:#171717} .footer-web h3,.footer-web h4 { font-size:18px;font-weight:500} .footer-web a { font-family:"Roboto",sans-serif !important;font-weight:400;color:#9b9b9b !important} .footer-web a:hover { color:#fff !important} .footer-web .footer-widgets-wrapper { border-bottom:1px solid #262626} .footer-web .footer-menu-3 ul { margin-left:-10px} .footer-web .footer-menu-3 ul li { display:inline-block;border-right:1px solid #262626;padding-right:10px} .footer-web .footer-menu-3 ul li:last-child { border:0px;padding-right:0px} .footer-web .footer-menu-3 ul li a { display:inline-block;margin-left:10px} .footer-web .footer-bottom { padding:20px 0px} .footer-web .footer-bottom .copyright-info a { color:#FFBB00 !important} .footer-web .footer-social a { display:inline-block;margin:0px 5px;font-size:16px} .footer-web .footer-social a:hover { color:#FFBB00} .footer-site-info img { display:block;width:143px} .footer-site-info ul { margin-top:30px} .footer-site-info ul li { display:block;margin-top:10px} .footer-site-info ul li a { display:inline-block;color:#9b9b9b} .footer-site-info ul li a:hover { color:#fff} .footer-wrapper .single-footer-wid { margin-top:40px} .footer-wrapper .single-footer-wid .wid-title { margin-bottom:40px} @media (max-width:767px) { .footer-wrapper .single-footer-wid .wid-title { margin-bottom:25px} } .footer-wrapper .single-footer-wid.site_info_box { text-align:center;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2);background-color:#fff;position:relative;margin-right:40px;padding:60px 40px;margin-top:-80px;z-index:9} .footer-wrapper .single-footer-wid.site_info_box .f_logo { margin-bottom:30px;display:block} .footer-wrapper .single-footer-wid.site_info_box p { font-size:14px} .footer-wrapper .single-footer-wid.site_info_box .social_link { margin-top:40px} @media (max-width:767px) { .footer-wrapper .single-footer-wid.site_info_box .social_link { margin-top:30px} } .footer-wrapper .single-footer-wid.site_info_box .social_link a { background-color:#f6f6f6;width:40px;height:40px;line-height:41px;border-radius:50px;font-size:14px;transition:all 0.3s ease-in-out;text-align:center;display:inline-block;color:#FF5E14;margin-right:5px} .footer-wrapper .single-footer-wid.site_info_box .social_link a:hover { color:#fff;background-color:#ff5e14} .footer-wrapper .single-footer-wid.site_info_widget .single-contact-info { overflow:auto;margin-bottom:20px;align-items:center;display:flex} .footer-wrapper .single-footer-wid.site_info_widget .single-contact-info:last-child { margin-bottom:0} .footer-wrapper .single-footer-wid.site_info_widget .single-contact-info p { color:#53545A} .footer-wrapper .single-footer-wid.site_info_widget .single-contact-info span { display:block;color:#53545A;font-size:14px} .footer-wrapper .single-footer-wid.site_info_widget .single-contact-info .icon { color:#FF5E14;float:left;text-align:center;overflow:hidden;font-size:24px;line-height:1;margin-right:20px;transition:all 0.3s ease-in-out} .footer-wrapper .single-footer-wid .social_link { margin-top:40px} @media (max-width:767px) { .footer-wrapper .single-footer-wid .social_link { margin-top:30px} } .footer-wrapper .single-footer-wid .social_link a { background-color:#0f0f0f;width:60px;height:60px;line-height:60px;border-radius:10px;font-size:16px;transition:all 0.3s ease-in-out;text-align:center;display:inline-block;color:#FF5E14;margin-right:5px} .footer-wrapper .single-footer-wid .social_link a:hover { color:#fff;background-color:#001659} .footer-wrapper .single-footer-wid ul li>a { color:#53545A;margin-bottom:15px;display:block;font-weight:400;text-transform:capitalize} @media (max-width:1191px) { .footer-wrapper .single-footer-wid ul li>a { margin-bottom:20px} } @media (max-width:767px) { .footer-wrapper .single-footer-wid ul li>a { margin-bottom:10px} } .footer-wrapper .single-footer-wid ul li>a:hover { color:#001659;padding-left:10px} .footer-wrapper .single-footer-wid ul li:last-child a { margin-bottom:0} .footer-wrapper .single-footer-wid.single-footer-wid_2 ul li a:hover { color:#FF5E14 !important} .newsletter_widget.style-2 form i { color:#FFBB00} .newsletter_widget.style-2 form input { color:#161616} .newsletter_widget.style-2 form button { background-color:#FFBB00;color:#161616} .newsletter_widget.style-2 form button:hover i { color:#fff} .newsletter_widget.style-2 form button i { color:#161616;transition:all 0.3s} .newsletter_widget form { position:relative} .newsletter_widget form>i { position:absolute;z-index:1;display:inline-block;line-height:60px;left:20px;color:#FF5E14} .newsletter_widget form input { width:100%;height:60px;line-height:60px;padding:0px 30px;padding-left:50px;position:relative;font-size:16px} .newsletter_widget form button { margin-top:20px;display:block;padding:20px 30px;background-color:#FF5E14;color:#FFF;text-align:center;border:0px;width:100%;line-height:1;text-transform:uppercase;font-weight:700;font-size:14px;transition:all 0.4s ease-in-out} .newsletter_widget form button:hover { background-color:#001659;color:#fff} .newsletter_widget form button i { margin-left:5px} .newsletter_widget p { margin-top:15px;display:block} .newsletter_widget p b { font-weight:700;color:#001659} .footer-widgets-wrapper { padding-top:50px;padding-bottom:90px} @media (max-width:991px) { .footer-widgets-wrapper { padding-top:30px;padding-bottom:70px} } .footer-bottom { padding:25px 0px} .footer-bottom p { color:#fff} .footer-bottom p a { color:#FF5E14} @font-face { font-family:"Beatrice Trial";src:url("../fonts/BeatriceTRIAL-Regular.ttf");font-weight:400;font-display:swap} @font-face { font-family:"Beatrice Trial";src:url("../fonts/BeatriceTRIAL-Medium.ttf");font-weight:500;font-display:swap} @font-face { font-family:"Beatrice Trial";src:url("../fonts/BeatriceTRIAL-Semibold.ttf");font-weight:600;font-display:swap} @font-face { font-family:"Beatrice Trial";src:url("../fonts/BeatriceTRIAL-Bold.ttf");font-weight:700;font-display:swap} @font-face { font-family:"Beatrice Trial";src:url("../fonts/BeatriceTRIAL-Extrabold.ttf");font-weight:800;font-display:swap} :root { --rr-ff-heading1:"Beatrice Trial",sans-serif;--rr-background-section-3-bg:#121212;--rr-text-primary-2:#121212;--rr-text-primary:#151515;--rr-theme-primary-2:#ECFF70} .section-bg-3 { background-color:var(--rr-background-section-3-bg)} .footer-bg-3 { background-color:var(--rr-text-primary-2)} .mb-minus-30 { margin-bottom:-30px} .row { --bs-gutter-x:30px} .rr-btn-2 { z-index:5;font-weight:600;font-size:16px;line-height:1;overflow:hidden;position:relative;padding:17px 34.3px;border-radius:500px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1);background-color:var(--rr-common-white)} .rr-btn-2 .btn-wrap { z-index:1;overflow:hidden;position:relative;display:inline-block} .rr-btn-2 .btn-wrap .text-one { position:relative;display:block;color:var(--rr-text-primary-2);transition:all 0.5s ease-in-out} .rr-btn-2 .btn-wrap .text-two { position:absolute;display:block;top:100%;color:var(--rr-text-primary-2);transition:all 0.5s ease-in-out} .rr-btn-2::before { content:"";width:0;height:100%;left:0;position:absolute;transition:all 0.5s ease-in-out;background-color:var(--rr-theme-primary-2)} .rr-btn-2:hover .btn-wrap .text-one { transform:translateY(-150%)} .rr-btn-2:hover .btn-wrap .text-two { top:50%;transform:translateY(-50%);display:block} .rr-btn-2:hover::before { width:100%} .section-3__title-wrapper-title { font-size:140px;line-height:140px;font-weight:400;margin-bottom:0;letter-spacing:-0.04em;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:992px) and (max-width:1199px) { .section-3__title-wrapper-title { font-size:110px;line-height:110px} } @media only screen and (min-width:768px) and (max-width:992px) { .section-3__title-wrapper-title { font-size:90px;line-height:90px} } @media only screen and (min-width:576px) and (max-width:767px) { .section-3__title-wrapper-title { font-size:75px;line-height:80px} } @media (max-width:575px) { .section-3__title-wrapper-title { font-size:41px;line-height:50px} } .section-3__title-wrapper-title span { margin-left:570px} @media only screen and (min-width:1200px) and (max-width:1399px) { .section-3__title-wrapper-title span { margin-left:520px} } @media only screen and (min-width:992px) and (max-width:1199px) { .section-3__title-wrapper-title span { margin-left:270px} } @media only screen and (min-width:768px) and (max-width:992px) { .section-3__title-wrapper-title span { margin-left:200px} } @media only screen and (min-width:576px) and (max-width:767px) { .section-3__title-wrapper-title span { margin-left:100px} } @media (max-width:575px) { .section-3__title-wrapper-title span { margin-left:0px} } .section-4__title-wrapper .section-title__subtitle { font-weight:400;font-size:16px;line-height:14px;display:inline-block;padding:10px 14.8px;border-radius:200px;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1);border:1px solid rgba(18,18,18,0.14)} .section-4__title-wrapper .section-title__title { font-weight:400;font-size:70px;line-height:74px;letter-spacing:-0.02em;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:768px) and (max-width:992px) { .section-4__title-wrapper .section-title__title { font-size:55px;line-height:65px} } @media only screen and (min-width:576px) and (max-width:767px) { .section-4__title-wrapper .section-title__title { font-size:45px;line-height:55px} .section-4__title-wrapper .section-title__title br { display:none} } @media (max-width:575px) { .section-4__title-wrapper .section-title__title { font-size:35px;line-height:45px} .section-4__title-wrapper .section-title__title br { display:none} } .upDown { animation:upDown 1.3S infinite alternate} @keyframes upDown { 0% { -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)} 100% { -webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)} } .upDown-top { animation:upDown 1S infinite alternate} @keyframes upDown-top { 0% { -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)} 100% { -webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)} } .leftRight { animation:leftRight 1.3S infinite alternate} @keyframes leftRight { 0% { -webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)} 100% { -webkit-transform:translateX(-15px);-moz-transform:translateX(-15px);-ms-transform:translateX(-15px);-o-transform:translateX(-15px);transform:translateX(-15px)} } .banner-section-3 { position:relative;text-align:center} .banner-section-3__space { padding-top:180px;padding-bottom:95px} @media only screen and (min-width:768px) and (max-width:992px) { .banner-section-3__space { padding-top:150px;padding-bottom:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner-section-3__space { padding-top:100px;padding-bottom:70px} } .banner-section-3__title { font-size:172px;line-height:1;text-align:center;display:inline-block;letter-spacing:-0.07em;text-transform:uppercase;color:rgb(83,83,83);font-weight:var(--rr-fw-medium);font-family:var(--rr-ff-heading1)} @media only screen and (max-width:1919px) { .banner-section-3__title { font-size:140px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .banner-section-3__title { font-size:145px} } @media only screen and (min-width:992px) and (max-width:1199px) { .banner-section-3__title { font-size:120px} } @media only screen and (min-width:768px) and (max-width:992px) { .banner-section-3__title { font-size:90px;line-height:100px} } @media only screen and (min-width:576px) and (max-width:767px) { .banner-section-3__title { font-size:70px;line-height:80px} } @media (max-width:575px) { .banner-section-3__title { font-size:39px;line-height:50px} } .banner-section-3__title span { color:var(--rr-common-white)} .banner-section-3__title span:last-of-type { font-weight:700} .banner-section-3__video { width:250px;height:124px;right:125px;top:68%;position:absolute;z-index:99;display:inline-block;transition:all 0.3s ease-in-out} @media only screen and (max-width:1919px) { .banner-section-3__video { width:210px;height:104px} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .banner-section-3__video { right:50px} } @media only screen and (min-width:992px) and (max-width:1199px) { .banner-section-3__video { width:200px;height:100px} } @media only screen and (min-width:768px) and (max-width:992px) { .banner-section-3__video { width:180px;height:110px;right:0} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner-section-3__video { right:inherit;position:inherit} } @media only screen and (min-width:576px) and (max-width:767px) { .banner-section-3__video { transform:translateY(20px)} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner-section-3__video { width:100%;height:100%} } @media (max-width:575px) { .banner-section-3__video { margin:0 auto;margin-top:20px;display:block} } .banner-section-3__video__wrapper { width:100vw;height:100vh;overflow:hidden} @media (min-width:0px) and (max-width:1700px) { .banner-section-3__video__wrapper { height:0} } .banner-section-3__video #myVideo { width:100%;height:100%;object-fit:cover} .banner-section-3__bottom__text { display:flex;margin-top:130px;align-items:center;flex-wrap:wrap;justify-content:space-between} @media only screen and (min-width:768px) and (max-width:992px) { .banner-section-3__bottom__text { margin-top:70px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .banner-section-3__bottom__text { margin-top:50px} } @media (max-width:575px) { .banner-section-3__bottom__text { justify-content:center} } .banner-section-3__bottom__text span { font-weight:600;font-size:14px;line-height:14px;text-align:center;text-transform:uppercase;color:var(--rr-common-white);font-family:var(--rr-ff-body)} @media (max-width:575px) { .banner-section-3__bottom__text span { margin-bottom:20px} .banner-section-3__bottom__text span:last-of-type { margin-bottom:0} } .banner-section-3__shape { position:absolute;top:123px;left:331px} @media only screen and (min-width:1600px) and (max-width:1700px) { .banner-section-3__shape { left:220px} } @media only screen and (min-width:1400px) and (max-width:1600px) { .banner-section-3__shape { left:120px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .banner-section-3__shape { left:60px} } @media only screen and (min-width:992px) and (max-width:1199px) { .banner-section-3__shape { top:95px;left:40px} } @media only screen and (min-width:768px) and (max-width:992px) { .banner-section-3__shape { top:140px;left:50px} .banner-section-3__shape img { width:50%} } @media only screen and (min-width:576px) and (max-width:767px) { .banner-section-3__shape { top:150px;left:20px} .banner-section-3__shape img { width:40%} } @media (max-width:575px) { .banner-section-3__shape { display:none} } .about-section-3__wrapper { padding-bottom:88px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__wrapper { margin-left:15px;margin-right:15px} } @media only screen and (min-width:576px) and (max-width:767px) { .about-section-3__wrapper { padding-bottom:60px} } .about-section-3__item1 .ruhe-white-btn-group>*:nth-child(1) { transform:scale3d(1,1,1);margin-inline-end:0;opacity:1;display:none} .about-section-3__item2 { max-width:945px;height:auto;object-fit:cover} .about-section-3__btn .about-sub-btn-3 { font-family:var(--rr-ff-body);font-style:normal;font-weight:var(--rr-fw-regular);font-size:16px;line-height:14px;text-align:center;color:#121212;border:1px solid rgba(18,18,18,0.14);border-radius:100px;padding:13px 18px 12px 19px;transition:all 0.3s ease-in-out} .about-section-3__btn .about-sub-btn-3:hover { background:#121212;color:#fff} .about-section-3__thumb { text-align:center;padding-top:59px} @media only screen and (min-width:768px) and (max-width:992px) { .about-section-3__thumb { padding-top:35px;margin-bottom:40px} } @media only screen and (min-width:576px) and (max-width:767px) { .about-section-3__thumb { padding-top:20px;padding-bottom:40px} } @media (max-width:575px) { .about-section-3__thumb { margin-bottom:40px} } .about-section-3__thumb img { width:inherit} .about-section-3__content { margin-left:-25px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__content { margin-left:10px} } @media only screen and (min-width:1400px) and (max-width:1600px) { .about-section-3__content .section-title__title { font-size:60px} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:768px) and (max-width:992px) { .about-section-3__content .section-title__title { font-size:50px;line-height:60px} } @media only screen and (min-width:992px) and (max-width:1199px) { .about-section-3__content .section-title__title { font-size:40px;line-height:50px} } .about-section-3__content p { font-size:18px;line-height:30px;margin-top:42px;margin-bottom:55px;color:rgba(18,18,18,0.6);font-family:var(--rr-ff-body);font-weight:var(--rr-fw-regular)} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__content p br { display:none} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__content p { margin:30px 0} } @media (max-width:575px) { .about-section-3__content p { font-size:16px} } .about-section-3__btn .rr-btn-ru { padding:4px;padding-right:21px;color:var(--rr-text-primary-2);border:1px solid rgba(18,18,18,0.14)} .about-section-3__btn .rr-btn-ru span { width:40px;height:40px;color:var(--rr-common-white);background:var(--rr-text-primary-2)} .about-section-3__btn .rr-btn-ru:hover { color:var(--rr-common-white)} .about-section-3__btn .rr-btn-ru:hover span { color:var(--rr-text-primary-2);background-color:var(--rr-common-white)} .about-section-3__counter-item { padding:35px 35px 29px 40px;border:1px solid #D9D9D9;position:relative;overflow:hidden;position:relative} @media only screen and (min-width:1200px) and (max-width:1399px) { .about-section-3__counter-item { padding:35px 30px 29px 30px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .about-section-3__counter-item { padding:30px 20px 29px 30px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__counter-item { text-align:center} } .about-section-3__counter-item p { font-family:var(--rr-ff-heading1);font-style:normal;font-weight:var(--rr-fw-medium);font-size:16px;line-height:24px;color:#121212;padding-bottom:69px} @media only screen and (min-width:768px) and (max-width:992px) { .about-section-3__counter-item p { padding-bottom:30px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__counter-item p { padding-bottom:15px} } .about-section-3__counter-item .sub-titles { font-family:var(--rr-ff-heading1);font-style:normal;font-weight:var(--rr-fw-regular);font-size:134px;line-height:1;text-transform:uppercase;color:#121212} @media only screen and (max-width:1919px) { .about-section-3__counter-item .sub-titles { font-size:104px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .about-section-3__counter-item .sub-titles { font-size:100px} } @media only screen and (min-width:992px) and (max-width:1199px) { .about-section-3__counter-item .sub-titles { font-size:68px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__counter-item .sub-titles { font-size:60px} } .about-section-3__counter-item .sub-titles span { font-family:var(--rr-ff-heading1);font-style:normal;font-weight:var(--rr-fw-regular);font-size:134px;line-height:1;text-transform:uppercase;color:#121212;margin-left:0} @media only screen and (max-width:1919px) { .about-section-3__counter-item .sub-titles span { font-size:104px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .about-section-3__counter-item .sub-titles span { font-size:100px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .about-section-3__counter-item .sub-titles span { font-size:70px} } .about-section-3__counter-item .about-shape { position:absolute;bottom:-29px;right:-100px;transform:matrix(0.71,-0.71,0.71,0.71,0,0)} @media only screen and (min-width:768px) and (max-width:992px) { .about-section-3__counter-item .about-shape { display:none} } .service-3__img { opacity:0;position:absolute;transition:all 0.5s ease-in-out;transform:rotate(0deg) translateX(0px) translateY(0px);-webkit-transform:rotate(0deg) translateX(0px) translateY(0px)} .service-3__img-wrapper { position:relative;width:100%;height:100%} @media only screen and (min-width:1200px) and (max-width:1399px) { .service-3__img { width:85%} } @media only screen and (min-width:992px) and (max-width:1199px) { .service-3__img { width:75%} } .service-3__img.active { opacity:1;transform:rotate(15deg) translateX(70px) translateY(-20px);-webkit-transform:rotate(15deg) translateX(70px) translateY(-20px)} .service-3__list { margin-left:100px} @media only screen and (min-width:992px) and (max-width:1199px) { .service-3__list { margin-left:40px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .service-3__list { margin-left:0px} } .service-3__item { display:flex;align-items:center;justify-content:space-between;padding:34px 0;padding-right:14px;transition:all 0.5s ease-in-out;border-bottom:1px solid rgba(18,18,18,0.14)} .service-3__item.active { padding-left:30px;background-color:var(--rr-text-primary-2)} @media (max-width:575px) { .service-3__item.active { padding-left:18px} } .service-3__item.active .service-3__number span { color:var(--rr-common-white)} .service-3__item.active .service-3__title { color:var(--rr-common-white)} .service-3__item.active .service-3__link span svg [stroke="#717171"] { stroke:var(--rr-common-white)} .service-3__list a:first-of-type .service-3__item { border-top:1px solid rgba(18,18,18,0.14)} .service-3__text-wrapper { display:flex;align-items:center;column-gap:100px} @media (max-width:575px) { .service-3__text-wrapper { display:block} } .service-3__number span { font-weight:400;font-size:20px;line-height:100%;color:rgba(18,18,18,0.6);font-family:var(--rr-ff-heading1)} .service-3__title { font-weight:400;font-size:22px;line-height:100%;letter-spacing:-0.02em;text-transform:capitalize;color:rgba(18,18,18,0.6);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .service-3__title { font-size:19px;margin-top:15px} } .service-3__link span svg { transform:rotate(-45deg)} .project-bg-area { height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative} .project-bg-inner .bg-circle { width:40px;height:80px;z-index:-1;border-radius:40px;background-color:var(--rr-text-primary-2)} .project-section-3 .section-3__title-wrapper-title { color:var(--rr-common-white)} .project-section-3 .section-3__title-wrapper-title span { margin-left:380px} @media only screen and (min-width:992px) and (max-width:1199px) { .project-section-3 .section-3__title-wrapper-title span { margin-left:270px} } @media only screen and (min-width:768px) and (max-width:992px) { .project-section-3 .section-3__title-wrapper-title span { margin-left:200px} } @media only screen and (min-width:576px) and (max-width:767px) { .project-section-3 .section-3__title-wrapper-title span { margin-left:100px} } @media (max-width:575px) { .project-section-3 .section-3__title-wrapper-title span { margin-left:0px} } .project-section-3__thumb { position:relative;overflow:hidden;display:inline-block;width:100%;height:auto} .project-section-3__thumb img { width:100%;height:100%;cursor:none;object-fit:cover} .project-section-3__wrapper { display:grid;gap:30px 30px;grid-template-columns:repeat(4,1fr)} @media (max-width:575px) { .project-section-3__wrapper { grid-template-columns:repeat(1,1fr)} } .project-section-3__item:hover .project-section-3__tag { opacity:1;bottom:30px;visibility:visible} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .project-section-3__item:hover .project-section-3__tag { bottom:20px} } @media (max-width:575px) { .project-section-3__item { grid-column:span 1 !important;margin:auto} } .project-section-3__item:nth-child(1) { grid-column:span 2;margin:auto} .project-section-3__item:nth-child(1) .project-section-3__thumb img { width:inherit} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .project-section-3__item:nth-child(1) .project-section-3__thumb img { width:100%} } .project-section-3__item:nth-child(2) { grid-column:span 2} .project-section-3__item:nth-child(3) { grid-column:span 2} .project-section-3__item:nth-child(4) { grid-column:span 1} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .project-section-3__item:nth-child(4) { grid-column:span 2} } .project-section-3__item:nth-child(5) { grid-column:span 1} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .project-section-3__item:nth-child(5) { grid-column:span 2} } .project-section-3__item:nth-child(6) { grid-column:span 2;margin:auto} .project-section-3__item:nth-child(7) { grid-column:span 2} .project-section-3__item:nth-child(8) { grid-column:span 2} .project-section-3__item:nth-child(8) .project-section-3__thumb { width:inherit} .project-section-3__item:nth-child(8) .project-section-3__thumb img { width:inherit} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .project-section-3__item:nth-child(8) .project-section-3__thumb img { width:100%} } .project-section-3__item:nth-child(9) { grid-column:span 1} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .project-section-3__item:nth-child(9) { grid-column:span 2} } .project-section-3__item:nth-child(10) { grid-column:span 1} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .project-section-3__item:nth-child(10) { grid-column:span 2} } .project-section-3__item:nth-child(11) { grid-column:3/5} .project-section-3__tag { left:0;right:0;bottom:0;opacity:0;display:flex;flex-wrap:wrap;list-style:none;column-gap:10px;position:absolute;visibility:hidden;align-items:center;margin-bottom:-5px;justify-content:center;transition:all 0.3s ease-in-out} @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .project-section-3__tag { display:none} } .project-section-3__tag li { font-size:13px;line-height:14px;margin-bottom:5px;padding:11px 16.8px;display:inline-block;text-transform:uppercase;color:var(--rr-common-white);font-weight:var(--rr-fw-sbold);font-family:var(--rr-ff-heading1);background:var(--rr-text-primary-2)} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) { .project-section-3__tag li { padding:8px 11px} } .project-section-3__info__title { font-size:15px;line-height:22px;margin-top:13px;text-transform:uppercase;color:var(--rr-common-white);font-weight:var(--rr-fw-medium);font-family:var(--rr-ff-heading1)} .project-section-3__btn { margin-top:105px} @media only screen and (min-width:992px) and (max-width:1199px) { .project-section-3__btn { margin-top:0} } @media only screen and (min-width:768px) and (max-width:992px) { .project-section-3__btn { margin-top:50px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .project-section-3__btn { margin-top:35px} } .project-section-3__btn a { width:100%;font-weight:400;font-size:40px;line-height:14px;position:relative;display:inline-flex;align-items:center;justify-content:space-between;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .project-section-3__btn a { font-size:30px} .project-section-3__btn a span { margin-left:10px} } .project-section-3__btn a:hover { color:rgba(255,255,255,0.6)} .project-section-3__btn a::before { content:"";width:100%;height:1px;bottom:-23px;left:0;position:absolute;background-color:var(--rr-common-white)} .award-section-3 .section-3__title-wrapper { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .award-section-3 .award-section__shape { margin-right:75px} .award-section-3 .award-section__wrap { margin-right:108px} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .award-section-3 .award-section__wrap { margin-right:0} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .award-section-3 .award-section__wrap { margin-bottom:30px} } .award-section-3 .award-section__item { position:relative;padding:39.5px 0;border-bottom:1px solid rgba(18,18,18,0.6)} .award-section-3 .award-section__item:first-of-type { border-top:1px solid rgba(18,18,18,0.6)} .award-section-3 .award-section__item.item-5 .rr-hover-reveal-bg { height:305px} .award-section-3 .award-section__item::before { content:"";width:100%;height:0;bottom:0;z-index:-1;position:absolute;transition:all 0.3s ease-in-out;background-color:var(--rr-text-primary-2)} .award-section-3 .award-section__item:hover::before { top:0;bottom:auto;height:100%} .award-section-3 .award-section__item:hover .award-section__title { margin-left:30px;color:var(--rr-common-white)} .award-section-3 .award-section__item:hover .award-section__date { color:var(--rr-common-white)} @media (max-width:575px) { .award-section-3 .award-section__item:hover .award-section__date { margin-left:30px} } .award-section-3 .award-section__item:hover .award-section__cat { color:var(--rr-common-white)} @media (max-width:575px) { .award-section-3 .award-section__item:hover .award-section__cat { margin-left:30px} } .award-section-3 .award-section__item.item-1 { padding-right:175px} @media only screen and (min-width:576px) and (max-width:767px) { .award-section-3 .award-section__item.item-1 { padding-right:49px} } @media (max-width:575px) { .award-section-3 .award-section__item.item-1 { padding-right:0px} } .award-section-3 .award-section__item.item-2 { padding-right:95px} @media only screen and (min-width:576px) and (max-width:767px) { .award-section-3 .award-section__item.item-2 { padding-right:30px} } @media (max-width:575px) { .award-section-3 .award-section__item.item-2 { padding-right:0px} } .award-section-3 .award-section__item.item-3 { padding-right:171px} @media only screen and (min-width:576px) and (max-width:767px) { .award-section-3 .award-section__item.item-3 { padding-right:45px} } @media (max-width:575px) { .award-section-3 .award-section__item.item-3 { padding-right:0px} } .award-section-3 .award-section__item.item-4 { padding-right:159px} @media only screen and (min-width:576px) and (max-width:767px) { .award-section-3 .award-section__item.item-4 { padding-right:33px} } @media (max-width:575px) { .award-section-3 .award-section__item.item-4 { padding-right:0px} } .award-section-3 .award-section__item.item-5 { padding-right:176px} @media only screen and (min-width:576px) and (max-width:767px) { .award-section-3 .award-section__item.item-5 { padding-right:50px} } @media (max-width:575px) { .award-section-3 .award-section__item.item-5 { padding-right:0px} } .award-section-3 .award-section__content { display:flex;align-items:center;justify-content:space-between} @media (max-width:575px) { .award-section-3 .award-section__content { display:block} } .award-section-3 .award-section__date,.award-section-3 .award-section__cat { font-weight:500;font-size:14px;line-height:1;color:rgba(18,18,18,0.6);font-family:var(--rr-ff-heading1)} .award-section-3 .award-section__info { display:flex;align-items:center} .award-section-3 .award-section__date { margin-right:16px;padding-right:16px;position:relative} .award-section-3 .award-section__date::after { content:"";width:1px;height:15px;top:0;right:0;position:absolute;transform:rotate(10deg);background-color:rgba(18,18,18,0.6)} .award-section-3 .award-section__title { font-weight:400;font-size:22px;line-height:1;letter-spacing:-0.02em;color:rgba(18,18,18,0.6);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .award-section-3 .award-section__title { font-size:18px;margin-bottom:20px} } .award-section-3 .award-section__received { max-width:400px;text-align:center;padding:80px 30px;padding-bottom:30px;margin:0 0 0 auto;background-color:var(--rr-text-primary-2)} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .award-section-3 .award-section__received { margin:0 auto} } .award-section-3 .award-section__number { font-weight:500;font-size:96px;line-height:1;margin-top:52px;margin-bottom:11px;letter-spacing:-0.04em;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} .award-section-3 .award-section__dec { font-weight:500;font-size:18px;line-height:1;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} .award-section-3 .award-section__btn .rr-btn-2 { width:100%;font-weight:400;font-size:18px;border-radius:0;margin-top:56px;padding:23.5px 34.3px;text-transform:capitalize} .rr-hover-reveal-item .rr-hover-reveal-bg { position:absolute;top:0;left:0;width:174px;height:259px;opacity:0;margin:-150px 0 0 -150px;overflow:hidden;pointer-events:none;z-index:99;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity 0.3s,transform 0.5s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.5s cubic-bezier(0.215,0.61,0.355,1)} .rr-hover-reveal-item:hover .rr-hover-reveal-bg { opacity:1;visibility:visible} .testimonial-section-3__wrapper { margin-left:160px} @media (max-width:1800px) { .testimonial-section-3__wrapper { margin-left:0} } .testimonial-section-3__content { max-width:540px;background:rgb(33,33,33);padding:60px 60px 10px 50px} @media only screen and (min-width:1400px) and (max-width:1600px) { .testimonial-section-3__content { padding:60px 35px 10px 35px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .testimonial-section-3__content { padding:60px 30px 10px 30px;margin-right:-50px;position:relative;z-index:9} } @media only screen and (min-width:576px) and (max-width:767px) { .testimonial-section-3__content { padding:30px 30px 10px 30px} } @media (max-width:575px) { .testimonial-section-3__content { padding:20px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial-section-3__content { max-width:100%;margin-bottom:40px} } .testimonial-section-3__subtitle { font-weight:500;font-size:16px;line-height:1;padding:10px 8.7px;text-align:center;display:inline-block;text-transform:uppercase;color:var(--rr-common-white);font-family:var(--rr-ff-heading1);border:1px solid rgba(255,255,255,0.141)} .testimonial-section-3__title { font-weight:500;font-size:60px;line-height:64px;margin-top:30px;margin-bottom:58px;letter-spacing:-0.02em;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial-section-3__title { margin-top:20px;margin-bottom:20px} } @media (max-width:575px) { .testimonial-section-3__title { font-size:40px;line-height:50px} } .testimonial-section-3__slide__arrow { width:54px;height:54px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--rr-common-white);transition:all 0.3s ease-in-out;background:var(--rr-text-primary)} .testimonial-section-3__slide__arrow:hover { color:var(--rr-text-primary);background-color:var(--rr-common-white)} @media (max-width:575px) { .testimonial-section-3__slide__arrow { margin-bottom:10px} .testimonial-section-3__slide__arrow:last-of-type { margin-bottom:0} } .testimonial-section-3__button { display:flex;align-items:center;justify-content:space-between;margin-right:-30px;margin-left:-20px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial-section-3__button { margin:0} } .testimonial-section-3__btn .btn { width:180px;height:180px;border-radius:500px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--rr-common-white)} .testimonial-section-3__btn .btn span { font-weight:400;font-size:16px;line-height:22px;text-align:start;transform:translateY(30px);display:inline-block;text-transform:uppercase;color:var(--rr-text-primary);font-family:var(--rr-ff-heading1)} .testimonial-section-3__btn .btn .arrow { position:relative;display:inline-block;transform:translateY(-30px)} .testimonial-section-3__btn .btn .arrow i { width:38px;height:38px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;border-radius:500px;transform:rotate(-45deg);color:var(--rr-common-white);background-color:var(--rr-theme-primary)} .testimonial-section-3__btn .btn .arrow::before { content:"";width:1px;height:100px;top:0px;bottom:0px;position:absolute;background-color:var(--rr-theme-primary);transform:rotate(-45deg) translateY(-5px)} .testimonial-section-3__icon { text-align:center;transform:translateY(6px)} .testimonial-section-3__wrap { margin-left:-34px} @media only screen and (min-width:1600px) and (max-width:1700px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:1200px) and (max-width:1399px) { .testimonial-section-3__wrap { margin-left:-15px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial-section-3__wrap { margin-left:0} } .testimonial-section-3__review ul { display:flex;align-items:center;column-gap:4px;justify-content:center;list-style:none} .testimonial-section-3__review ul li { color:#F8890A;font-size:18px} .testimonial-section-3__dec { font-weight:400;font-size:26px;line-height:44px;text-align:center;margin-top:35px;margin-bottom:22px;color:rgba(255,255,255,0.7);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .testimonial-section-3__dec { font-size:18px;line-height:35px;margin:20px 0} } .testimonial-section-3__author__thumb img { border-radius:500px} .testimonial-section-3__author__info { margin-top:28px;margin-bottom:15px} .testimonial-section-3__author__name { font-weight:500;font-size:18px;line-height:1;text-transform:uppercase;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} .testimonial-section-3__author__position { font-weight:400;font-size:15px;line-height:38px;text-transform:uppercase;color:rgba(255,255,255,0.6);font-family:var(--rr-ff-heading1)} .testimonial-section-3__bg__text { font-weight:500;font-size:89px;line-height:1;position:absolute;bottom:-20px;left:0;right:0;margin:0 -100%;letter-spacing:-0.02em;color:rgba(18,18,18,0.1);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .testimonial-section-3__bg__text { font-size:70px;bottom:-15px} } @media (max-width:575px) { .testimonial-section-3__bg__text { font-size:45px;bottom:-8px} } .testimonial-section-3__item { max-width:610px;text-align:center;padding:105px 73px;padding-bottom:72px;position:relative;overflow:hidden} @media only screen and (min-width:1600px) and (max-width:1700px) { .testimonial-section-3__item { padding-right:40px;padding-left:40px} } @media only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:768px) and (max-width:992px) { .testimonial-section-3__item { padding:70px 40px;padding-bottom:60px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .testimonial-section-3__item { padding-bottom:90px} } @media only screen and (min-width:992px) and (max-width:1199px) { .testimonial-section-3__item { padding:80px 50px;padding-bottom:70px} } @media (max-width:575px) { .testimonial-section-3__item { padding:50px 20px;padding-bottom:40px;margin:0 20px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .testimonial-section-3__item { margin:0 auto} } .testimonial-section-3__quote { position:absolute;top:0;right:110px} @media (max-width:575px) { .testimonial-section-3__quote { right:35px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .testimonial-section-3__active .swiper-wrapper { margin-left:-85px} } @media (min-width:768px) and (max-width:991px) { .testimonial-section-3__active .swiper-wrapper { margin-left:-110px} } .testimonial-section-3__active .swiper-slide-active .testimonial-section-3__item { background-color:var(--rr-common-white)} .testimonial-section-3__active .swiper-slide-active .testimonial-section-3__quote span svg [fill=white] { fill:rgb(18,18,18)} .testimonial-section-3__active .swiper-slide-active .testimonial-section-3__dec { color:rgba(18,18,18,0.7)} .testimonial-section-3__active .swiper-slide-active .testimonial-section-3__author__name { color:var(--rr-theme-primary)} .testimonial-section-3__active .swiper-slide-active .testimonial-section-3__author__position { color:rgba(18,18,18,0.6)} .testimonial-section-3__active .swiper-slide-active .testimonial-section-3__logo img { filter:invert(1) grayscale(0)} .our-clients__wrapper { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px} @media only screen and (min-width:1400px) and (max-width:1600px) { .our-clients__wrapper { gap:20px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .our-clients__wrapper { gap:15px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .our-clients__wrapper { gap:15px} } .our-clients__wrapper-space { margin-bottom:29px} @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .our-clients__wrapper-space { margin-bottom:15px} } @media only screen and (min-width:768px) and (max-width:992px) { .our-clients__wrapper-space { margin-bottom:0} } .our-clients__item { display:flex;align-items:center;justify-content:center;width:377.5px;height:150px;border:1px solid rgba(18,18,18,0.12);overflow:hidden;transition:all 0.3s ease-in-out} @media only screen and (min-width:1400px) and (max-width:1600px) { .our-clients__item { width:326.5px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .our-clients__item { width:270.5px;height:110px} } @media only screen and (min-width:992px) and (max-width:1199px) { .our-clients__item { width:229.5px;height:110px;flex-wrap:nowrap} } @media only screen and (min-width:768px) and (max-width:992px) { .our-clients__item { width:173.5px;height:100px} } @media only screen and (min-width:576px) and (max-width:767px) { .our-clients__item { width:265.5px;height:120px} } @media (max-width:575px) { .our-clients__item { width:291.5px;height:120px} } .our-clients__item:hover { border:1px solid var(--rr-theme-primary)} .our-clients__item:hover svg [opacity="0.2"] { opacity:1} .our-clients__next { display:flex;align-items:center;justify-content:center;width:377.5px;height:153px} @media only screen and (min-width:1400px) and (max-width:1600px) { .our-clients__next { width:331.5px} } @media only screen and (min-width:1200px) and (max-width:1399px) { .our-clients__next { width:270.5px;height:110px} } @media only screen and (min-width:992px) and (max-width:1199px) { .our-clients__next { width:229.5px} } @media only screen and (min-width:768px) and (max-width:992px) { .our-clients__next { width:174.5px;height:148px} } @media only screen and (min-width:576px) and (max-width:767px) { .our-clients__next { width:267.5px;height:122px} } .our-clients__next a { font-weight:400;font-size:22px;line-height:34px;position:relative;color:var(--rr-theme-primary);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:768px) and (max-width:992px) { .our-clients__next a { font-size:18px} } .our-clients__next a i { font-size:18px;margin-left:20px} .our-clients__next a::before { content:"";width:100%;height:1px;bottom:-4px;left:0;position:absolute;transition:all 0.3s ease-in-out;background-color:var(--rr-theme-primary)} .our-clients__next a:hover { opacity:0.7} .our-clients__next a:hover::before { width:0} .blog-3__top { gap:10px;display:flex;align-items:center;margin-bottom:10px;justify-content:center} @media (max-width:575px) { .blog-3__top { display:block} } .blog-3__top__list { list-style:none;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;background-color:rgba(18,18,18,0.06)} @media only screen and (min-width:768px) and (max-width:992px) { .blog-3__top__list { height:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .blog-3__top__list { height:70px} } .blog-3__top__list li { font-weight:400;font-size:20px;line-height:34px;text-transform:uppercase;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1)} .blog-3__top__list li:first-of-type { transform:translateX(50px)} @media only screen and (min-width:576px) and (max-width:767px) { .blog-3__top__list li:first-of-type { transform:translateX(20px)} } .blog-3__top__btn .rr-btn-2 { padding:0;width:250px;height:100px;border-radius:0;font-weight:500;font-size:18px;line-height:34px;text-transform:uppercase;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1);background-color:rgba(18,18,18,0.06)} @media only screen and (min-width:768px) and (max-width:992px) { .blog-3__top__btn .rr-btn-2 { height:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .blog-3__top__btn .rr-btn-2 { height:70px} } @media (max-width:575px) { .blog-3__top__btn .rr-btn-2 { width:100%;margin-top:10px} } .blog-3__top__btn .rr-btn-2 i { margin-left:9px} .blog-3__item { position:relative;margin-bottom:10px;background:rgba(18,18,18,0.06);transition:all 0.3s ease-in-out;display:block;text-decoration:none;color:inherit} .blog-3__item:last-of-type { margin-bottom:0} .blog-3__item::before { content:"";width:100%;height:0;bottom:0;z-index:-1;position:absolute;transition:all 0.3s ease-in-out;background-color:var(--rr-text-primary-2)} .blog-3__item:hover::before { height:100%;top:0;bottom:auto} .blog-3__item:hover .blog-3__thumb::before { display:none} .blog-3__item:hover .blog-3__thumb img { width:100%} @media only screen and (min-width:992px) and (max-width:1199px) { .blog-3__item:hover .blog-3__thumb img { width:80%} } .blog-3__item:hover .blog-3__meta__cat { color:var(--rr-common-white);border:1px solid rgba(255,255,255,0.3)} .blog-3__item:hover .blog-3__meta__date { color:rgba(255,255,255,0.7)} .blog-3__item:hover .blog-3__title { color:var(--rr-common-white);text-shadow:0 0 2px rgba(0,0,0,0.3)} .blog-3__item:hover { text-decoration:none;color:inherit} .blog-3__item:focus { outline:2px solid var(--rr-text-primary-2);outline-offset:2px} .blog-3__content { padding:63px 0 53px 70px;width:100%} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px) { .blog-3__content { padding:40px 0 30px 40px} } @media (max-width:575px) { .blog-3__content { padding:30px 20px} } .blog-3__thumb { position:absolute;right:0;top:0;text-align:end;width:inherit;transition:all 0.5s ease-in-out} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .blog-3__thumb { position:inherit} .blog-3__thumb::before { display:none} } .blog-3__thumb img { width:51%;height:250px;object-fit:cover;transition:all 0.3s 0s ease-out} @media (max-width:575px) { .blog-3__thumb img { width:100%} } .blog-3__thumb::before { content:"";width:10px;height:100%;position:absolute;background-color:var(--rr-common-white)} .blog-3__meta__cat { font-weight:500;font-size:14px;line-height:1;margin-right:9px;padding:5px 15.6px;display:inline-block;text-transform:uppercase;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1);border:1px solid rgba(18,18,18,0.3)} .blog-3__meta__date { font-weight:500;font-size:16px;line-height:1;display:inline-block;text-transform:uppercase;color:rgba(18,18,18,0.7);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .blog-3__meta__date { margin-top:10px} } .blog-3__meta__date i { margin-right:2px} .blog-3__title { font-weight:500;font-size:28px;line-height:38px;margin-top:30px;letter-spacing:-0.04em;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .blog-3__title { font-size:24px;line-height:35px;letter-spacing:0;margin-top:20px} .blog-3__title br { display:none} } .footer-3-space-top { padding-top:120px} @media only screen and (min-width:768px) and (max-width:992px) { .footer-3-space-top { padding-top:80px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3-space-top { padding-top:70px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__wedget.wedget-1 { margin-bottom:50px} } .footer-3__wedget.wedget-2 { margin-left:50px} @media only screen and (min-width:1200px) and (max-width:1399px) { .footer-3__wedget.wedget-2 { margin-left:40px} } @media only screen and (min-width:992px) and (max-width:1199px) { .footer-3__wedget.wedget-2 { margin-left:60px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__wedget.wedget-2 { margin-bottom:50px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__wedget.wedget-2 { margin-left:0} } .footer-3__wedget.wedget-3 { margin-left:40px;margin-right:-30px} @media only screen and (min-width:1200px) and (max-width:1399px) { .footer-3__wedget.wedget-3 { margin-left:15px} } @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .footer-3__wedget.wedget-3 { margin-right:0px;margin-left:0px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__wedget.wedget-3 { margin-bottom:50px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__wedget.wedget-3 { margin-left:0;margin-right:0} } .footer-3__wedget.wedget-4 { margin-left:80px} @media only screen and (min-width:1200px) and (max-width:1399px) { .footer-3__wedget.wedget-4 { margin-left:40px} } @media only screen and (min-width:992px) and (max-width:1199px) { .footer-3__wedget.wedget-4 { margin-left:0px;margin-top:50px} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__wedget.wedget-4 { margin-left:0px;margin-bottom:50px} } .footer-3__shape { position:absolute;right:506px;bottom:268px} @media only screen and (min-width:992px) and (max-width:1199px) { .footer-3__shape { right:65px;bottom:350px} } @media only screen and (min-width:768px) and (max-width:992px) { .footer-3__shape { right:170px;bottom:405px} } .footer-3__logo img { width:165px} .footer-3__content h2 { font-weight:400;font-size:50px;line-height:60px;margin-top:24px;margin-bottom:45px;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .footer-3__content h2 { font-size:45px;margin-bottom:30px} } .footer-3__btn a::after { content:"";width:8px;height:8px;border-radius:30px;display:inline-block;transform:translate(8px,0px);background-color:var(--rr-text-primary-2)} .footer-3__title { font-weight:500;font-size:24px;line-height:1;margin-bottom:48px;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__title { margin-bottom:35px} } .footer-3__menu ul { list-style:none} .footer-3__menu ul li { margin-bottom:23px;line-height:normal} .footer-3__menu ul li:last-of-type { margin-bottom:0} .footer-3__menu ul li a { font-weight:400;font-size:16px;line-height:1;opacity:0.7;display:inline-block;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} .footer-3__menu ul li a:hover { opacity:1} .footer-3__menu ul li a::before { content:"";width:4px;height:4px;border-radius:30px;display:inline-block;margin-right:11px;transform:translateY(-4px);background-color:var(--rr-common-white)} .footer-3__contact__list { display:flex;align-items:center;column-gap:15px;margin-bottom:30px} .footer-3__contact__list:last-of-type { margin-bottom:0} .footer-3__contact__list .icon { min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid rgba(255,255,255,0.2)} .footer-3__contact__list a { font-weight:500;font-size:18px;line-height:30px;opacity:0.7;color:var(--rr-common-white);transition:all 0.3s ease-in-out;font-family:var(--rr-ff-heading1)} .footer-3__contact__list a:hover { opacity:1} .footer-3__newsletter__dec { font-weight:400;font-size:20px;line-height:30px;opacity:0.7;letter-spacing:0.02em;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} .footer-3__newsletter__input { position:relative;margin-top:40px;margin-bottom:12px} .footer-3__newsletter__input input { height:70px;padding-left:20px;padding-right:125px;background:transparent;color:rgba(255,255,255,0.3);border:1.5px solid rgba(255,255,255,0.2);outline:none;width:100%;font-size:16px} @media (max-width:575px) { .footer-3__newsletter__input input { padding-right:20px} } .footer-3__newsletter__input .submit-btn { top:10px;right:10px;font-size:15px;font-weight:500;border-radius:0;position:absolute;display:inline-flex;padding:17.5px 13.2px;letter-spacing:-0.04em;text-transform:uppercase;color:var(--rr-text-primary-2);font-family:var(--rr-ff-heading1);background-color:var(--rr-common-white)} @media (max-width:575px) { .footer-3__newsletter__input .submit-btn { position:inherit;margin:20px 0;margin-left:10px} } .footer-3__newsletter__checkbox { line-height:normal} .footer-3__newsletter__checkbox label { font-weight:400;font-size:15px;line-height:1;opacity:0.8;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media (max-width:575px) { .footer-3__newsletter__checkbox label { font-size:13px} } .footer-3__newsletter__checkbox .form-check-input { width:15px;height:15px;margin-top:5px;margin-right:3px;border-radius:1.5px;background-color:transparent;border:1.5px solid rgba(255,255,255,0.2)} .footer-3__newsletter__checkbox .form-check-input:focus { outline:0;box-shadow:none;border-color:inherit} .footer-3__newsletter__checkbox .form-check-input:checked { background-color:rgb(13,110,253);border-color:rgb(13,110,253)} .footer-3__bottom__wrapper { margin-top:275px;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)} @media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:992px) { .footer-3__bottom__wrapper { margin-top:150px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__bottom__wrapper { margin-top:70px} } .footer-3__bottom__content { display:flex;padding:23px 0;align-items:center;justify-content:space-between} @media only screen and (min-width:992px) and (max-width:1199px) { .footer-3__bottom__content { padding:15px 0} } @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__bottom__content { display:block} } .footer-3__bottom__content span>a { font-weight:500;font-size:40px;line-height:30px;margin-right:42px;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:992px) and (max-width:1199px) { .footer-3__bottom__content span>a { font-size:32px} } @media (max-width:575px) { .footer-3__bottom__content span>a { font-size:25px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__bottom__content span>a { margin:20px 0;display:inline-block} } .footer-3__bottom__title { font-weight:400;font-size:120px;line-height:1;margin-bottom:0;letter-spacing:-0.04em;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media only screen and (min-width:1400px) and (max-width:1600px) { .footer-3__bottom__title { font-size:100px} } @media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:576px) and (max-width:767px) { .footer-3__bottom__title { font-size:75px} } @media only screen and (min-width:992px) and (max-width:1199px) { .footer-3__bottom__title { font-size:60px} } @media only screen and (min-width:768px) and (max-width:992px) { .footer-3__bottom__title { font-size:100px} } @media (max-width:575px) { .footer-3__bottom__title { font-size:40px} } .footer-3__copyright__wrapper { display:flex;padding:40px 0;align-items:end;justify-content:space-between} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__copyright__wrapper { display:block;text-align:center} } .footer-3__copyright__dec { font-weight:500;font-size:18px;line-height:1;color:rgba(255,255,255,0.6);font-family:var(--rr-ff-heading1)} .footer-3__copyright__dec a { transition:all 0.3s ease-in-out} .footer-3__copyright__dec a:hover { opacity:1;color:var(--rr-common-white)} .footer-3__copyright__social { display:flex;align-items:center;column-gap:16px} @media only screen and (min-width:768px) and (max-width:992px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .footer-3__copyright__social { margin:15px 0;justify-content:center} } .footer-3__copyright__social a { width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:var(--rr-common-white);transition:all 0.3s ease-in-out;border:1px solid rgba(255,255,255,0.12)} .footer-3__copyright__social a:hover { color:var(--rr-text-primary-2);background-color:var(--rr-common-white)} .footer-3__copyright__menu { list-style:none} .footer-3__copyright__menu li { display:inline-block;margin-right:8px;padding-right:13px;position:relative} .footer-3__copyright__menu li::after { content:"";width:1px;height:16px;top:6px;right:0;position:absolute;background-color:var(--rr-common-white)} .footer-3__copyright__menu li:last-of-type { margin-right:0;padding-right:0} .footer-3__copyright__menu li:last-of-type::after { display:none} .footer-3__copyright__menu li a { font-weight:500;font-size:18px;line-height:1;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} .footer-3__copyright__menu li a:hover { opacity:0.6} .cb-cursor.-big .cb-cursor-text { width:180px;height:180px;opacity:1;border-radius:500px;transform:scale(1);background-color:var(--rr-text-primary-2)} @media (max-width:767px) { .cb-cursor.-big .cb-cursor-text { width:130px;height:130px} } .cb-cursor.-big .cb-cursor-text .btn2 span { font-weight:400;font-size:16px;line-height:22px;text-align:start;transform:translateY(30px);display:inline-block;text-transform:uppercase;color:var(--rr-common-white);font-family:var(--rr-ff-heading1)} @media (max-width:767px) { .cb-cursor.-big .cb-cursor-text .btn2 span { font-size:14px;transform:translateY(20px)} } .cb-cursor.-big .cb-cursor-text .btn2 .arrow { position:relative;display:inline-block;transform:translateY(-30px)} .cb-cursor.-big .cb-cursor-text .btn2 .arrow i { width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:500px;transform:rotate(-45deg);color:var(--rr-text-primary-2);background-color:var(--rr-common-white)} .cb-cursor.-big .cb-cursor-text .btn2 .arrow::before { content:"";width:1px;height:100px;top:0px;bottom:0px;position:absolute;transform:rotate(-45deg) translateY(-15px);background-color:var(--rr-common-white)} @media (max-width:767px) { .cb-cursor.-big .cb-cursor-text .btn2 .arrow::before { height:80px;transform:rotate(-45deg) translateY(-5px)} } .cb-cursor.-big.-text:before { display:none} .rr-primary-btn { background-color:var(--rr-color-theme-primary);font-family:var(--rr-ff-body);color:var(--rr-color-common-white);display:inline-flex;align-items:center;font-size:16px;font-weight:600;line-height:1;padding:22px 30px;border-radius:0px;transition:all 0.3s ease-in-out;overflow:hidden;text-transform:capitalize;position:relative;z-index:1} .rr-primary-btn:before { content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0.2);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:-moz-transform 0.4s cubic-bezier(0.4,0,0.2,1);-ms-transition:-ms-transform 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:-o-transform 0.4s cubic-bezier(0.4,0,0.2,1);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:-1} .rr-primary-btn i { margin-left:10px;font-size:14px;transform:rotate(-45deg);transition:all 0.3s ease-in-out} .rr-primary-btn:hover { color:var(--rr-color-common-white)} .rr-primary-btn:hover:before { -webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)} .rr-primary-btn:hover i { transform:rotate(0deg)} .rr-primary-btn:focus { color:var(--rr-color-common-white)} .rr-primary-btn.transparent { background-color:transparent;border:1px solid var(--rr-color-theme-primary);color:var(--rr-color-heading-primary)} .rr-primary-btn.transparent:hover { color:var(--rr-color-common-white)} .rr-primary-btn.transparent:before { background-color:var(--rr-color-theme-primary)} .web-development.dark { background-color:#02050A} .mb-50 { margin-bottom:50px} .pb-130 { padding-bottom:130px} @media only screen and (max-width:992px) { .pb-130 { padding-bottom:80px} } @media only screen and (max-width:767px) { .pb-130 { padding-bottom:60px} } .pt-130 { padding-top:130px} @media only screen and (max-width:992px) { .pt-130 { padding-top:80px} } @media only screen and (max-width:767px) { .pt-130 { padding-top:60px} } .bg-dark-1 { background-color:var(--rr-color-bg-1)} .reveal { visibility:hidden;position:relative;width:80%;height:80%;overflow:hidden} .reveal img { height:100%;width:100%;object-fit:cover;transform-origin:left} .anim-text { overflow:hidden} :root { --rr-ff-body:"Plus Jakarta Sans",sans-serif;--rr-ff-heading:"Plus Jakarta Sans",serif;--rr-ff-p:"Plus Jakarta Sans",sans-serif;--rr-fw-normal:normal;--rr-fw-thin:100;--rr-fw-elight:200;--rr-fw-light:300;--rr-fw-regular:400;--rr-fw-medium:500;--rr-fw-sbold:600;--rr-fw-bold:700;--rr-fw-ebold:800;--rr-fw-black:900;--rr-fs-body:16px;--rr-fs-p:16px;--rr-fs-h1:60px;--rr-fs-h2:48px;--rr-fs-h3:24px;--rr-fs-h4:20px;--rr-fs-h5:16px;--rr-fs-h6:14px;--rr-color-common-white:#ffffff;--rr-color-common-black:#000000;--rr-color-common-dark:#232323;--rr-color-heading-primary:#11151C;--rr-color-text-body:#B0B2B7;--rr-color-text-body-light:#74787C;--rr-color-theme-primary:#3F5AF3;--rr-color-theme-secondary:#ffc226;--rr-color-bg-1:#11151C;--rr-color-grey-1:#F8F8F8;--rr-color-grey-2:#2D343E;--rr-color-grey-light:#F2F3F4;--rr-color-border-1:#1E2228;--rr-color-border-light:#E4E4E4} .include-bg { background-position:center;background-size:cover;background-repeat:no-repeat} .section-heading { margin-bottom:60px;position:relative;z-index:1} @media only screen and (max-width:992px) { .section-heading { margin-bottom:40px} } .section-heading .section-title { font-size:48px;line-height:1.2;font-weight:700;display:block;margin-bottom:0;text-transform:inherit;position:relative;overflow:hidden} @media (max-width:1199px) { .section-heading .section-title { font-size:40px} .section-heading .section-title br { display:none} } @media only screen and (max-width:992px) { .section-heading .section-title { font-size:32px;max-width:100%} } @media only screen and (max-width:767px) { .section-heading .section-title { font-size:32px} } .section-heading .sub-heading { font-family:var(--rr-ff-p);color:var(--rr-color-theme-primary);font-size:14px;font-weight:700;display:inline-block;margin-bottom:25px;text-transform:uppercase;position:relative;padding:0 50px;overflow:hidden} @media only screen and (max-width:992px) { .section-heading .sub-heading { font-size:14px} } @media only screen and (max-width:767px) { .section-heading .sub-heading { font-size:12px} } .section-heading .sub-heading:after,.section-heading .sub-heading:before { background:linear-gradient(270deg,rgba(63,90,243,0.4) 0%,transparent 100%);content:"";width:37px;height:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .section-heading .sub-heading:after { background:linear-gradient(90deg,rgba(63,90,243,0.4) 0%,transparent 100%);left:auto;right:10px} .section-heading .sub-heading.active:before { left:0;opacity:1} .section-heading .sub-heading.active:after { right:0;opacity:1} .section-heading .sub-heading.after-none:after { display:none} .section-heading.heading-3 .section-title { font-size:40px;text-transform:uppercase} @media only screen and (max-width:992px) { .section-heading.heading-3 .section-title { font-size:28px;line-height:1.4} } .hero-section-3 { position:relative;z-index:1;overflow-x:clip} .hero-section-3 .hero-round-img { width:950px;height:950px;position:absolute;top:-20%;right:-15%;border-radius:50%} @media (max-width:1199px) { .hero-section-3 .hero-round-img { right:-35%;top:-35%} } @media only screen and (max-width:992px) { .hero-section-3 .hero-round-img { right:-60%;top:-70%} } @media only screen and (max-width:767px) { .hero-section-3 .hero-round-img { display:none} } .hero-section-3 .hero-round-img:before { background-color:var(--rr-color-theme-primary);mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%} .hero-section-3 .hero-round-img img { height:100%;width:100%;object-fit:cover;border-radius:50%;object-position:-266px 100px} .hero-section-3 .round-shape { background-color:#02050A;height:800px;width:800px;border-radius:50%;position:absolute;top:-29%;right:-21%} @media (max-width:1199px) { .hero-section-3 .round-shape { right:-45%;top:-45%} } @media only screen and (max-width:992px) { .hero-section-3 .round-shape { height:600px;width:600px} } @media only screen and (max-width:767px) { .hero-section-3 .round-shape { display:none} } .hero-section-3 .round-shape-2 { height:750px;width:750px;border-radius:50%;position:absolute;bottom:-50%;right:14%;opacity:0.46;background-color:var(--rr-color-grey-light)} @media (max-width:1199px) { .hero-section-3 .round-shape-2 { height:600px;width:600px} } @media only screen and (max-width:767px) { .hero-section-3 .round-shape-2 { display:none} } .dark .hero-section-3 .round-shape-2 { background-color:var(--rr-color-bg-1)} .hero-section-3 .border-shape { background-color:transparent;height:700px;width:700px;border-radius:50%;border:1px dashed var(--rr-color-bg-1);opacity:0.1;position:absolute;right:0;bottom:0} @media only screen and (max-width:992px) { .hero-section-3 .border-shape { display:none} } .dark .hero-section-3 .border-shape { opacity:100%} .hero-section-3 .scroll-down-btn { width:41px;height:80px;margin:0 auto;position:absolute;bottom:150px;left:49%;transform:translateX(-50%);z-index:90;animation:hero-anim-2 1s infinite linear alternate-reverse} @media only screen and (max-width:992px) { .hero-section-3 .scroll-down-btn { bottom:100px} } @media only screen and (max-width:767px) { .hero-section-3 .scroll-down-btn { bottom:30px;left:43%} } .dark .hero-section-3 .scroll-down-btn .light-img { display:none} .hero-section-3 .scroll-down-btn .dark-img { display:none} .dark .hero-section-3 .scroll-down-btn .dark-img { display:block} @-webkit-keyframes hero-anim-2 { 0% { -webkit-transform:translateY(0);transform:translateY(0)} 100% { -webkit-transform:translateY(15px);transform:translateY(15px)} } @keyframes hero-anim-2 { 0% { -webkit-transform:translateY(0);transform:translateY(0)} 100% { -webkit-transform:translateY(15px);transform:translateY(15px)} } .hero-content-3 { padding:360px 0 250px 0;padding-left:75px;position:relative;z-index:2} @media (max-width:1199px) { .hero-content-3 { padding-top:250px} } @media only screen and (max-width:992px) { .hero-content-3 { padding-top:100px;padding-left:30px;padding-right:30px;padding-bottom:150px} } @media only screen and (max-width:767px) { .hero-content-3 { padding-top:80px;padding-left:20px} } .hero-content-3 .title { font-size:120px;font-weight:700;text-transform:uppercase;margin-bottom:20px} .hero-content-3 .title.anim-text { overflow:visible} .hero-content-3 .title br { display:block} @media (max-width:1199px) { .hero-content-3 .title { font-size:80px} } @media only screen and (max-width:767px) { .hero-content-3 .title { font-size:32px} } .hero-content-3 .title span { color:var(--rr-color-theme-primary);position:relative} .hero-content-3 .title span:before { background-image:url(../../assets/imgs/web-development/hero-shape-4-light.webp);background-repeat:no-repeat;background-position:center center;background-size:contain;content:"";width:770px;height:770px;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);z-index:-1} @media (max-width:1199px) { .hero-content-3 .title span:before { width:600px;height:600px} } @media only screen and (max-width:767px) { .hero-content-3 .title span:before { width:250px;height:250px} } .dark .hero-content-3 .title span:before { background-image:url(../../assets/imgs/web-development/hero-shape-4.png)} .hero-content-3 p { font-size:22px;font-weight:500;max-width:880px;width:100%;line-height:1.8;margin-bottom:40px;color:#74787C} .dark .hero-content-3 p { color:var(--rr-color-common-white)} @media only screen and (max-width:767px) { .hero-content-3 p { font-size:16px} } .about-section-4 { position:relative;z-index:1} .about-section-4 .shape { position:absolute;bottom:0;left:0;z-index:-1;opacity:0.1} @media (max-width:1199px) { .about-section-4 .shape { bottom:50px} } @media only screen and (max-width:992px) { .about-section-4 .shape { display:none} } .dark .about-section-4 .shape { opacity:1} .about-img-wrap-4 { position:relative;text-align:right;max-width:670px;width:100%} .about-img-wrap-4 .img-1 { max-width:550px;width:100%;height:600px;margin-left:auto} @media only screen and (max-width:767px) { .about-img-wrap-4 .img-1 { height:400px} } .about-img-wrap-4 .img-1 img { width:100%;height:100%;object-fit:cover} .about-img-wrap-4 .img-2 { height:255px;width:255px;position:absolute;bottom:50px;left:0;border-top:10px solid var(--rr-color-common-white);border-right:10px solid var(--rr-color-common-white)} .dark .about-img-wrap-4 .img-2 { border-top:10px solid #02050A;border-right:10px solid #02050A} @media only screen and (max-width:767px) { .about-img-wrap-4 .img-2 { bottom:0} } .about-img-wrap-4 .img-2 img { width:100%;height:100%;object-fit:cover} .about-content-4 { padding-left:50px} @media (max-width:1199px) { .about-content-4 { padding-left:10px} } @media only screen and (max-width:992px) { .about-content-4 { margin-top:30px;padding-left:0} } .about-content-4 .section-heading .section-title { margin-bottom:40px} .about-content-4 .section-heading p { margin-bottom:40px;color:#74787C;font-size:16px;font-weight:var(--rr-fw-normal);line-height:28px} .dark .about-content-4 .section-heading p { color:var(--rr-color-text-body)} .about-content-4 .about-counter-wrap { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:20px;margin-bottom:40px;max-width:610px;width:100%} .about-content-4 .about-counter-wrap .about-counter { display:grid;align-items:center;grid-template-columns:60px 1fr;grid-gap:20px} .about-content-4 .about-counter-wrap .about-counter .title { font-size:40px;font-weight:700;margin-bottom:0} .about-content-4 .about-counter-wrap .about-counter p { margin-bottom:0;color:#74787C;font-size:16px;font-weight:var(--rr-fw-normal);line-height:28px} .dark .about-content-4 .about-counter-wrap .about-counter p { color:var(--rr-color-text-body)} .about-content-4 .about-counter-wrap .about-counter:hover .icon img { animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1} .service-left .section-heading .section-title { margin-bottom:30px} .service-box-wrap { display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;max-width:860px;width:100%} @media only screen and (max-width:767px) { .service-box-wrap { grid-template-columns:1fr} } .service-box-wrap .service-box { background-color:var(--rr-color-bg-1);position:relative;padding:40px} @media only screen and (max-width:767px) { .service-box-wrap .service-box { padding:30px 20px} } .service-box-wrap .service-box .number { color:#222731;font-size:48px;font-weight:700;position:absolute;top:40px;right:40px;line-height:1;display:block;font-style:italic} @media only screen and (max-width:767px) { .service-box-wrap .service-box .number { top:30px;right:20px} } .service-box-wrap .service-box .icon { margin-bottom:30px} .service-box-wrap .service-box .icon svg { color:var(--rr-color-theme-primary)} .service-box-wrap .service-box .title { font-size:24px;font-weight:700;margin-bottom:25px} .service-box-wrap .service-box .service-img { max-width:350px;width:100%;height:117px;position:relative;overflow:hidden} .service-box-wrap .service-box .service-img img { width:100%;height:100%;object-fit:cover;transform:scale(1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .service-box-wrap .service-box .service-img:before { background-color:#001AAB;mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.4;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1} .service-box-wrap .service-box .service-img:after { background:radial-gradient(100% 100% at 50% 0%,rgba(63,90,243,0) 0%,#3F5AF3 100%);filter:blur(75px);content:"";width:255px;height:255px;border-radius:50%;position:absolute;top:-150%;left:-25%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1} .service-box-wrap .service-box:nth-child(1) { border-bottom:1px solid var(--rr-color-border-1);border-right:1px solid var(--rr-color-border-1)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(1) { border:none} } .service-box-wrap .service-box:nth-child(2) { border-bottom:1px solid var(--rr-color-border-1)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(2) { border:none} } .service-box-wrap .service-box:nth-child(3) { border-right:1px solid var(--rr-color-border-1)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(3) { border:none} } @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(4) { border:none} } @media only screen and (max-width:767px) { .service-box-wrap .service-box:not(:last-of-type) { border-bottom:1px solid var(--rr-color-border-1)} } .service-box-wrap .service-box:hover .service-img:after { visibility:visible;opacity:1} .service-box-wrap .service-box:hover .service-img:before { visibility:visible;opacity:0.4} .service-box-wrap .service-box:hover .service-img img { transform:scale(1.03)} .service-box-wrap .service-box:hover .icon svg { animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1} .service-left .section-heading .section-title { margin-bottom:30px} .service-box-wrap { display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;max-width:860px;width:100%} @media only screen and (max-width:767px) { .service-box-wrap { grid-template-columns:1fr} } .service-box-wrap .service-box { position:relative;padding:40px;background-color:var(--rr-color-grey-light);border-color:var(--rr-color-border-light)} @media only screen and (max-width:767px) { .service-box-wrap .service-box { padding:30px 20px} } .dark .service-box-wrap .service-box { background-color:var(--rr-color-bg-1)} .service-box-wrap .service-box .number { font-size:48px;font-weight:700;position:absolute;top:40px;color:rgba(63,90,243,0.14);right:40px;line-height:1;display:block;font-style:italic} @media only screen and (max-width:767px) { .service-box-wrap .service-box .number { top:30px;right:20px} } .dark .service-box-wrap .service-box .number { color:#222731} .service-box-wrap .service-box .icon { margin-bottom:30px} .service-box-wrap .service-box .icon svg { color:var(--rr-color-theme-primary)} .service-box-wrap .service-box .title { font-size:24px;font-weight:700;margin-bottom:25px} .service-box-wrap .service-box .service-img { max-width:350px;width:100%;height:117px;position:relative;overflow:hidden} .service-box-wrap .service-box .service-img img { width:100%;height:100%;object-fit:cover;transform:scale(1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .service-box-wrap .service-box .service-img:before { background-color:#001AAB;mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.4;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1} .service-box-wrap .service-box .service-img:after { background:radial-gradient(100% 100% at 50% 0%,rgba(63,90,243,0) 0%,#3F5AF3 100%);filter:blur(75px);content:"";width:255px;height:255px;border-radius:50%;position:absolute;top:-150%;left:-25%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1} .service-box-wrap .service-box:nth-child(1) { background-color:var(--rr-color-grey-light);border-color:var(--rr-color-border-light)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(1) { border:none} } .dark .service-box-wrap .service-box:nth-child(1) { border-bottom:1px solid var(--rr-color-border-1);border-right:1px solid var(--rr-color-border-1);background-color:var(--rr-color-bg-1)} .service-box-wrap .service-box:nth-child(2) { border-color:var(--rr-color-border-light)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(2) { border:none} } .dark .service-box-wrap .service-box:nth-child(2) { border-bottom:1px solid var(--rr-color-border-1)} .service-box-wrap .service-box:nth-child(3) { border-color:var(--rr-color-border-light)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(3) { border:none} } .dark .service-box-wrap .service-box:nth-child(3) { border-right:1px solid var(--rr-color-border-1)} @media only screen and (max-width:767px) { .service-box-wrap .service-box:nth-child(4) { border:none} } @media only screen and (max-width:767px) { .service-box-wrap .service-box:not(:last-of-type) { border-bottom:1px solid var(--rr-color-border-1)} } .service-box-wrap .service-box:hover .service-img:after { visibility:visible;opacity:1} .service-box-wrap .service-box:hover .service-img:before { visibility:visible;opacity:0.4} .service-box-wrap .service-box:hover .service-img img { transform:scale(1.03)} .service-box-wrap .service-box:hover .icon svg { animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1} .dark .process-section-3 { background:#11151c} .process-item-2 { padding:50px 40px;position:relative;z-index:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #E6E6E6;background-color:var(--rr-color-common-white)} .dark .process-item-2 { background-color:var(--rr-color-bg-1);border-color:var(--rr-color-border-1)} .process-item-2:before { background-color:var(--rr-color-theme-primary);content:"";width:0%;height:100%;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} @media (max-width:1199px) { .process-item-2 { padding:40px 20px} } .process-item-2 .icon { height:120px;width:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto;margin-bottom:20px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:var(--rr-color-grey-light);border:1px solid var(--rr-color-grey-light)} .process-item-2 .icon svg { -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:var(--rr-color-theme-primary)} .dark .process-item-2 .icon svg { color:var(--rr-color-common-white)} .dark .process-item-2 .icon { border:1px solid var(--rr-color-border-1);background:transparent} .process-item-2 span { color:var(--rr-color-theme-primary);font-weight:600;text-transform:uppercase;display:block;font-family:var(--rr-ff-body);line-height:26px;margin-bottom:10px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .process-item-2 .title { margin-bottom:20px;font-weight:700;font-size:24px;line-height:28px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} @media (max-width:1199px) { .process-item-2 .title { margin-top:20px;font-size:20px} } .process-item-2 p { -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#74787C;font-size:16px;line-height:28px;font-family:var(--rr-ff-body)} .process-item-2 p:last-child { margin-bottom:0} .process-item-2:hover:before { width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .process-item-2:hover .icon { background-color:var(--rr-color-common-white);border:1px solid var(--rr-color-theme-primary)} .process-item-2:hover .icon svg { color:var(--rr-color-theme-primary)} .process-item-2:hover span { color:var(--rr-color-common-white)} .process-item-2:hover .title { color:var(--rr-color-common-white)} .process-item-2:hover p { color:var(--rr-color-common-white)} .running-text { background-color:var(--rr-color-theme-primary);background-repeat:repeat;background-size:20px;padding:20px 0;overflow:hidden} .running-text ul { list-style:none;margin:0;padding:0;display:flex;gap:60px} .running-text ul li { display:inline-block;white-space:nowrap;font-size:24px;color:var(--rr-color-common-white);text-transform:uppercase;font-weight:700;position:relative} .running-text ul li:before { font-family:var(--font_awesome);content:"\f068";position:absolute;right:-40px;top:50%;transform:translateY(-50%)} .running-text.running-1 { background-color:var(--rr-color-grey-light)} .dark .running-text.running-1 { background-color:var(--rr-color-bg-1)} .running-text.running-1 ul li { color:var(--rr-color-theme-primary)} .dark .running-text.running-1 ul li { color:var(--rr-color-common-white)} .running-text.testi { background-color:transparent;margin-bottom:40px;padding:0} .running-text.testi ul { gap:20px} .running-text.testi ul li { font-size:120px;font-weight:700;line-height:1;color:var(--rr-color-bg-1)} @media only screen and (max-width:992px) { .running-text.testi ul li { font-size:60px} } @media only screen and (max-width:767px) { .running-text.testi ul li { font-size:40px} } .dark .running-text.testi ul li { color:var(--rr-color-common-white)} .running-text.testi ul li:before { display:none} .running-text.testi ul li:nth-child(2) { color:var(--rr-color-theme-primary)} .running-text.running-3 { position:relative;z-index:1;padding:51px 0} .running-text.running-3 .bg-img { background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1} .running-text.running-3 .bg-img:before { background-color:var(--rr-color-theme-primary);mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;top:0;left:0} .running-text.running-3 .inner-3 { gap:220px} @media only screen and (max-width:992px) { .running-text.running-3 .inner-3 { gap:180px} } @media only screen and (max-width:992px) { .running-text.running-3 .inner-3 { gap:100px} } .running-text.running-3 .inner-3 li { color:var(--rr-color-common-white);font-size:100px;font-weight:700;line-height:1} @media only screen and (max-width:992px) { .running-text.running-3 .inner-3 li { font-size:70px} } @media only screen and (max-width:767px) { .running-text.running-3 .inner-3 li { font-size:40px} } .running-text.running-3 .inner-3 li:before { font-family:var(--font_awesome);font-weight:500;content:"\f005";font-size:80px;position:absolute;right:-150px;top:50%;transform:translateY(-50%)} @media only screen and (max-width:992px) { .running-text.running-3 .inner-3 li:before { font-size:60px;right:-80px} } @media only screen and (max-width:767px) { .running-text.running-3 .inner-3 li:before { font-size:30px;right:-65px} } .running-text.running-3 .inner-3 .stroke-text { color:var(--rr-color-common-white);-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--rr-color-common-white)} .running-text.running-5 ul li { font-family:var(--rr-ff-heading);display:flex;align-items:center;column-gap:10px;font-size:24px;font-weight:700;line-height:1.625} .running-text.running-5 ul li i { font-size:22px;margin-top:-2px} .running-text.running-5 ul li:before { display:none} .heading-space { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:25px;margin-bottom:60px} @media only screen and (max-width:992px) { .heading-space { margin-bottom:40px} } .project-top { position:relative} .project-top .swiper-pagination { color:var(--rr-color-heading-primary);position:absolute;left:auto;right:0;top:50%;bottom:0;transform:translate(-50%);width:auto;display:flex;align-items:center;column-gap:20px} @media only screen and (max-width:767px) { .project-top .swiper-pagination { display:none} } .dark .project-top .swiper-pagination { color:var(--rr-color-common-white)} .project-top .swiper-arrow { color:var(--rr-color-heading-primary);position:absolute;left:auto;right:-70px;top:50%;bottom:0;transform:translate(-50%);display:flex;align-items:center} @media only screen and (max-width:767px) { .project-top .swiper-arrow { display:none} } .dark .project-top .swiper-arrow { color:var(--rr-color-common-white)} .project-top .swiper-arrow .swiper-nav.swiper-next { margin-right:110px} .project-carousel { overflow:visible} .project-box { position:relative;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .project-box .shape { background-color:var(--rr-color-theme-primary);clip-path:polygon(0 0,0% 100%,100% 100%);mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:11px;left:-10px;z-index:1;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .project-box .project-thumb { height:600px;width:100%} @media (max-width:1199px) { .project-box .project-thumb { height:500px} } @media only screen and (max-width:767px) { .project-box .project-thumb { height:400px} } .project-box .project-thumb img { width:100%;height:100%;object-fit:cover;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .project-box .project-content { position:absolute;bottom:30px;left:50px;z-index:2;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} @media (max-width:1199px) { .project-box .project-content { left:20px} } @media only screen and (max-width:767px) { .project-box .project-content { bottom:10px;left:20px} } .project-box .project-content span { color:var(--rr-color-common-white);font-size:14px;font-weight:700;text-transform:uppercase;display:block;margin-bottom:10px} @media only screen and (max-width:767px) { .project-box .project-content span { font-size:12px} } .project-box .project-content .title { font-size:30px;font-weight:700;margin-bottom:0} @media (max-width:1199px) { .project-box .project-content .title { font-size:24px} } @media only screen and (max-width:767px) { .project-box .project-content .title { font-size:16px} } .project-box .project-content .title a { color:var(--rr-color-common-white)} .project-box .project-btn { background-color:var(--rr-color-common-white);color:var(--rr-color-theme-primary);height:120px;width:120px;font-size:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:2;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .project-box .project-btn i { transform:rotate(-45deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .project-box .project-btn:hover i { transform:rotate(0)} @media only screen and (max-width:767px) { .project-box .project-btn { height:80px;width:80px;font-size:24px} } .project-box:hover .project-thumb img { filter:grayscale(1)} .project-box:hover .project-content { bottom:50px;visibility:visible;opacity:1} @media only screen and (max-width:767px) { .project-box:hover .project-content { bottom:20px} } .project-box:hover .project-btn { transform:translate(-50%,-50%) scale(1)} .project-box:hover .shape { top:1px;left:0px;visibility:visible;opacity:1} .counter-item { display:flex;align-items:center} @media only screen and (max-width:767px) { .counter-item { justify-content:center} } .counter-item .title { color:rgba(63,90,243,0.14);font-size:120px;font-weight:700;margin-bottom:0;line-height:1;display:flex;align-items:center} @media (max-width:1199px) { .counter-item .title { font-size:66px} } @media only screen and (max-width:992px) { .counter-item .title { font-size:70px} } @media only screen and (max-width:767px) { .counter-item .title { font-size:65px} } .counter-item .title .odometer-auto-theme { font-family:inherit;line-height:1} .counter-item .title .odometer-digit-spacer { padding-right:2px} .dark .counter-item .title { color:var(--rr-color-theme-primary)} .counter-item p { font-size:20px;color:#74787C;margin-bottom:0;margin-left:-20px;position:relative;z-index:1} @media (max-width:1199px) { .counter-item p { font-size:16px} } @media only screen and (max-width:767px) { .counter-item p { font-size:15px;line-height:1.2} .counter-item p br { display:block} } .dark .counter-item p { color:var(--rr-color-common-white)} .counter-2 { padding:100px 0} @media only screen and (max-width:992px) { .counter-2 { padding:40px 0} } .team-item { overflow:hidden} .team-item .team-thumb { position:relative;height:420px;width:100%;overflow:hidden;z-index:1;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;margin-bottom:30px} .team-item .team-thumb img { width:100%;height:100%;object-fit:cover;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .team-item .team-thumb:before { background:rgb(63,90,243);background:linear-gradient(0deg,rgb(63,90,243) 0%,rgba(63,90,243,0.0088410364) 70%);content:"";width:100%;height:100%;position:absolute;bottom:-50px;left:0;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .team-item .team-thumb:after { background:rgb(63,90,243);background:linear-gradient(0deg,rgb(63,90,243) 0%,rgba(63,90,243,0.0088410364) 70%);content:"";mix-blend-mode:saturation;width:100%;height:100%;position:absolute;bottom:-50px;left:0;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .team-item .team-thumb .team-social-2 { list-style:none;width:100%;text-align:center;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .team-item .team-thumb .team-social-2 li { display:inline-flex} .team-item .team-thumb .team-social-2 li:not(:last-of-type) { margin-right:7px} .team-item .team-thumb .team-social-2 li a { background-color:var(--rr-color-bg-1);color:var(--rr-color-common-white);font-size:14px;height:40px;width:40px;display:flex;align-items:center;justify-content:center} .team-item .team-thumb .team-social-2 li a:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .team-item .team-thumb:hover .team-social-2 { visibility:visible;opacity:1;bottom:50px} .team-item .team-content .title { font-weight:700;font-size:24px;line-height:28px;margin-bottom:10px} .team-item .team-content span { font-size:14px;font-weight:700;text-transform:uppercase} .team-item:hover .team-thumb { background-color:rgba(63,90,243,0.7)} .team-item:hover .team-thumb img { mix-blend-mode:multiply;filter:grayscale(1);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .team-item:hover .team-thumb:after,.team-item:hover .team-thumb:before { visibility:visible;opacity:1;bottom:0;transition-delay:300ms} .team-item:hover .team-thumb .team-social { bottom:0;visibility:visible;opacity:1} .team-section-2 { background-color:var(--rr-color-grey-light)} .dark .team-section-2 { background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("../imgs/web-development/team-bg.png");width:100%;height:100%} .team-item-2 { position:relative} .team-item-2 .team-thumb { margin-bottom:0} .team-item-2 .team-content { text-align:center;padding:25px 20px;position:absolute;left:0;bottom:0;width:100%;z-index:2;background-color:var(--rr-color-common-white);border:none;border-top:none} .dark .team-item-2 .team-content { border:1px solid var(--rr-color-border-1);background-color:var(--rr-color-bg-1)} .team-item-2 .team-content span { font-size:16px;color:var(--rr-color-theme-primary);font-weight:400;text-transform:capitalize} .team-item-2 .team-social-2 { list-style:none;width:100%;text-align:center;position:absolute;bottom:135px;left:50%;transform:translateX(-50%);z-index:1;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .team-item-2 .team-social-2 li { display:inline-flex} .team-item-2 .team-social-2 li:not(:last-of-type) { margin-right:7px} .team-item-2 .team-social-2 li a { background-color:var(--rr-color-bg-1);color:var(--rr-color-common-white);font-size:14px;height:40px;width:40px;display:flex;align-items:center;justify-content:center} .team-item-2 .team-social-2 li a:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .team-item-2:hover .team-social-2 { visibility:visible;opacity:1;bottom:150px} .pricing-tab .nav-wrap { display:flex;align-items:center;justify-content:center} .pricing-tab .nav-wrap .nav-tabs { background-color:var(--rr-color-common-white);display:inline-flex;align-items:center;border-bottom:none;border-radius:100px;padding:10px;margin-bottom:30px} .pricing-tab .nav-wrap .nav-tabs .nav-link { color:var(--rr-color-heading-primary);font-size:16px;font-weight:600;border-radius:100px;border:none;margin:0 auto;margin-bottom:0} .pricing-tab .nav-wrap .nav-tabs .nav-link.active { background-color:rgba(63,90,243,0.1);color:var(--rr-color-heading-primary);border:none;margin-bottom:0} .pricing-tab .nav-wrap .nav-tabs .nav-link span { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white);font-size:12px;padding:3px 10px;font-weight:700;border-radius:100px} .tab-pane.active.show .row { -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fade-in-bottom;animation-name:fade-in-bottom;animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-fill-mode:both;transition:all 0.8s ease-in-out;transition-duration:2000ms;animation-delay:0.1s} .pricing-item { padding:40px 50px;background-color:var(--rr-color-grey-light);border:none} .dark .pricing-item { background-color:var(--rr-color-bg-1);border:1px solid var(--rr-color-border-1)} @media only screen and (max-width:767px) { .pricing-item { padding:30px 20px} } .pricing-item .plan { font-size:20px;font-weight:600;margin-bottom:25px} .pricing-item .price { font-size:60px;font-weight:700;line-height:1;margin-bottom:15px;color:var(--rr-color-theme-primary)} .pricing-item span { font-size:16px;color:var(--rr-color-text-body-light);font-weight:500} .dark .pricing-item span { color:var(--rr-color-text-body)} .pricing-item .pricing-btn-wrap { margin:30px 0 35px 0} .pricing-item .pricing-btn-wrap .pricing-btn { width:100%;justify-content:center} .pricing-item .pricing-btn-wrap .pricing-btn:before { background-color:var(--rr-color-common-white)} .pricing-item .pricing-btn-wrap .pricing-btn:hover { color:var(--rr-color-heading-primary)} .pricing-item .pricing-btn-wrap .pricing-btn:not(:last-of-type) { margin-bottom:10px} .pricing-item .pricing-btn-wrap .pricing-btn:nth-child(2) { background-color:var(--rr-color-common-white);color:var(--rr-color-heading-primary)} .pricing-item .pricing-btn-wrap .pricing-btn:nth-child(2):before { background-color:var(--rr-color-theme-primary)} .pricing-item .pricing-btn-wrap .pricing-btn:nth-child(2):hover { color:var(--rr-color-common-white)} .pricing-item .feature { font-size:16px;font-weight:700;margin-bottom:8px;text-transform:uppercase} .pricing-item p { font-size:16px;color:#74787C;line-height:28px;font-family:var(--rr-ff-p)} .pricing-item p:last-child { margin-bottom:0} .dark .pricing-item p { color:var(--secondary)} .appointment-section { overflow:hidden} .appointment-wrap { position:relative;z-index:1;background-color:var(--rr-color-grey-light)} .dark .appointment-wrap { background-color:var(--rr-color-bg-1)} .appointment-wrap:after { content:"";height:100%;width:3000px;position:absolute;top:0;left:0;z-index:-1;background-color:var(--rr-color-grey-light)} .dark .appointment-wrap:after { background-color:var(--rr-color-bg-1)} .appointment-wrap>div { padding:0} .appointment-wrap .appointment-img { width:100%;height:100%;max-width:560px} @media only screen and (max-width:992px) { .appointment-wrap .appointment-img { height:600px;margin:0 auto} } @media only screen and (max-width:767px) { .appointment-wrap .appointment-img { height:450px} } .appointment-wrap .appointment-img img { width:100%;height:100%;object-fit:cover;object-position:top center} .appointment-wrap .appointment-content { padding-left:70px} @media (max-width:1399px) { .appointment-wrap .appointment-content { padding-left:40px;padding-right:30px} } @media (max-width:1199px) { .appointment-wrap .appointment-content { padding:30px 20px 70px 20px} } @media only screen and (max-width:767px) { .appointment-wrap .appointment-content { padding:30px 20px 70px 20px} } @media (max-width:1199px) { .appointment-wrap .appointment-content .section-heading { margin-bottom:30px} } .appointment-wrap .appointment-content .section-heading .section-title { line-height:1.5} @media (max-width:1199px) { .appointment-wrap .appointment-content .section-heading .section-title { font-size:35px} } @media only screen and (max-width:767px) { .appointment-wrap .appointment-content .section-heading .section-title { font-size:24px} } .appointment-wrap .appointment-content .appointment-form .form-control { box-shadow:none;border:none;border-radius:0;padding:18px 20px;margin-bottom:25px;background-color:var(--rr-color-common-white);color:var(--rr-color-text-body-light)} .dark .appointment-wrap .appointment-content .appointment-form .form-control { background-color:var(--rr-color-border-1);color:var(--rr-color-common-white)} .appointment-wrap .appointment-content .appointment-form .form-control::-webkit-input-placeholder { font-size:16px;font-weight:500} .dark .appointment-wrap .appointment-content .appointment-form .form-control::-webkit-input-placeholder { color:var(--rr-color-common-white)} .appointment-wrap .appointment-content .appointment-form .form-control:-moz-placeholder { font-size:16px;font-weight:500} .dark .appointment-wrap .appointment-content .appointment-form .form-control:-moz-placeholder { color:var(--rr-color-common-white)} .appointment-wrap .appointment-content .appointment-form .form-control::-moz-placeholder { font-size:16px;font-weight:500} .dark .appointment-wrap .appointment-content .appointment-form .form-control::-moz-placeholder { color:var(--rr-color-common-white)} .appointment-wrap .appointment-content .appointment-form .form-control:-ms-input-placeholder { font-size:16px;font-weight:500} .dark .appointment-wrap .appointment-content .appointment-form .form-control:-ms-input-placeholder { color:var(--rr-color-common-white)} .testi-item { padding:100px 40px 40px 40px;background-color:var(--rr-color-grey-light);position:relative} .dark .testi-item { background-color:var(--rr-color-bg-1)} @media (max-width:1199px) { .testi-item { margin-bottom:100px} } .testi-item .testi-thumb { height:160px;width:160px;border-radius:50%;margin:0 auto;position:absolute;top:-90px;left:50%;transform:translateX(-50%);border-radius:50%;border:10px solid var(--rr-color-common-white)} .dark .testi-item .testi-thumb { border:10px solid #02050a} .testi-item .testi-thumb img { object-fit:cover} .testi-item .testi-content p { color:#74787C;font-size:16px;line-height:28px;font-family:var(--rr-ff-body)} .dark .testi-item .testi-content p { color:var(--secondary)} .testi-item .testi-content .author { font-size:24px;font-weight:700;margin-bottom:20px} .testi-item .testi-content .author span { color:var(--rr-color-theme-primary);font-size:12px;text-transform:uppercase;display:block;margin-top:15px} .testi-wrap { padding-top:90px} .post-card-wrap:not(:last-of-type) { margin-bottom:30px} .post-card { display:grid;align-items:center;grid-template-columns:570px 1fr;grid-gap:40px;padding:30px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:var(--rr-color-grey-light);border:1px solid var(--rr-color-grey-light)} @media (max-width:1199px) { .post-card { grid-template-columns:470px 1fr} } @media only screen and (max-width:992px) { .post-card { grid-template-columns:1fr} } @media only screen and (max-width:767px) { .post-card { padding:30px 20px} } .dark .post-card { background-color:var(--rr-color-bg-1);border:1px solid var(--rr-color-border-1)} .post-card .post-thumb { position:relative;height:240px;overflow:hidden} .post-card .post-thumb img { width:100%;height:100%;object-fit:cover;transition:0.3s ease-in-out;transform:scale(1)} .post-card .post-content .title { font-size:24px;font-weight:600;line-height:1.5;margin-bottom:30px;text-transform:capitalize} @media only screen and (max-width:767px) { .post-card .post-content .title { font-size:18px} } .post-card .post-content .title a { background:linear-gradient(var(--rr-color-theme-primary) 0%,var(--rr-color-theme-primary) 98%);background-size:0 2px;background-repeat:no-repeat;background-position:left 100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .dark .post-card .post-content .title a { color:var(--rr-color-common-white)} .post-card .post-content .title a:hover { color:var(--rr-color-theme-primary);background-size:100% 2px} .dark .post-card .post-content .title a:hover { color:var(--rr-color-common-white)} .post-card .post-content .rr-primary-btn { background-color:transparent;padding:14.5px 30px;border:1px solid #1E2228;color:var(--rr-color-heading-primary)} .dark .post-card .post-content .rr-primary-btn { border:1px solid var(--rr-color-border-1);color:var(--rr-color-common-white)} .post-card .post-content .rr-primary-btn:before { background-color:var(--rr-color-theme-primary)} .post-card .post-content .rr-primary-btn:hover { color:var(--rr-color-common-white);border:1px solid var(--rr-color-theme-primary)} .dark .post-card:hover { border:1px solid var(--rr-color-theme-primary)} .post-card:hover .post-thumb img { transform:scale(1.02)} .post-meta { display:flex;align-items:center;list-style:none;flex-wrap:wrap;row-gap:10px;margin-bottom:20px} .post-meta li { font-family:var(--rr-ff-body);color:#B0B2B7;font-size:14px;font-weight:500;text-transform:uppercase;display:flex;align-items:center;column-gap:10px} .post-meta li i { font-size:14px} .post-meta li:not(:last-of-type) { margin-right:20px} .post-meta li a:hover { color:var(--rr-color-theme-primary)} @media only screen and (max-width:767px) { .post-meta li { font-size:12px} } .post-content-wrap .post-meta { display:flex;align-items:center;list-style:none;flex-wrap:wrap;row-gap:10px;margin-bottom:20px} .post-content-wrap .post-meta li { font-family:var(--rr-ff-p);font-size:14px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;column-gap:10px;color:var(--rr-color-text-body-light)} .dark .post-content-wrap .post-meta li { color:#B0B2B7} .post-content-wrap .post-meta li i { font-size:14px} .post-content-wrap .post-meta li:not(:last-of-type) { margin-right:20px} .post-content-wrap .post-meta li a:hover { color:var(--rr-color-theme-primary)} @media only screen and (max-width:767px) { .post-content-wrap .post-meta li { font-size:12px} } .post-content .title { font-size:24px;font-weight:600;line-height:1.5;margin-bottom:30px;text-transform:capitalize} @media only screen and (max-width:767px) { .post-content .title { font-size:18px} } .post-content .title a { background:linear-gradient(var(--rr-color-theme-primary) 0%,var(--rr-color-theme-primary) 98%);background-size:0 2px;background-repeat:no-repeat;background-position:left 100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .post-content .title a:hover { color:var(--rr-color-common-white);background-size:100% 2px} .post-content .blog-btn { background-color:transparent;border:1px solid var(--rr-color-border-1);padding:14.5px 30px} .post-content .blog-btn:before { background-color:var(--rr-color-theme-primary)} .post-card-2 { position:relative;z-index:1} .post-card-2 .post-thumb { position:relative;z-index:1} @media only screen and (max-width:992px) { .post-card-2 .post-thumb { height:420px;width:100%} .post-card-2 .post-thumb img { height:100%;width:100%;object-fit:cover;transform:scale(1)} } .post-card-2 .post-thumb img { -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .post-card-2 .post-thumb:before { background:linear-gradient(180deg,rgba(2,5,10,0) 0%,rgba(29,37,81,0.95) 51.08%);mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1} .post-card-2 .post-thumb:after { background:linear-gradient(180deg,rgba(14,32,147,0.7) 0%,#3F5AF3 88.88%);mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;visibility:hidden;opacity:0} .post-card-2 .post-content-wrap { position:absolute;bottom:60px;left:60px;z-index:2;padding-right:50px} @media only screen and (max-width:992px) { .post-card-2 .post-content-wrap { left:30px;bottom:30px;padding-right:30px} } @media only screen and (max-width:767px) { .post-card-2 .post-content-wrap { left:20px;bottom:20px;padding-right:20px} } .post-card-2 .post-content-wrap .post-content .post-meta li { color:var(--rr-color-common-white)} .post-card-2 .post-content-wrap .post-content .title { font-weight:700} .post-card-2 .post-content-wrap .post-content .title a { background:linear-gradient(var(--rr-color-common-white) 0%,var(--rr-color-common-white) 98%);background-size:0 2px;background-repeat:no-repeat;background-position:left 100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .post-card-2 .post-content-wrap .post-content .title a:hover { color:var(--rr-color-common-white);background-size:100% 2px} .post-card-2 .post-content-wrap .post-content .rr-primary-btn { padding:14.5px 30px} .post-card-2:hover .post-thumb:before { visibility:hidden;opacity:0} .post-card-2:hover .post-thumb:after { visibility:visible;opacity:1} .post-card-2.card-3 .post-content-wrap { position:inherit;top:0;left:0;padding:0} .post-card-2.card-3 .post-content-wrap .post-content .post-meta li { color:var(--rr-color-text-body-light)} .dark .post-card-2.card-3 .post-content-wrap .post-content .post-meta li { color:var(--rr-color-text-body)} .post-card-2.card-3 .post-content-wrap .post-content .title a { color:var(--rr-color-heading-primary);background:linear-gradient(var(--rr-color-theme-primary) 0%,var(--rr-color-theme-primary) 98%);background-size:0 2px;background-repeat:no-repeat;background-position:left 100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .dark .post-card-2.card-3 .post-content-wrap .post-content .title a { color:var(--rr-color-common-white)} .post-card-2.card-3 .post-content-wrap .post-content .title a:hover { color:var(--rr-color-theme-primary);background-size:100% 2px} .post-card-2.card-3 .post-thumb { height:350px;width:100%;margin-bottom:40px;overflow:hidden} .post-card-2.card-3 .post-thumb:after,.post-card-2.card-3 .post-thumb:before { display:none} .post-card-2.card-3 .post-thumb img { height:100%;width:100%;object-fit:cover} .post-card-2.card-3:hover .post-thumb img { transform:scale(1.02)} .post-card-2.card-4 .post-thumb { height:320px} .post-card-2.card-4 .post-content-wrap .post-content .post-meta { column-gap:0px} .post-card-2.card-4 .post-content-wrap .post-content .post-meta li { font-size:16px;position:relative;text-transform:capitalize;line-height:1.625} .post-card-2.card-4 .post-content-wrap .post-content .post-meta li:nth-child(1) { color:var(--rr-color-theme-primary)} .post-card-2.card-4 .post-content-wrap .post-content .post-meta li:not(:last-of-type) { margin-right:10px;padding-right:15px} .post-card-2.card-4 .post-content-wrap .post-content .post-meta li:not(:last-of-type):before { color:var(--rr-color-text-body);content:"/";position:absolute;top:50%;right:0;transform:translateY(-50%)} .post-card-2.card-4 .post-content-wrap .post-content .title { margin-bottom:30px;font-weight:700} @media (max-width:1199px) { .post-card-2.post-card-3 { height:100%} .post-card-2.post-card-3 .post-thumb { height:100%} } @media only screen and (max-width:767px) { .post-card-2.post-card-3 { height:350px} } .blog-section-3 { position:relative;z-index:1} .blog-section-3 .shapes .shape { position:absolute} .blog-section-3 .shapes .shape.shape-1 { top:3%;left:6%;opacity:0.1} .dark .blog-section-3 .shapes .shape.shape-1 { opacity:1} .blog-section-3 .shapes .shape.shape-2 { bottom:20%;right:0px;opacity:0.1} .dark .blog-section-3 .shapes .shape.shape-2 { opacity:1} .footer-section { position:relative;z-index:1} .footer-section .shape { position:absolute;top:0;left:0;z-index:-1} .footer-wrap { padding:130px 0} @media only screen and (max-width:992px) { .footer-wrap { padding:80px 0 0 0} } @media only screen and (max-width:992px) { .footer-widget { margin-bottom:80px} } @media only screen and (max-width:767px) { .footer-widget { margin-bottom:50px} } .footer-widget .widget-header { margin-bottom:45px} .footer-widget .widget-header .footer-logo { max-width:170px} .footer-widget .widget-header .widget-title { color:var(--rr-color-common-white);font-size:24px;font-weight:700;position:relative} .footer-widget .widget-header .widget-title:before { background-color:var(--rr-color-theme-primary);content:"";height:5px;width:80px;position:absolute;bottom:-8px;left:0} .footer-widget P { color:var(--rr-color-text-body);font-size:16px;line-height:28px} .footer-widget .title { font-size:14px;font-weight:700;margin-bottom:0;margin-top:30px;text-transform:uppercase;color:var(--rr-color-border-light)} .footer-widget .title span { color:var(--rr-color-text-body);display:block;margin-top:10px;text-transform:inherit;font-weight:400} .footer-widget .footer-list { list-style:none} .footer-widget .footer-list li { color:rgba(255,255,255,0.8);font-family:var(--rr-ff-body);font-size:16px;line-height:1.625;font-weight:normal} .footer-widget .footer-list li a { font-family:var(--rr-ff-body);color:rgba(255,255,255,0.8);font-size:16px;font-weight:400;line-height:1} .footer-widget .footer-list li a:hover { color:var(--rr-color-theme-primary)} .footer-widget .footer-list li:not(:last-of-type) { margin-bottom:20px} .footer-widget .footer-form { position:relative;margin-top:30px} .footer-widget .footer-form .form-control { background-color:var(--rr-color-border-1);padding:15px 104px 15px 15px;color:rgba(255,255,255,0.8);box-shadow:none;border:none;border-radius:4px} .footer-widget .footer-form .form-control::-webkit-input-placeholder { color:rgba(255,255,255,0.8)} .footer-widget .footer-form .form-control:-moz-placeholder { color:rgba(255,255,255,0.8)} .footer-widget .footer-form .form-control::-moz-placeholder { color:rgba(255,255,255,0.8)} .footer-widget .footer-form .form-control:-ms-input-placeholder { color:rgba(255,255,255,0.8)} .footer-widget .footer-form .submit { background-color:var(--rr-color-theme-primary);color:rgba(255,255,255,0.8);position:absolute;top:50%;right:0;transform:translateY(-50%);height:100%;font-size:16px;font-weight:600;padding:0 20px;border-radius:4px} .footer-widget .address-list { list-style:none;margin-bottom:30px} .footer-widget .address-list li { font-family:var(--rr-ff-body);font-size:16px;color:rgba(255,255,255,0.8);display:flex;column-gap:10px;line-height:1.625;font-weight:normal} .footer-widget .address-list li:not(:last-of-type) { margin-bottom:15px} .footer-widget .address-list li i { color:var(--rr-color-theme-primary);line-height:1;margin-top:6px} .footer-widget .address-list li a { border-bottom:1px solid transparent} .footer-widget .address-list li a:hover { color:var(--rr-color-theme-primary);border-bottom:1px solid var(--rr-color-theme-primary)} .footer-widget .social-list { display:flex;align-items:center;list-style:none} .footer-widget .social-list li a { background-color:transparent;color:var(--rr-color-common-white);font-size:14px;height:40px;width:40px;border-radius:0;display:block;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center} .footer-widget .social-list li a:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .footer-widget .social-list li:not(:last-of-type) { margin-right:10px} .footer-widget .form-check { margin-top:30px} .footer-widget .form-check .form-check-input { background-color:var(--rr-color-border-1);border:none;box-shadow:none;height:17px;width:17px} .footer-widget .form-check .form-check-input:checked[type=checkbox] { box-shadow:none} .footer-widget .form-check .form-check-label { font-size:14px;font-weight:400;cursor:pointer;color:var(--rr-color-text-body);line-height:1.625} .footer-widget.footer-col-2 { padding-left:70px} @media only screen and (max-width:992px) { .footer-widget.footer-col-2 { padding-left:0} } .footer-widget.footer-col-2 .footer-list li a { position:relative;padding-left:30px} .footer-widget.footer-col-2 .footer-list li a:before { background-image:none;font-family:var(--font_awesome);font-size:14px;font-weight:700;content:"\f061";color:var(--rr-color-text-body);position:absolute;top:55%;left:0;transform:translateY(-50%);transition:all 0.3s ease-in-out;cursor:pointer} .footer-widget.footer-col-2 .footer-list li a:hover:before { color:var(--rr-color-theme-primary);left:5px} .footer-widget.widget-3 { padding-left:30px} @media only screen and (max-width:992px) { .footer-widget.widget-3 { padding-left:0} } .copyright-area.has--border { border-top:1px solid var(--rr-color-border-1);padding:40px 0} @media only screen and (max-width:992px) { .copyright-area.has--border { padding:40px 0} } @media only screen and (max-width:767px) { .copyright-content.content-2 .site-logo { margin:0 auto} } .copyright-content.content-2 p { text-align:right;margin-bottom:0;color:var(--rr-color-common-white);font-size:16px} @media only screen and (max-width:767px) { .copyright-content.content-2 p { text-align:center} } .footer-3 .footer-top { padding-bottom:90px;margin-bottom:0} @media only screen and (max-width:767px) { .footer-3 .footer-top { padding:50px 0} } .footer-3 .footer-top .title { font-size:80px;margin-bottom:0;text-transform:uppercase;color:var(--rr-color-common-white)} @media only screen and (max-width:992px) { .footer-3 .footer-top .title { font-size:50px} } @media only screen and (max-width:767px) { .footer-3 .footer-top .title { font-size:30px} } .footer-3 .footer-top .footer-btn { color:var(--rr-color-common-white);font-size:30px;height:130px;width:130px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--rr-color-theme-primary)} .footer-3 .footer-top .footer-btn i { transform:rotate(-45deg);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .footer-3 .footer-top .footer-btn:hover i { transform:rotate(0deg)} .footer-3 .footer-wrap { border-bottom:1px solid var(--rr-color-border-1);padding:30px 0} .footer-3 .footer-wrap .footer-text-social { display:flex;align-items:center;align-items:center;justify-content:space-between;list-style:none;flex-wrap:wrap;row-gap:15px} @media only screen and (max-width:767px) { .footer-3 .footer-wrap .footer-text-social { justify-content:start} } .footer-3 .footer-wrap .footer-text-social li { line-height:1} .footer-3 .footer-wrap .footer-text-social li:not(:last-of-type) { margin-right:10px} @media only screen and (max-width:767px) { .footer-3 .footer-wrap .footer-text-social li:not(:last-of-type) { margin-right:20px} } .footer-3 .footer-wrap .footer-text-social li a { color:var(--rr-color-common-white);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase} .footer-3 .footer-wrap .footer-text-social li a:hover { color:var(--rr-color-theme-primary)} .footer-3 .copyright-area { border-top:none} .footer-3 .copyright-area .site-logo { max-width:170px} .web-design.dark { background-color:#02050A} .hero-section { position:relative;z-index:1;overflow:hidden} .hero-section .hero-bg-shape { position:absolute;top:0;left:0;z-index:-1;opacity:0.1} .dark .hero-section .hero-bg-shape { opacity:1} .hero-section .hero-shape { position:absolute;bottom:23%;left:0} .hero-section .hero-img { position:absolute;bottom:-22.5px;right:0} @media (max-width:1399px) { .hero-section .hero-img { right:-20%} } @media only screen and (max-width:992px) { .hero-section .hero-img { max-width:610px} } @media only screen and (max-width:767px) { .hero-section .hero-img { display:none} } .hero-section .hero-images { display:flex;align-items:center;flex-direction:column;position:absolute;bottom:0;left:0;width:510px} @media (max-width:1700px) { .hero-section .hero-images { left:-75px} } @media (max-width:1199px) { .hero-section .hero-images { display:none} } .hero-section .hero-images img { margin-right:auto;height:250px;width:250px;object-fit:cover} .hero-section .hero-images img:nth-child(2) { margin:-30px 0 12px auto} @media (max-width:1399px) { .hero-section .hero-images img:nth-child(2) { margin-right:40px} } .hero-section .hero-images img:nth-child(3) { margin-left:50px} @media (max-width:1399px) { .hero-section .hero-images img:nth-child(3) { margin-left:0} } .web-hero-content { padding:300px 0 150px 0;max-width:820px;width:100%;margin:0 auto;padding-left:55px;position:relative;z-index:2} @media (max-width:1199px) { .web-hero-content { padding-left:0} } @media only screen and (max-width:992px) { .web-hero-content { padding:100px 0 100px 40px} } @media only screen and (max-width:767px) { .web-hero-content { padding-left:0} } .web-hero-content .sub-title { font-size:50px;font-weight:700} @media only screen and (max-width:992px) { .web-hero-content .sub-title { font-size:35px} } @media only screen and (max-width:767px) { .web-hero-content .sub-title { font-size:24px} } .web-hero-content .title { font-size:135px;font-weight:800;line-height:1;display:inline-block;position:relative;z-index:1;color:var(--rr-color-theme-primary)} @media only screen and (max-width:992px) { .web-hero-content .title { font-size:80px} } @media only screen and (max-width:767px) { .web-hero-content .title { font-size:50px} } .dark .web-hero-content .title { color:var(--rr-color-common-white)} .dark .web-hero-content .title:before { background:linear-gradient(270deg,#3F5AF3 0%,transparent 100%);content:"";width:100%;height:76%;position:absolute;top:15%;right:0;z-index:-1;opacity:0.95} .web-hero-content .bottom-title { font-size:75px;font-weight:700;margin-bottom:40px} @media only screen and (max-width:992px) { .web-hero-content .bottom-title { font-size:45px} } @media only screen and (max-width:767px) { .web-hero-content .bottom-title { font-size:30px} } .web-hero-content .hero-btn { background-image:url(../imgs/web-design/hero-btn-bg.webp);color:var(--rr-color-common-white);font-size:60px;height:180px;width:180px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;position:relative;z-index:1} @media only screen and (max-width:767px) { .web-hero-content .hero-btn { height:120px;width:120px;font-size:40px} } .web-hero-content .hero-btn i { transform:rotate(-45deg) scale(1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .web-hero-content .hero-btn:before { background-color:#3F5AF3;mix-blend-mode:multiply;content:"";width:170px;height:170px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0.9;z-index:-1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} @media only screen and (max-width:767px) { .web-hero-content .hero-btn:before { height:110px;width:110px} } .web-hero-content .hero-btn:hover:before { width:100%;height:100%} .web-hero-content .hero-btn:hover i { transform:rotate(-45deg) scale(1.05)} .process-section { position:relative;z-index:1} @media only screen and (max-width:767px) { .process-section { padding-top:0} } .process-section .bg-shape { position:absolute;top:0;right:0;z-index:-1;opacity:0.01} .dark .process-section .bg-shape { opacity:1} @media only screen and (max-width:992px) { .process-item { text-align:center} } .dark .process-item .light-img { display:none} .process-item .dark-img { display:none} .dark .process-item .dark-img { display:block} .process-item .process-icon { height:160px;width:160px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:35px;position:relative;background-color:#F2F3F4} @media only screen and (max-width:992px) { .process-item .process-icon { margin:0 auto;margin-bottom:30px} } .dark .process-item .process-icon { background-color:var(--rr-color-bg-1)} .process-item .process-icon:before { background-color:transparent;content:"";height:140px;width:140px;position:absolute;top:0;left:-20px;border:1px solid var(--rr-color-theme-primary);border-radius:50%;z-index:-1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} @media (max-width:1399px) { .process-item .process-icon:before { left:-10px} } .process-item .process-icon img { width:55px;height:55px;object-fit:contain} .process-item .process-icon.icon-2 { background-color:var(--rr-color-common-white)} .dark .process-item .process-icon.icon-2 { background-color:#02050A} .process-item .process-content .title { font-weight:700;margin-bottom:15px;color:var(--rr-color-heading-primary);font-size:24px;line-height:28px} .dark .process-item .process-content .title { color:var(--rr-color-common-white)} @media (max-width:1199px) { .process-item .process-content .title { font-size:20px} } .process-item .process-content p { font-size:16px;line-height:28px;color:#74787C} .dark .process-item .process-content p { color:var(--rr-color-text-body)} @media (max-width:1199px) { .process-item .process-content p br { display:none} } .process-item .process-content p:last-child { margin-bottom:0} .process-item:hover .process-icon:before { top:5px;left:10px} .process-item:hover .process-icon img { animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1} .process-text { max-width:1720px;width:100%;margin:0 auto;padding:0 15px;padding-top:100px;padding-bottom:100px} @media only screen and (max-width:992px) { .process-text { padding-bottom:0} } @media only screen and (max-width:767px) { .process-text { padding-top:40px} } .dark .process-text .light-img { display:none} .process-text .dark-img { display:none} .dark .process-text .dark-img { display:block} .about-section { padding-top:120px;position:relative;z-index:1} @media (max-width:1199px) { .about-section { padding-top:70px} } .about-section .round-shape { position:absolute;bottom:-10%;right:0;z-index:-1;opacity:0.05} @media only screen and (max-width:767px) { .about-section .round-shape { display:none} } .dark .about-section .round-shape { opacity:1} .about-wrap { background-color:var(--rr-color-grey-light);max-width:1710px;width:100%;padding:0 115px 0 150px;margin:0 auto;position:relative;z-index:1;overflow-x:clip} @media (max-width:1199px) { .about-wrap { padding:0 80px 0 80px} } @media only screen and (max-width:992px) { .about-wrap { padding:0 20px} } .dark .about-wrap { background-color:var(--rr-color-bg-1)} .about-wrap .shape { position:absolute;top:0;right:0;z-index:-1;opacity:0.05} .dark .about-wrap .shape { opacity:1} .about-wrap .about-content { padding:120px 0} @media (max-width:1199px) { .about-wrap .about-content { padding:60px 0} } .about-wrap .about-content .section-heading .section-title { margin-bottom:30px} .about-wrap .about-content p { max-width:740px;width:100%;color:#74787C;margin-bottom:40px;font-size:16px;line-height:28px} @media (max-width:1199px) { .about-wrap .about-content p { max-width:450px} } .about-wrap .about-img-wrap { text-align:right;position:relative;max-width:620px;width:100%;margin-left:auto} @media only screen and (max-width:992px) { .about-wrap .about-img-wrap { margin-left:0;margin:0 auto} } .about-wrap .about-img-wrap .about-img { transform:translateY(-120px);position:relative;max-width:507px;width:100%;margin-left:auto} @media only screen and (max-width:992px) { .about-wrap .about-img-wrap .about-img { margin:0 auto;transform:translateY(0px)} } .about-wrap .about-img-wrap .about-img .img-shape { background-color:#3F5AF3;mix-blend-mode:multiply;content:"";width:90px;height:160px;position:absolute;top:55%;left:10px;transform:translateY(-50%);opacity:0.9;z-index:1} .about-wrap .about-img-wrap .about-img .img-shape img { transform-origin:inherit} .about-wrap .about-img-wrap .about-img-2 { max-width:325px;width:100%;height:280px;position:absolute;bottom:0;left:-30px} .about-wrap .about-img-wrap .about-img-2 img { width:100%;height:100%;border-right:10px solid var(--rr-color-grey-light);border-top:10px solid var(--rr-color-grey-light)} .dark .about-wrap .about-img-wrap .about-img-2 img { border-right:10px solid #0B0F15;border-top:10px solid #0B0F15} .about-wrap .about-text { max-width:660px;width:100%;position:absolute;left:18%;bottom:20px;z-index:-1} .dark .about-wrap .about-text .light-img { display:none} .about-wrap .about-text .dark-img { display:none} .dark .about-wrap .about-text .dark-img { display:block} .service-section { position:relative;z-index:1} .service-section .bg-color { width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:-1;background-color:var(--rr-color-grey-light)} @media only screen and (max-width:992px) { .service-section .bg-color { height:60%} } .dark .service-section .bg-color { background-color:var(--rr-color-bg-1)} .service-section .shape { position:absolute;top:0;left:0;z-index:-1;opacity:0.05} .dark .service-section .shape { opacity:1} .service-item .service-text { text-align:center} .service-item .service-text a { font-size:30px;font-weight:700;color:var(--rr-color-grey-2);text-transform:uppercase;margin-bottom:20px;display:block} @media (max-width:1399px) { .service-item .service-text a { font-size:25px} } @media (max-width:1199px) { .service-item .service-text a { font-size:20px} } .service-item .service-thumb { position:relative;z-index:1;overflow:hidden} .service-item .service-thumb img { height:360px;width:100%;object-fit:cover;z-index:-1;position:relative} .service-item .service-thumb .overlay-color { background:#001695;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.3;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:2} .service-item .service-thumb .transparent-shape { width:255px;height:255px;position:absolute;top:0px;left:0px;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:2} .service-item .service-thumb .service-icon { background-color:var(--rr-color-common-white);height:80px;width:80px;display:flex;align-items:center;justify-content:center;position:absolute;top:30px;left:15px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;visibility:hidden;opacity:0;z-index:2} .service-item .service-thumb .service-icon svg { color:var(--rr-color-theme-primary);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .service-item .service-thumb .service-icon:hover { background-color:var(--rr-color-theme-primary)} .service-item .service-thumb .service-icon:hover svg { color:var(--rr-color-common-white)} .service-item .service-thumb .service-btn { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white);display:flex;align-items:center;justify-content:center;column-gap:10px;font-size:16px;font-weight:600;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:calc(100% - 60px);padding:14.5px 0;visibility:hidden;opacity:0;z-index:2} .service-item .service-thumb .service-btn i { transform:rotate(-45deg)} .service-item:hover .service-text a { color:var(--rr-color-theme-primary)} .dark .service-item:hover .service-text a { color:var(--rr-color-common-white)} .service-item:hover .transparent-shape { visibility:visible;opacity:1} .service-item:hover .service-thumb .service-icon { left:30px;visibility:visible;opacity:1} .service-item:hover .service-thumb .service-btn { visibility:visible;opacity:1;bottom:30px} .faq-section { position:relative;overflow:hidden;z-index:1} .faq-section .faq-shape { position:absolute;bottom:0;right:0;z-index:-1;opacity:0.05} .faq-section .faq-top-shape { background-color:#1F252F;width:240px;height:240px;position:absolute;top:-185px;right:145px;border-radius:50%} @media only screen and (max-width:992px) { .faq-section .faq-top-shape { right:0px} } .faq-section .faq-top-shape:before { background-color:transparent;content:"";width:260px;height:260px;position:absolute;top:10px;left:-30px;border-radius:50%;border:1px solid var(--rr-color-theme-primary)} @media only screen and (max-width:767px) { .faq-section .faq-top-shape:before { display:none} } @media only screen and (max-width:767px) { .faq-content .section-heading .sub-heading { font-size:13px} } .faq-content .section-heading .section-title { font-size:45px} @media (max-width:1199px) { .faq-content .section-heading .section-title { margin-left:0} } @media only screen and (max-width:992px) { .faq-content .section-heading .section-title { margin-left:0;max-width:600px;width:100%;font-size:32px} } @media only screen and (max-width:767px) { .faq-content .section-heading .section-title { font-size:32px} } .faq-content .accordion .accordion-item { background-color:transparent;border:none;padding-bottom:30px;padding-top:30px;border-radius:0;border-bottom:1px solid var(--rr-color-border-light)} .dark .faq-content .accordion .accordion-item { border-bottom:1px solid var(--rr-color-border-1)} .faq-content .accordion .accordion-item:first-child { padding-top:30px;border-top:1px solid var(--rr-color-border-light)} .faq-content .accordion .accordion-item .accordion-button { background-color:transparent;border:none;box-shadow:none;font-size:24px;font-weight:600;padding:0;color:var(--rr-color-heading-primary)} .dark .faq-content .accordion .accordion-item .accordion-button { color:var(--rr-color-common-white)} @media only screen and (max-width:767px) { .faq-content .accordion .accordion-item .accordion-button { font-size:18px;line-height:1.5;padding:10px 0 !important} } .faq-content .accordion .accordion-item .accordion-button:after { background-image:none;font-family:var(--font_awesome);font-size:14px;font-weight:700;content:"+";color:var(--rr-color-heading-primary);height:45px;width:45px;border:1px solid var(--rr-color-border-1);display:flex;align-items:center;justify-content:center;border-radius:50%} .dark .faq-content .accordion .accordion-item .accordion-button:after { color:var(--rr-color-common-white)} .faq-content .accordion .accordion-item .accordion-button:not(.collapsed):after { background:var(--rr-color-theme-primary);content:"\f068";transform:rotate(0);border:1px solid var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .faq-content .accordion .accordion-item .accordion-body { font-size:16px;padding:0;padding-top:25px;color:#74787C} .dark .faq-content .accordion .accordion-item .accordion-body { color:var(--rr-color-text-body)} .faq-img { padding-left:25px;max-width:665px;width:100%;height:555px} .faq-img img { width:100%;height:100%;object-fit:cover} @media (max-width:1199px) { .faq-img { margin:0 auto;margin-top:40px} } @media only screen and (max-width:992px) { .faq-img { padding-left:0;height:auto} } .testi-carousel { overflow:visible;padding-top:90px;padding-bottom:80px} .testi-carousel .swiper-pagination { bottom:0} .testi-carousel .swiper-pagination .swiper-pagination-bullet { height:15px;width:15px;border:1px solid var(--rr-color-border-1);opacity:1;background-color:transparent} .testi-carousel .swiper-pagination .swiper-pagination-bullet-active { background-color:var(--rr-color-theme-primary);border:1px solid var(--rr-color-theme-primary)} .testi-item { padding:100px 40px 40px 40px;position:relative;background-color:var(--rr-color-grey-light)} .dark .testi-item { background-color:var(--rr-color-bg-1)} .testi-item .testi-thumb { height:160px;width:160px;border-radius:50%;margin:0 auto;position:absolute;top:-90px;left:50%;transform:translateX(-50%);border:10px solid var(--rr-color-common-white);border-radius:50%} .dark .testi-item .testi-thumb { border:10px solid #02050a} .testi-item .testi-thumb img { object-fit:cover} .testi-item .testi-content .author { font-size:24px;font-weight:700;margin-bottom:20px} .testi-item .testi-content .author span { font-size:12px;display:block;margin-top:15px;text-transform:uppercase;color:var(--rr-color-theme-primary)} .project-item { background-color:transparent;border-bottom:1px solid var(--rr-color-border-1)} .project-item .project-content { display:grid;grid-template-columns:65px 1fr;align-items:start;grid-gap:15px} @media only screen and (max-width:767px) { .project-item .project-content { grid-template-columns:1fr} } .project-item .project-content .number { font-size:20px;font-weight:700;height:65px;width:65px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--rr-color-grey-light);color:var(--rr-color-heading-primary);border:1px solid var(--rr-color-border-light)} .dark .project-item .project-content .number { background-color:#11151c;color:var(--rr-color-common-white);border:1px solid var(--rr-color-border-1)} .project-item .project-content .project-right { position:relative;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .project-item .project-content .project-right .category { font-size:14px;color:var(--rr-color-theme-primary);font-weight:700;text-transform:uppercase;margin-bottom:15px;display:block} .project-item .project-content .project-right .title { font-size:30px;font-weight:700;margin-bottom:0px;color:var(--rr-color-heading-primary)} .dark .project-item .project-content .project-right .title { color:var(--rr-color-common-white)} @media only screen and (max-width:767px) { .project-item .project-content .project-right .title { font-size:24px} } .project-item .project-content .project-right .hover-content p { margin-bottom:25px;width:100%} .project-accordion .accordion-item { position:relative;border:none;border-radius:0;padding-bottom:40px;padding-top:40px;border-bottom:1px solid var(--rr-color-border-light)} .dark .project-accordion .accordion-item { border-bottom:1px solid var(--rr-color-border-1)} .project-accordion .accordion-item:first-of-type { border-top:1px solid var(--rr-color-border-light)} .dark .project-accordion .accordion-item:first-of-type { border-top:1px solid var(--rr-color-border-1)} .project-accordion .accordion-item .accordion-header { background-color:transparent} .project-accordion .accordion-item .accordion-header .accordion-button { background-color:transparent;border:none;box-shadow:none;padding:0} .project-accordion .accordion-item .accordion-header .accordion-button:after { display:none} .project-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .project-content .number { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .dark .project-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .project-content .number { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .project-accordion .accordion-item .accordion-body { padding:0;padding-top:35px;padding-left:80px;padding-bottom:55px} @media only screen and (max-width:992px) { .project-accordion .accordion-item .accordion-body { padding-bottom:0} } @media only screen and (max-width:992px) { .project-accordion .accordion-item .accordion-body { padding-left:0} } .project-accordion .accordion-item .accordion-body .hover-content { display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;row-gap:20px} .project-accordion .accordion-item .accordion-body .hover-content .content-left p { max-width:560px;width:100%;margin-bottom:30px;color:#74787C;font-size:16px;line-height:28px} @media (max-width:1199px) { .project-accordion .accordion-item .accordion-body .hover-content .content-left p { max-width:500px} } .project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb { max-width:600px;width:100%;height:300px;position:absolute;top:40px;right:0;opacity:0} @media (max-width:1199px) { .project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb { max-width:370px} } @media only screen and (max-width:992px) { .project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb { position:inherit;max-width:100%} } .project-accordion .accordion-item .show .accordion-body .content-right { margin-top:-100px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} @media only screen and (max-width:992px) { .project-accordion .accordion-item .show .accordion-body .content-right { margin-top:20px} } .project-accordion .accordion-item .show .accordion-body .content-right .project-thumb { opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .sponsor-wrap { display:grid;align-items:center;grid-template-columns:repeat(5,1fr);border:1px solid #e5e5e5} .dark .sponsor-wrap { border:1px solid var(--rr-color-bg-1)} @media only screen and (max-width:767px) { .sponsor-wrap { grid-template-columns:1fr} } .sponsor-wrap .sponsor-item { text-align:center;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 0} @media only screen and (max-width:767px) { .sponsor-wrap .sponsor-item { padding-right:30px;padding-left:30px} } .sponsor-wrap .sponsor-item .title { font-size:20px;font-weight:700;line-height:30px;margin-bottom:0} @media (max-width:1199px) { .sponsor-wrap .sponsor-item .title { padding-left:10px} } @media only screen and (max-width:992px) { .sponsor-wrap .sponsor-item .title { font-size:14px} } @media only screen and (max-width:767px) { .sponsor-wrap .sponsor-item .title { padding-left:0} } .sponsor-wrap .sponsor-item.item-1 { text-align:left} @media only screen and (max-width:767px) { .sponsor-wrap .sponsor-item.item-1 { text-align:center} } .sponsor-wrap .sponsor-item:not(:last-of-type) { border-right:1px solid #e5e5e5} .dark .sponsor-wrap .sponsor-item:not(:last-of-type) { border-right:1px solid var(--rr-color-bg-1)} @media only screen and (max-width:767px) { .sponsor-wrap .sponsor-item:not(:last-of-type) { border-right:none;border-bottom:1px solid #e5e5e5} .dark .sponsor-wrap .sponsor-item:not(:last-of-type) { border-bottom:1px solid var(--rr-color-bg-1)} } @media only screen and (max-width:992px) { .sponsor-wrap .sponsor-item img { max-width:75px} } .copyright-content { align-items:center} @media only screen and (max-width:992px) { .copyright-content { margin-top:0} } @media only screen and (max-width:767px) { .copyright-content { row-gap:0px} } .copyright-content p { color:rgba(255,255,255,0.8);font-size:16px;font-family:var(--rr-ff-body);margin:0} .copyright-content p span { color:var(--rr-color-theme-primary)} @media only screen and (max-width:767px) { .copyright-content p { text-align:center} } .copyright-content .social-list { display:flex;align-items:center;justify-content:end;list-style:none} @media only screen and (max-width:767px) { .copyright-content .social-list { justify-content:center} } .copyright-content .social-list li a { background-color:var(--rr-color-border-1);color:var(--rr-color-common-white);font-size:13px;height:40px;width:40px;border-radius:50%;display:block;display:flex;align-items:center;justify-content:center} .copyright-content .social-list li a:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .copyright-content .social-list li:not(:last-of-type) { margin-right:10px} .hero-content-4 { padding:360px 0 110px 0;position:relative;z-index:1} @media (max-width:1199px) { .hero-content-4 { padding:260px 0 100px 0} } @media only screen and (max-width:992px) { .hero-content-4 { padding:100px 0 100px 0} } @media only screen and (max-width:767px) { .hero-content-4 { padding:80px 0} } .hero-content-4 .sub-title { font-size:100px;font-weight:200} @media only screen and (max-width:992px) { .hero-content-4 .sub-title { font-size:60px} } @media only screen and (max-width:767px) { .hero-content-4 .sub-title { font-size:24px} } .hero-content-4 .title { font-size:160px;font-weight:700} @media only screen and (max-width:992px) { .hero-content-4 .title { font-size:100px} } @media only screen and (max-width:767px) { .hero-content-4 .title { font-size:45px} } .hero-content-4 .title span { position:relative;z-index:1;line-height:1;color:var(--rr-color-theme-primary)} .dark .hero-content-4 .title span { color:var(--primary)} .hero-content-4 .title span:before { content:attr(data-text);position:absolute;right:7px;top:10px;width:100%;font-size:160px;font-weight:700;color:rgba(255,255,255,0.3);-webkit-text-fill-color:transparent;-webkit-text-stroke-width:0.5px;-webkit-text-stroke-color:rgba(255,255,255,0.3);z-index:-1} @media only screen and (max-width:992px) { .hero-content-4 .title span:before { font-size:100px} } @media only screen and (max-width:767px) { .hero-content-4 .title span:before { font-size:45px;top:8px} } .hero-content-4 .rr-primary-btn { margin-top:50px} @media only screen and (max-width:767px) { .hero-content-4 .rr-primary-btn { margin-top:30px} } .hero-section-4 { position:relative;z-index:1;overflow:hidden} .hero-section-4 .shapes .shape { position:absolute} .hero-section-4 .shapes .shape.shape-1 { top:0;left:0} .hero-section-4 .shapes .shape.shape-2 { bottom:0;left:0} .hero-section-4 .hero-img { max-width:950px;width:100%;height:690px;position:absolute;bottom:0;right:0} @media (max-width:1600px) { .hero-section-4 .hero-img { max-width:750px} } @media (max-width:1199px) { .hero-section-4 .hero-img { max-width:550px} } @media only screen and (max-width:992px) { .hero-section-4 .hero-img { max-width:450px} } @media only screen and (max-width:767px) { .hero-section-4 .hero-img { display:none} } .hero-section-4 .hero-img:before { background-color:rgba(131,131,131,0.63);mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;top:0;left:0} .hero-section-4 .hero-img img { width:100%;height:100%;object-fit:cover} .service-item-3 { padding:40px 30px;background-color:var(--rr-color-grey-light);border:none} .dark .service-item-3 { background-color:var(--rr-color-bg-1);border:1px solid var(--rr-color-border-1)} .service-item-3 .service-icon-wrap { border-radius:50%} .service-item-3 .service-icon-wrap .service-icon { height:110px;width:110px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto;margin-bottom:30px;background-color:var(--rr-color-common-white);border:none} .dark .service-item-3 .service-icon-wrap .service-icon { background:radial-gradient(50% 5688.89% at 50% 50%,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);border:1px solid #3E3E3E} .service-item-3 .service-icon-wrap .service-icon svg { color:var(--rr-color-theme-primary)} .dark .service-item-3 .service-icon-wrap .service-icon svg { color:var(--rr-color-common-white)} .service-item-3 .title { font-weight:700;margin-bottom:25px;font-size:24px;line-height:28px} .service-item-3 p { color:#74787C;font-size:16px;line-height:28px;font-family:var(--rr-ff-p)} .service-item-3 p:last-child { margin-bottom:0} .service-item-3:hover .service-icon svg { animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1} .about-section-5 { overflow:hidden} .about-content-5 { padding-right:60px} @media only screen and (max-width:992px) { .about-content-5 { padding-right:0} } .about-tab .nav-tabs { margin-bottom:40px;border:none;row-gap:20px} .about-tab .nav-tabs .nav-link { background-color:var(--rr-color-bg-1);color:var(--rr-color-common-white);border:none;box-shadow:none;border-radius:0;font-size:16px;font-weight:600;line-height:1;padding:12px 25px} .about-tab .nav-tabs .nav-link:not(:last-of-type) { margin-right:20px} .about-tab .nav-tabs .nav-link.active { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .about-tab .tab-content .title { font-size:24px;font-weight:700;margin-bottom:30px} .about-img-wrap-5 { position:relative;padding-bottom:70px} .about-img-wrap-5 .shapes .shape { position:absolute;z-index:-1} .about-img-wrap-5 .shapes .shape.shape-1 { top:-10%;right:10%} .about-img-wrap-5 .shapes .shape.shape-2 { top:5%;right:-15%} .about-img-wrap-5 .img-1 { height:490px;max-width:505px;width:100%;object-fit:cover} .about-img-wrap-5 .about-img-2 { max-width:323px;width:100%;height:338px;position:absolute;right:0;bottom:0} @media only screen and (max-width:767px) { .about-img-wrap-5 .about-img-2 { border:none} } .about-img-wrap-5 .about-img-2 .img-2 { border-top:10px solid #02050A;border-left:10px solid #02050A;object-fit:cover} .testi-content-4 { padding-right:40px} @media only screen and (max-width:992px) { .testi-content-4 { padding-right:0} } .testi-top { display:flex;justify-content:center;justify-content:space-between;flex-wrap:wrap;row-gap:15px;position:relative;z-index:1;margin-bottom:40px} .testi-top:before { background-color:var(--rr-color-border-light);content:"";width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:-1} .dark .testi-top:before { background-color:var(--rr-color-border-1)} .testi-top .quote { width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--rr-color-grey-light);border-color:var(--rr-color-grey-light)} .dark .testi-top .quote { background-color:var(--rr-color-bg-1);border:1px solid var(--rr-color-border-1)} .testi-top .quote img { width:30px;height:30px;object-fit:contain} .dark .testi-top .quote .light-img { display:none} .testi-top .quote .dark-img { display:none} .dark .testi-top .quote .dark-img { display:block} .testi-top .swiper-arrow { display:flex;align-items:center;column-gap:10px} .testi-top .swiper-arrow .swiper-nav { height:50px;width:50px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:var(--rr-color-grey-light);border-color:var(--rr-color-grey-light);color:var(--rr-color-theme-primary)} .dark .testi-top .swiper-arrow .swiper-nav { border:1px solid var(--rr-color-border-1);color:var(--rr-color-common-white);background-color:var(--rr-color-bg-1)} .testi-top .swiper-arrow .swiper-nav:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white);border:1px solid var(--rr-color-theme-primary)} .testi-box p { font-size:22px;margin-bottom:40px;line-height:1.5;color:#74787C} .testi-box .author-box { display:flex;align-items:center;column-gap:15px} .testi-box .author-box img { height:70px;width:70px;border-radius:50%;border:3px solid var(--rr-color-theme-primary)} .testi-box .author-box .name { font-size:24px;font-weight:600;margin-bottom:0} .testi-box .author-box .name span { display:block;font-size:16px;font-weight:400;color:var(--rr-color-text-body);margin-top:10px} .testi-img-4 { max-width:630px;width:100%;height:100%} @media only screen and (max-width:992px) { .testi-img-4 { margin:0 auto;margin-top:20px} } .testi-img-4 img { width:100%;height:100%;object-fit:cover} .cs-item { padding:40px;background-color:var(--rr-color-grey-light)} @media only screen and (max-width:992px) { .cs-item { padding:20px} } .dark .cs-item { background-color:var(--rr-color-bg-1)} .cs-item .cs-thumb { position:relative} .cs-item .cs-thumb:before { background-color:var(--rr-color-theme-primary);content:"";mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .cs-item .cs-thumb .cs-btn { background-color:var(--rr-color-common-white);color:var(--rr-color-theme-primary);height:120px;width:120px;font-size:40px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;transition-delay:200ms} .cs-item .cs-thumb .cs-btn i { transform:rotate(-45deg);font-weight:600} .cs-item .cs-thumb .cs-btn:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} @media only screen and (max-width:992px) { .cs-item .cs-thumb .cs-btn { height:80px;width:80px;font-size:30px} } .cs-item .cs-thumb img { height:100%;width:100%;object-fit:cover} .cs-item .cs-content { display:flex;align-items:center;flex-wrap:wrap;row-gap:15px;column-gap:20px;margin-top:40px} @media only screen and (max-width:992px) { .cs-item .cs-content { margin-top:20px} } @media only screen and (max-width:767px) { .cs-item .cs-content { column-gap:10px} } .cs-item .cs-content span { background-color:var(--rr-color-common-white);color:var(--rr-color-heading-primary);font-size:14px;font-weight:700;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .cs-item .cs-content .title { font-size:24px;font-weight:700;margin-bottom:0} @media only screen and (max-width:992px) { .cs-item .cs-content .title { font-size:18px} } @media only screen and (max-width:767px) { .cs-item .cs-content .title { font-size:15px} } .cs-item:hover .cs-thumb:before { visibility:visible;opacity:1} .cs-item:hover .cs-thumb .cs-btn { transform:translate(-50%,-50%) scale(1)} .cs-item:hover .cs-content span { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .grow-item { display:grid;align-items:center;grid-template-columns:80px 1fr;grid-gap:30px} @media only screen and (max-width:767px) { .grow-item { grid-template-columns:1fr;grid-gap:20px} } .grow-item .grow-icon { height:80px;width:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--rr-color-grey-light);border-color:var(--rr-color-grey-light)} .dark .grow-item .grow-icon { border:1px solid #3E3E3E;background:radial-gradient(50% 5688.89% at 50% 50%,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%)} .grow-item .grow-icon svg { color:var(--rr-color-theme-primary)} .dark .grow-item .grow-icon svg { color:var(--rr-color-common-white)} .grow-item .grow-content .top-content { display:flex;align-items:center;margin-bottom:10px} .grow-item .grow-content .top-content .title { font-size:40px;line-height:1;margin-bottom:0} @media (max-width:1199px) { .grow-item .grow-content .top-content .title { font-size:30px} } .grow-item .grow-content .top-content .title .odometer-auto-theme { font-family:inherit;line-height:1} .grow-item .grow-content .top-content .title .odometer-digit-spacer { padding-right:2px} .grow-item .grow-content .top-content p { font-size:16px;font-weight:600;margin-bottom:0;margin-left:10px;color:var(--rr-color-text-body-light)} .dark .grow-item .grow-content .top-content p { color:var(--rr-color-common-white)} .grow-item .grow-content p { font-size:16px;color:#74787C} @media (max-width:1199px) { .grow-item .grow-content p br { display:none} } .grow-item .grow-content p:last-child { margin-bottom:0} .brand-section { overflow:hidden} .brand-wrap { max-width:1840px;width:100%;margin:0 auto;position:relative;z-index:1;overflow:hidden;background-color:var(--rr-color-grey-light)} .dark .brand-wrap { background-color:var(--rr-color-bg-1)} .brand-wrap .round-shape { position:absolute;top:0;right:0;z-index:2} .brand-wrap .brand-img-wrap { background-color:var(--rr-color-bg-1);mask-image:url(../imgs/modern-agency-2/mask-img-1.webp);mask-repeat:no-repeat;mask-size:cover;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1} .brand-wrap .brand-img-wrap .brand-img { position:relative;height:100%;width:100%} .brand-wrap .brand-img-wrap .brand-img:before { background-color:#3F5AF3;mix-blend-mode:multiply;content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1} .brand-wrap .brand-img-wrap .brand-img img { width:883px;height:640px;position:absolute;top:-7%;right:-3%;object-position:center;object-fit:cover;filter:saturate(0)} .brand-content .section-heading .section-title { margin-bottom:30px} .brand-content .section-heading p { margin-bottom:30px;max-width:690px;width:100%;color:#74787C;font-size:16px;line-height:28px} .brand-content .brand-list { display:flex;align-items:center;flex-wrap:wrap;row-gap:30px;list-style:none;position:relative;z-index:1} .brand-content .brand-list li:not(:last-of-type) { margin-right:100px} @media (max-width:1199px) { .brand-content .brand-list li:not(:last-of-type) { margin-right:50px} } .dark .brand-content .brand-list li .light-img { display:none} .brand-content .brand-list li .dark-img { display:none} .dark .brand-content .brand-list li .dark-img { display:block} .brand-content .brand-list li a { display:block;max-width:76px;width:100%;height:76px} .post-card-2 { position:relative;z-index:1} .post-card-2 .post-content-wrap { position:absolute;bottom:60px;left:60px;z-index:2;padding-right:50px} @media only screen and (max-width:992px) { .post-card-2 .post-content-wrap { left:30px;bottom:30px;padding-right:30px} } @media only screen and (max-width:767px) { .post-card-2 .post-content-wrap { left:20px;bottom:20px;padding-right:20px} } .post-card-2 .post-content-wrap .post-content .post-meta li { color:var(--rr-color-common-white)} .post-card-2 .post-content-wrap .post-content .title { font-weight:700} .post-card-2 .post-content-wrap .post-content .title a { background-size:0 2px;background-repeat:no-repeat;background-position:left 100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:var(--rr-color-common-white)} .post-card-2 .post-content-wrap .post-content .title a:hover { color:var(--rr-color-common-white);background-size:100% 2px} .post-card-2 .post-content-wrap .post-content .rr-primary-btn { padding:14.5px 30px} .post-card-2:hover .post-thumb:before { visibility:hidden;opacity:0} .post-card-2:hover .post-thumb:after { visibility:visible;opacity:1} .footer-top { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:20px;padding:100px 0 60px 0;margin-bottom:80px;border-bottom:1px solid var(--rr-color-border-1)} @media only screen and (max-width:767px) { .footer-top { padding:50px 0;margin-bottom:50px} } .footer-top .footer-logo img { max-width:200px} @media (max-width:1199px) { .footer-top .footer-logo img { max-width:150px} } .footer-top .social-list { display:flex;align-items:center;list-style:none} .footer-top .social-list li a { background-color:var(--rr-color-border-1);color:var(--rr-color-common-white);font-size:13px;height:40px;width:40px;border-radius:50%;display:block;display:flex;align-items:center;justify-content:center} .footer-top .social-list li a:hover { background-color:var(--rr-color-theme-primary);color:var(--rr-color-common-white)} .footer-top .social-list li:not(:last-of-type) { margin-right:10px} .footer-2 .copyright-content p { color:var(--rr-color-text-body);margin-bottom:0} @media only screen and (max-width:992px) { .footer-2 .copyright-content p { text-align:center;margin-bottom:15px !important} } .footer-2 .copyright-content .copyright-list { display:flex;align-items:center;justify-content:end;list-style:none;flex-wrap:wrap;row-gap:10px} @media only screen and (max-width:992px) { .footer-2 .copyright-content .copyright-list { justify-content:center} } .footer-2 .copyright-content .copyright-list li { position:relative;font-family:var(--rr-ff-body);font-size:16px;line-height:1.625;font-weight:normal} .footer-2 .copyright-content .copyright-list li:not(:last-of-type) { padding-right:20px;margin-right:20px} @media only screen and (max-width:767px) { .footer-2 .copyright-content .copyright-list li:not(:last-of-type) { margin-right:10px;padding-right:0} } .footer-2 .copyright-content .copyright-list li:not(:last-of-type):before { content:"|";color:var(--rr-color-common-white);position:absolute;right:0;top:50%;transform:translateY(-50%)} @media only screen and (max-width:767px) { .footer-2 .copyright-content .copyright-list li:not(:last-of-type):before { display:none} } .footer-2 .copyright-content .copyright-list li a { color:var(--rr-color-common-white)} .footer-2 .copyright-content .copyright-list li a:hover { color:var(--rr-color-theme-primary)} .rr-container-1405 { max-width:1405px} .body-it-solution.dark { background-color:#02050A} @-webkit-keyframes wobble-vertical { 16.65% { transform:translateY(8px)} 33.3% { transform:translateY(-6px)} 49.95% { transform:translateY(4px)} 66.6% { transform:translateY(-2px)} 83.25% { transform:translateY(1px)} 100% { transform:translateY(0)} } @keyframes wobble-vertical { 16.65% { transform:translateY(8px)} 33.3% { transform:translateY(-6px)} 49.95% { transform:translateY(4px)} 66.6% { transform:translateY(-2px)} 83.25% { transform:translateY(1px)} 100% { transform:translateY(0)} } .runok-fadeIn { animation-name:asFadeIn} @keyframes asFadeIn { from { opacity:0} to { opacity:1} } .runok-fadeInLeft { animation-name:asFadeInLeft} @keyframes asFadeInLeft { from { opacity:0;transform:translateX(-50px)} to { opacity:1} } .runok-fadeInRight { animation-name:asFadeInRight} @keyframes asFadeInRight { from { opacity:0;transform:translateX(50px)} to { opacity:1} } .runok-fadeInDown { animation-name:asFadeInTop} @keyframes asFadeInTop { from { opacity:0;transform:translateY(-50px)} to { opacity:1} } .runok-fadeInUp { animation-name:asFadeInBottom} @keyframes asFadeInBottom { from { opacity:0;transform:translateY(50px)} to { opacity:1} } .slider-section { position:relative;overflow:hidden} .slider-section .slider-tab-wrap { position:absolute;bottom:80px;left:250px;z-index:2;max-width:750px;width:100%} @media (max-width:1600px) { .slider-section .slider-tab-wrap { margin:0 auto;left:50%;transform:translateX(-50%)} } .runok-slider { position:relative;z-index:2} .slider-item { position:relative;overflow:hidden;z-index:2} .slider-item .overlay { background:#0E0E14;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.73} .slider-item .shape { position:absolute;top:0;left:0;height:100%} .slider-item .shape img { height:100%} .slider-item .slide-img-wrap { height:960px} @media only screen and (max-width:992px) { .slider-item .slide-img-wrap { height:550px} } @media only screen and (max-width:767px) { .slider-item .slide-img-wrap { height:450px} } .slider-item .slide-img-wrap img { width:100%;object-fit:cover;height:100%} .slider-item .slider-content-wrap { position:absolute;top:50%;transform:translateY(-50%);max-width:100%;width:100%;z-index:10} .slider-item .slider-content-wrap .it-hero-content-wrap { display:flex;align-items:center;justify-content:space-between;column-gap:15px} @media only screen and (max-width:992px) { .slider-item .slider-content-wrap .it-hero-content-wrap { margin-bottom:170px} } @media only screen and (max-width:767px) { .slider-item .slider-content-wrap .it-hero-content-wrap { flex-wrap:wrap;row-gap:25px;margin-bottom:0px} } .slider-item .slider-content-wrap .it-hero-content-wrap .it-hero-content { padding:0;margin-left:0} .slider-item .slider-content-wrap .it-hero-content-wrap .slider-btn-wrap .slider-btn { background:rgba(0,0,0,0.22);backdrop-filter:blur(3.5px);font-size:60px;color:var(--rr-color-common-white);height:200px;width:200px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease-in-out 0s} @media only screen and (max-width:767px) { .slider-item .slider-content-wrap .it-hero-content-wrap .slider-btn-wrap .slider-btn { height:100px;width:100px;font-size:30px} } .slider-item .slider-content-wrap .it-hero-content-wrap .slider-btn-wrap .slider-btn i { transform:rotate(-45deg);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .slider-item .slider-content-wrap .it-hero-content-wrap .slider-btn-wrap .slider-btn:hover i { transform:rotate(0)} @media only screen and (max-width:767px) { .slider-tab-wrap { display:none} } .slider-tab-wrap .swiper-slide .slider-tab-btn { font-family:var(--rr-ff-heading);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(30px);font-size:14px;font-weight:600;padding:6px 30px;text-align:center;cursor:pointer;color:var(--rr-color-common-white);line-height:1.625} .slider-tab-wrap .swiper-slide.swiper-slide-thumb-active { background-color:var(--rr-color-common-white);color:var(--rr-color-theme-primary)} .slider-tab-wrap .swiper-slide.swiper-slide-thumb-active .slider-tab-btn { color:var(--rr-color-heading-primary)} .dark .slider-tab-wrap .swiper-slide.swiper-slide-thumb-active .slider-tab-btn { color:var(--rr-color-theme-primary)} .runok-swiper-pagination { height:100%;width:auto !important;position:absolute;top:50%;bottom:auto;left:50px !important;z-index:2} @media (max-width:1399px) { .runok-swiper-pagination { left:25px !important} } @media (max-width:1250px) { .runok-swiper-pagination { display:none} } .runok-swiper-pagination .swiper-pagination-bullet { background-color:transparent;width:20px;height:20px;position:relative;border-radius:50%;opacity:1;display:block} .runok-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border:1px solid var(--rr-color-common-white)} .runok-swiper-pagination .swiper-pagination-bullet:before { content:"";background-color:var(--rr-color-common-white);width:5px;height:5px;border:1px solid var(--rr-color-common-white);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .runok-swiper-pagination .swiper-pagination-bullet:not(:last-of-type) { margin-bottom:10px} .it-hero-content { padding:300px 0 150px 0;max-width:820px;width:100%;margin:0 auto;padding-left:55px;position:relative;z-index:2} @media (max-width:1199px) { .it-hero-content { padding-left:0} } @media only screen and (max-width:992px) { .it-hero-content { padding:100px 0 100px 40px} } @media only screen and (max-width:767px) { .it-hero-content { padding-left:0} } .it-hero-content .sub-title { font-size:50px;font-weight:700;color:var(--rr-color-common-white);font-family:var(--rr-ff-heading);line-height:1.2;margin-bottom:0.5rem;transition:all 0.3s ease-in-out 0s} @media only screen and (max-width:992px) { .it-hero-content .sub-title { font-size:35px} } @media only screen and (max-width:767px) { .it-hero-content .sub-title { font-size:24px} } .it-hero-content .title { font-size:135px;font-weight:800;line-height:1;display:inline-block;position:relative;z-index:1;color:var(--rr-color-common-white);font-family:var(--rr-ff-heading);margin-bottom:0.5rem;transition:all 0.3s ease-in-out 0s} @media only screen and (max-width:992px) { .it-hero-content .title { font-size:80px} } @media only screen and (max-width:767px) { .it-hero-content .title { font-size:50px} } .it-hero-content .title:before { background:linear-gradient(270deg,#3F5AF3 0%,transparent 100%);content:"";width:100%;height:76%;position:absolute;top:15%;right:0;z-index:-1;opacity:0.95;display:block} .it-hero-content .bottom-title { font-size:75px;font-weight:700;margin-bottom:40px;color:var(--rr-color-common-white);font-family:var(--rr-ff-heading);line-height:1.2;margin-bottom:0.5rem;transition:all 0.3s ease-in-out 0s} @media only screen and (max-width:992px) { .it-hero-content .bottom-title { font-size:45px} } @media only screen and (max-width:767px) { .it-hero-content .bottom-title { font-size:30px} } .it-hero-content .hero-btn { background-image:url(../img/bg-img/hero-btn-bg.png);color:var(--rr-color-common-white);font-size:60px;height:180px;width:180px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;position:relative;z-index:1} @media only screen and (max-width:767px) { .it-hero-content .hero-btn { height:120px;width:120px;font-size:40px} } .it-hero-content .hero-btn i { transform:rotate(-45deg) scale(1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .it-hero-content .hero-btn:before { background-color:#3F5AF3;mix-blend-mode:multiply;content:"";width:170px;height:170px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0.9;z-index:-1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} @media only screen and (max-width:767px) { .it-hero-content .hero-btn:before { height:110px;width:110px} } .it-hero-content .hero-btn:hover:before { width:100%;height:100%} .it-hero-content .hero-btn:hover i { transform:rotate(-45deg) scale(1.05)} .about-img-6 { max-width:678px;width:100%;height:100%} @media only screen and (max-width:992px) { .about-img-6 { margin:0 auto} } .about-content-6 { padding-left:30px} @media only screen and (max-width:992px) { .about-content-6 { margin-top:40px;padding-left:0} } .about-content-6 .section-heading { margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #E6E6E6} .dark .about-content-6 .section-heading { border-color:var(--rr-color-border-1)} .about-content-6 .section-heading .section-title { margin-bottom:20px} .about-content-6 .section-heading p { font-family:var(--rr-ff-p);font-size:16px;font-weight:var(--rr-fw-normal);color:#74787C;margin-bottom:15px;line-height:28px} .dark .about-content-6 .section-heading p { color:var(--rr-color-text-body)} .about-content-6 .about-card .icon { background-color:rgba(63,90,243,0.1);height:80px;width:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:25px} .about-content-6 .about-card .icon img { height:41px;width:41px} .about-content-6 .about-card .title { margin-bottom:20px;font-size:24px;font-family:var(--rr-ff-heading);line-height:1.2;color:var(--rr-color-heading-primary);font-weight:600} .dark .about-content-6 .about-card .title { color:var(--rr-color-common-white)} .about-content-6 .about-card p { margin-bottom:0;color:#74787C;font-family:var(--rr-ff-p);font-size:16px;font-weight:var(--rr-fw-normal);line-height:28px} .dark .about-content-6 .about-card p { color:var(--rr-color-text-body)} @media only screen and (max-width:992px) { .about-wrap-7 { flex-direction:column-reverse} } .about-content-7 { padding-right:30px} @media only screen and (max-width:992px) { .about-content-7 { margin-top:40px;padding-right:0} } .about-content-7 .section-heading { margin-bottom:30px} .about-content-7 .section-heading .section-title { margin-bottom:25px} .about-content-7 .section-heading p { color:#74787C;font-family:var(--rr-ff-p);font-size:16px;font-weight:var(--rr-fw-normal);line-height:28px;margin-bottom:15px} .dark .about-content-7 .section-heading p { color:var(--rr-color-text-body)} .about-content-7 .about-list-wrap span { color:var(--rr-color-heading-primary);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:30px;display:block;line-height:1.625} .dark .about-content-7 .about-list-wrap span { color:var(--rr-color-common-white)} .about-content-7 .about-list-wrap .about-list { display:flex;align-items:center;flex-wrap:wrap;row-gap:10px;margin-bottom:40px} .about-content-7 .about-list-wrap .about-list li { display:flex;align-items:center;column-gap:10px;font-family:var(--rr-ff-body);font-size:16px;line-height:1.625;color:#74787C} .dark .about-content-7 .about-list-wrap .about-list li { color:var(--rr-color-text-body)} .about-content-7 .about-list-wrap .about-list li:not(:last-of-type) { margin-right:40px} .about-content-7 .about-list-wrap .about-list li i { color:var(--rr-color-theme-primary)} .about-content-7 .rr-primary-btn { border-radius:100px} .service-card { background-color:var(--rr-color-common-white);display:grid;grid-template-columns:85px 1fr;grid-gap:30px;border:1px solid #E6E6E6;padding:40px;overflow:hidden;position:relative;z-index:1} .dark .service-card { background-color:var(--rr-color-bg-1);border-color:var(--rr-color-border-1)} @media only screen and (max-width:992px) { .service-card { grid-template-columns:1fr;padding:30px 20px} } .service-card .shape { position:absolute;top:-15px;left:-15px;z-index:-1;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .service-card .icon { background-color:#E8EDF9;height:85px;width:85px;display:flex;align-items:center;justify-content:center;border-radius:50%} .service-card .icon img { height:45px;width:45px} .service-card .content .title { font-weight:700;margin-bottom:20px;font-size:24px;font-family:var(--rr-ff-heading);line-height:1.2} .dark .service-card .content .title { color:var(--rr-color-common-white)} @media only screen and (max-width:992px) { .service-card .content .title { font-size:20px} } .service-card .content p { color:#74787C;font-family:var(--rr-ff-p);font-size:16px;font-weight:var(--rr-fw-normal);line-height:28px;margin-bottom:15px} .dark .service-card .content p { color:var(--rr-color-text-body)} .service-card .content .read-more { font-size:16px;font-weight:700;color:var(--rr-color-heading-primary)} .dark .service-card .content .read-more { color:var(--rr-color-theme-primary)} .service-card .content .read-more i { margin-left:5px;line-height:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .service-card .content .read-more:hover i { margin-left:10px} .service-card:hover .shape { top:0;left:0;visibility:visible;opacity:0.05} .dark .service-card:hover .shape { opacity:1} .process-3 { position:relative;z-index:1} .process-3 .bg-shape { background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0.03} .process-counter-wrap>div:not(:first-of-type) .counter-card { padding-left:20px} @media only screen and (max-width:992px) { .process-counter-wrap>div:not(:first-of-type) .counter-card { padding-left:0} } .process-counter { border-bottom:1px solid #E6E6E6} .dark .process-counter { border-color:var(--rr-color-border-1)} @media only screen and (max-width:767px) { .process-counter { padding:50px 0 20px 0} } .process-counter .counter-card { display:grid;align-items:center;grid-template-columns:80px 1fr;grid-gap:20px;padding:60px 0;border-right:1px solid #E6E6E6} .dark .process-counter .counter-card { border-color:var(--rr-color-border-1)} .process-counter .counter-card.card-4 { border-right:none} @media only screen and (max-width:767px) { .process-counter .counter-card { border-right:none;padding:0;margin-bottom:30px} } .process-counter .counter-card .icon { background-color:var(--rr-color-theme-primary);height:85px;width:85px;display:flex;align-items:center;justify-content:center;border-radius:50%} .dark .process-counter .counter-card .icon { background-color:#1E2228} .process-counter .counter-card .icon img { height:45px;width:45px} .process-counter .counter-card .content .title { font-family:var(--rr-ff-p);font-size:40px;font-weight:700;line-height:1;margin-bottom:0;color:var(--rr-color-heading-primary)} .dark .process-counter .counter-card .content .title { color:var(--rr-color-common-white)} .process-counter .counter-card .content .title .odometer-auto-theme { font-family:inherit;line-height:1} .process-counter .counter-card .content p { font-size:16px;font-weight:600;text-transform:capitalize;margin-bottom:0;color:#74787C;line-height:28px} .dark .process-counter .counter-card .content p { color:var(--rr-color-text-body)} .testi-carousel-wrap .testi-thumb-wrap { max-width:310px;width:100%;margin-bottom:35px} .testi-carousel-wrap .testi-thumb-wrap .thumb-carousel .swiper-slide .testi-thumb { width:90px;height:90px;border-radius:50%;overflow:hidden;border:3px solid transparent;cursor:pointer} .testi-carousel-wrap .testi-thumb-wrap .thumb-carousel .swiper-slide.swiper-slide-thumb-active .testi-thumb { border:3px solid var(--rr-color-theme-primary)} .testi-carousel-wrap .content-carousel .testi-content { max-width:640px} .testi-carousel-wrap .content-carousel .testi-content p { font-size:18px;margin-bottom:30px;color:#74787C;font-family:var(--rr-ff-p);font-weight:var(--rr-fw-normal);line-height:28px} .dark .testi-carousel-wrap .content-carousel .testi-content p { color:var(--rr-color-text-body)} .testi-carousel-wrap .content-carousel .testi-content .author-info .name { font-size:24px;margin-bottom:5px;color:var(--rr-color-heading-primary)} .dark .testi-carousel-wrap .content-carousel .testi-content .author-info .name { color:var(--rr-color-common-white)} .testi-carousel-wrap .content-carousel .testi-content .author-info span { font-size:14px;font-family:var(--rr-ff-body)} .dark .testi-carousel-wrap .content-carousel .testi-content .author-info span { color:var(--rr-color-text-body)} .testi-img-5 { max-width:640px;width:100%;height:100%;margin-left:auto} @media only screen and (max-width:992px) { .testi-img-5 { margin:0 auto;margin-top:40px;height:auto} } .testi-img-5 img { width:100%;height:100%;object-fit:cover} .cta-section-5 { position:relative;z-index:1} .cta-section-5 .bg-img { background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1} .cta-section-5 .overlay { background:#3F5AF3;mix-blend-mode:multiply;transform:rotate(180deg);width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1} .cta-section-5 .overlay-2 { background:linear-gradient(266.79deg,#1C1C1C 51.86%,rgba(28,28,28,0.32) 78.29%);mix-blend-mode:difference;opacity:0.47;transform:rotate(180deg);width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1} .cta-section-5 .overlay-3 { background:linear-gradient(266.79deg,#1C1C1C 51.86%,rgba(28,28,28,0.32) 78.29%);mix-blend-mode:multiply;opacity:0.15;transform:rotate(180deg);width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1} .cta-wrap-5 { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:40px;row-gap:40px} .cta-wrap-5 .section-heading .sub-heading { color:var(--rr-color-common-white)} .cta-wrap-5 .section-heading .sub-heading:before { background:linear-gradient(270deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%)} .cta-wrap-5 .section-heading .section-title { color:var(--rr-color-common-white)} .cta-wrap-5 .cta-btn .rr-primary-btn { background:rgba(255,255,255,0.05);border:1px solid #FFFFFF;backdrop-filter:blur(8.5px);border-radius:100px;padding:18px 30px} .footer-4 .footer-wrap { padding:130px 0} @media only screen and (max-width:992px) { .footer-4 .footer-wrap { padding:80px 0 0 0} } .footer-4 .logo-widget p { margin-bottom:40px} .footer-4 .logo-widget .social-list li a { background-color:#1E2228;border-radius:50%;border:none} .footer-4 .logo-widget .social-list li a:hover { background-color:var(--rr-color-theme-primary)} .it-copyright-area { border-top:1px solid var(--rr-color-border-1);padding:40px 0} @media only screen and (max-width:992px) { .it-copyright-area { padding:40px 0} } .validation-error { color:#ff4444;font-size:12px;display:block;margin-top:6px;line-height:1.3}