* { margin:0;padding:0;box-sizing:border-box} a { text-decoration:none;transition:all 0.3s;color:inherit} a:hover { color:var(--primary)} button { background-color:transparent;border:none;cursor:pointer;font-family:var(--font_dmsans)} ul { list-style:none;margin:0;padding:0} img { max-width:100%;height:auto} @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} @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} @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} @font-face { font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("../webfonts/fa-solid-900.woff2") format("woff2")} @font-face { font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/fa-brands-400.woff2") format("woff2")} :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;--rr-color-common-white:#ffffff;--rr-color-common-black:#000000;--rr-common-white:#ffffff;--rr-common-black:#000000;--rr-background-section-3-bg:#11151C;--rr-theme-primary:#222222;--rr-ff-heading1:"Beatrice Trial",sans-serif;--font_dmsans:"DM Sans",sans-serif;--font_instrumentsans:"Instrument Sans",sans-serif;--font_thunder:"Thunder";--font_sequelsans:"Sequel Sans Roman Body",sans-serif;--font_sequelsansromanbody:"Sequel Sans Roman Body",sans-serif;--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"} :root .dark { --primary:#ffffff;--secondary:#999999;--border:rgba(255,255,255,0.1);--bg:#171717} html { overflow-x:hidden;width:100%} body { overflow-x:hidden;width:100%;font-family:var(--font_dmsans);line-height:1} .body-wrapper { background-color:var(--white);font-family:var(--font_dmsans);font-size:16px;line-height:1.6;color:var(--primary);overflow-x:hidden} .body-wrapper.dark { background-color:var(--black)} .body-page-inner { position:relative;z-index:100;background-color:#FFFFFF;overflow-x:hidden;width:100%} @media (min-width:1650px) { .body-page-inner .container.large { max-width:1650px;--container-max-widths:1620px;--bs-gutter-x:30px} } .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)} .progress-wrap { position:fixed;right:20px;bottom:20px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;z-index:99;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-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 6 Solid";font-weight:900;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:none} .progress-wrap svg.progress-circle path { stroke:var(--white);stroke-width:4;box-sizing:border-box;transition:all 200ms linear} .svg-content { width:100%;height:100%} .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} .container { width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container.large { max-width:1650px} .rr-container-1630 { --bs-gutter-x:30px;max-width:1630px;margin:0 auto;padding-left:15px;padding-right:15px} .pos-center { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1} .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-family:var(--font_dmsans);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;text-decoration:none;cursor:pointer} .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)} .main-menu { display:block} .main-menu > ul { display:flex !important;list-style:none;margin:0;padding:0;align-items:center} .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;list-style:none} .main-menu li a { display:flex;align-items:center;font-family:var(--font_dmsans);font-weight:400;font-size:18px;line-height:1;color:var(--primary);padding:37px 15px;text-transform:capitalize;text-decoration:none} .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;list-style:none;margin:0} .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-family:var(--font_dmsans);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 li.menu-item-has-children > a:after { content:"\f107";font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 6 Solid";font-weight:900;margin-inline-start:5px;font-size:14px;display:inline-block} @media (max-width:1199px) { .header__nav .main-menu { display:none !important} .pos-center { position:static;transform:none} } .fix { overflow:hidden} .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)} @media only screen and (max-width:1199px) { .side-info { width:460px} } @media only screen and (max-width:991px) { .side-info { width:400px} } @media only screen and (max-width:767px) { .side-info { width:100%;padding:30px 30px} } @media (max-width:575px) { .side-info { width:100%;padding:30px 20px} } .side-info ::-webkit-scrollbar { display:none} .side-info.info-open { opacity:1;transform:translateX(0)} .side-info-content { position:relative} .offset-widget { margin-bottom:35px} .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;width:auto;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} .dark .offset-logo .light-logo { display:none} .offset-logo .dark-logo { display:none} .dark .offset-logo .dark-logo { display:block} .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;cursor:pointer} .dark .side-info-close { background-color:#292828;color:var(--white)} .side-info-close:hover { transform:rotate(90deg)} .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 { color:var(--primary);text-decoration:none} .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)} .offset-widget-box .contact-item .text { font-size:16px;line-height:1.5} .offset-whatsapp { margin-top:30px} .whatsapp-side-menu { position:relative;display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:#ffffff;padding:12px 20px;border-radius:50px;box-shadow:0 4px 12px rgba(37,211,102,0.4);transition:all 0.3s ease;text-decoration:none;font-family:var(--font_dmsans);font-weight:600;font-size:14px;line-height:1;width:100%} .whatsapp-side-menu:hover { transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.5);background:#20BA5A;color:#ffffff} .whatsapp-side-menu i { font-size:20px;display:flex;align-items:center;justify-content:center} .whatsapp-side-menu .whatsapp-text { display:inline-block;white-space:nowrap} .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} .d-xl-none { display:none} @media (max-width:1199px) { .d-xl-none { display:block !important} } .offcanvas-overlay { position:fixed;height:100%;width:100%;background:#000;z-index:900;top:0;right:0;opacity:0;visibility:hidden;transition:all 0.5s;cursor:pointer} .offcanvas-overlay.overlay-open { opacity:0.5;visibility:visible} .header-main { width:100%} .header-area-7 { position:absolute;top:0;left:0;width:100%;z-index:999} .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__logo { flex-shrink:0;display:block} .header__logo a { display:block;line-height:0} .header-area-7 .header__logo img { max-width:95px;width:100px;display:block} .normal-logo { display:block} .header__nav { display:flex;align-items:center} .header-area-7 .header__nav { margin-right:-50%} .header-area-7 .main-menu > ul > li > a { font-family:var(--font_dmsans);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)} .header__button { flex-shrink:0} @media (max-width:575px) { .header-area-7 .header__meta { display:none} } @media (max-width:575px) { .header-area-7 .header__button { display:none} } .header-area-7 .header__button .rr-btn { font-size:16px;padding:16px 28px;letter-spacing:-0.04em} .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__navicon { flex-shrink:0;display:none} @media only screen and (max-width:1199px) { .header__navicon { display:block} } .header-area-7 .header__navicon { gap:20px;display:flex;align-items:center;position:relative;z-index:10} @media only screen and (max-width:1199px) { .header-area-7 .header__navicon { display:flex} } .side-toggle { background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:10} .header-area-7 .side-toggle { display:flex;align-items:center;gap:8px;font-family:var(--font_dmsans);font-size:14px;font-weight:600;line-height:16px;text-transform:uppercase;color:var(--white);position:relative;z-index:10} .header-area-7 .side-toggle img { max-width:24px} .header-area-7 .side-toggle i { font-size:22px} .section-bg-3 { background-color:var(--rr-background-section-3-bg);background-size:cover;background-position:center;background-repeat:no-repeat} .banner-section-3__area { position:relative;z-index:1} .ai-hero-section { min-height:100vh;padding:120px 0 80px;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat} .ai-hero-container { max-width:1400px;margin:0 auto;padding:0 60px;position:relative;z-index:1} @media (max-width:1024px) { .ai-hero-container { padding:0 50px} } @media (max-width:768px) { .ai-hero-container { padding:0 30px} } @media (max-width:480px) { .ai-hero-container { padding:0 20px} } .ai-hero-content { display:grid;grid-template-columns:1.15fr 0.85fr;gap:30px;align-items:start} .ai-hero-left { color:#ffffff;padding-right:40px;padding-top:40px;position:relative;overflow:hidden;z-index:1} .ai-hero-left .info-link,.ai-hero-left .info-text,.ai-hero-left .copyright-text,.ai-hero-left .text-wrapper:not(.section-content .text-wrapper) { display:none !important} .ai-hero-title { font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:#ffffff} .ai-hero-description { font-size:18px;line-height:1.6;color:rgba(255,255,255,0.8);margin-bottom:48px;max-width:600px} .ai-hero-features { display:flex;flex-direction:column;gap:24px} .ai-feature-item { display:flex;align-items:center;gap:16px} .ai-feature-icon { width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0} .ai-feature-icon img { width:46px;height:46px;max-width:46px;max-height:46px;min-width:46px;min-height:46px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;box-sizing:border-box} .ai-feature-icon i { font-size:20px;color:#4FACFE} .ai-feature-text { font-size:16px;font-weight:500;color:#ffffff} .ai-hero-form-container { background:#ffffff;border-radius:24px;padding:40px 35px;box-shadow:0 20px 60px rgba(0,0,0,0.3);margin-top:30px;position:relative;overflow:hidden;z-index:1} .ai-hero-section .info-link,.ai-hero-section .info-text,.ai-hero-section .copyright-text,.ai-hero-section .contact-item,.ai-hero-section .contact-meta,.ai-hero-section .offset-widget-box,.ai-hero-form-container .info-link,.ai-hero-form-container .info-text,.ai-hero-form-container .copyright-text,.ai-hero-form-container .contact-item,.ai-hero-form-container .contact-meta,.ai-hero-form-container .offset-widget-box,.ai-hero-left .info-link,.ai-hero-left .info-text,.ai-hero-left .copyright-text,.ai-hero-left .contact-item,.ai-hero-left .contact-meta,.ai-hero-left .offset-widget-box { display:none !important} .ai-hero-form-container .form-label::before,.ai-hero-form-container .form-label::after { content:none !important} .ai-hero-form-container .contact-formfield::before,.ai-hero-form-container .contact-formfield::after { content:none !important;display:none !important} .ai-hero-form-container input[type="text"],.ai-hero-form-container input[type="email"] { -webkit-appearance:none;-moz-appearance:none;appearance:none} .ai-form-title { font-family:var(--font_dmsans);font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:32px;text-align:center} .form-label { display:block;font-family:var(--font_dmsans);font-size:14px;font-weight:600;color:#333;margin-bottom:8px} .form-label .required { color:#ff0000;margin-left:2px} .ai-hero-form-container .contact-formfield input,.ai-hero-form-container .contact-formfield textarea { width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:var(--font_dmsans);font-size:14px;color:#333;background:#fff;transition:border-color 0.3s ease} .ai-hero-form-container .contact-formfield input:focus,.ai-hero-form-container .contact-formfield textarea:focus { outline:none;border-color:#4FACFE} .ai-hero-form-container .contact-formfield input.error,.ai-hero-form-container .contact-formfield textarea.error { border-color:#ff4444} .ai-hero-form-container .contact-formfield input.error:focus,.ai-hero-form-container .contact-formfield textarea.error:focus { border-color:#ff4444} .ai-hero-form-container .contact-formfield input::placeholder,.ai-hero-form-container .contact-formfield textarea::placeholder { color:#999} .ai-hero-form-container .contact-formfield textarea { resize:vertical;min-height:100px} .ai-hero-form-container .contact-formwrap { display:flex;flex-direction:column;gap:16px} .ai-hero-form-container .contact-formfield { margin-bottom:0} .contact-formwrap .message { grid-column:span 2} @media only screen and (max-width:767px) { .contact-formwrap .message { grid-column:auto} } .submit-btn { margin-top:20px} .ai-hero-form-container .submit-btn { margin-top:8px} .ai-hero-form-container .rr-btn { width:100%;justify-content:center} .text-wrapper { display:block} .info-text .text-wrapper { margin-bottom:10px} .subscription-text .text-wrapper { display:block} .ai-hero-form-container #response-message { margin-top:16px;padding:12px;border-radius:8px;font-size:14px;text-align:center;display:none} .ai-hero-form-container #response-message.success { background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block} .ai-hero-form-container #response-message.error { background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block} .validation-error { color:#ff4444;font-size:12px;display:block;margin-top:6px;line-height:1.3} .success-message { color:green;margin-top:10px} .error-message { color:red;margin-top:10px} #response-message { margin-top:10px} .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%} .ai-customers-section { padding:80px 0 0;margin-top:80px} .ai-customers-container { max-width:1400px;margin:0 auto;padding:0 60px} .ai-customers-title { font-size:24px;font-weight:600;color:#ffffff;text-align:center;margin-bottom:50px} .ai-customers-carousel { overflow:hidden;position:relative;width:100%} .ai-customers-track { display:flex;gap:80px;align-items:center;animation:slide-logos 30s linear infinite;width:fit-content} .ai-customers-track:hover { animation-play-state:paused} .ai-customer-logo { flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:150px;height:60px} .ai-customer-logo img { max-width:150px;max-height:60px;width:auto;height:auto;object-fit:contain;opacity:0.7;transition:opacity 0.3s ease,transform 0.3s ease} .ai-customer-logo:hover img { opacity:1;transform:scale(1.05)} @keyframes slide-logos { 0% { transform:translateX(0)} 100% { transform:translateX(-50%)} } @media (max-width:1024px) { .ai-customers-section { padding:60px 0 0;margin-top:60px} .ai-customers-container { padding:0 50px} .ai-customers-track { gap:60px} } @media (max-width:768px) { .ai-customers-section { padding:40px 0 0;margin-top:40px} .ai-customers-container { padding:0 30px} .ai-customers-title { font-size:20px;margin-bottom:40px} .ai-customers-track { gap:40px} .ai-customer-logo { min-width:120px;height:50px} .ai-customer-logo img { max-width:120px;max-height:50px} } @media (max-width:480px) { .ai-customers-title { font-size:18px;margin-bottom:30px} .ai-customers-track { gap:30px} .ai-customer-logo { min-width:100px;height:40px} .ai-customer-logo img { max-width:100px;max-height:40px} } .ai-technologies-section { background-color:#ffffff;padding:100px 0} .ai-technologies-container { max-width:1200px;margin:0 auto;padding:0 60px} .ai-technologies-title { font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.2;color:#1a1a1a;text-align:left;margin-bottom:80px;max-width:100%} .ai-technologies-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start} .ai-tech-card { display:flex;flex-direction:column;align-items:flex-start} .ai-tech-icon { margin-bottom:20px} .ai-tech-icon svg { width:40px;height:40px;display:block} .ai-tech-heading { font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.4} .ai-tech-description { font-size:16px;line-height:1.7;color:#4a5568;margin:0} @media (max-width:1024px) { .ai-technologies-section { padding:80px 0} .ai-technologies-container { padding:0 50px} .ai-technologies-title { font-size:36px;margin-bottom:60px;text-align:center} .ai-technologies-grid { grid-template-columns:repeat(2,1fr);gap:40px} } @media (max-width:768px) { .ai-technologies-section { padding:60px 0} .ai-technologies-container { padding:0 30px} .ai-technologies-title { font-size:30px;margin-bottom:50px;text-align:center} .ai-technologies-grid { grid-template-columns:repeat(2,1fr);gap:30px} .ai-tech-heading { font-size:20px} .ai-tech-description { font-size:15px} } @media (max-width:480px) { .ai-technologies-section { padding:50px 0} .ai-technologies-container { padding:0 20px} .ai-technologies-title { font-size:26px;margin-bottom:30px;text-align:center} .ai-technologies-grid { grid-template-columns:1fr;gap:30px} .ai-tech-icon svg { width:35px;height:35px} .ai-tech-heading { font-size:18px} .ai-tech-description { font-size:14px} } .ai-why-choose-section { padding:100px 0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat} .ai-why-choose-container { max-width:1200px;margin:0 auto;padding:0 60px} .ai-why-choose-title { font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.3;color:#ffffff;margin-bottom:20px;text-align:center} .ai-why-choose-subtitle { font-size:18px;font-weight:400;line-height:1.6;color:rgba(255,255,255,0.8);margin-bottom:60px;text-align:center} .ai-why-choose-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .ai-why-card { background:rgba(255,255,255,0.08);border-radius:16px;padding:30px 25px;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);min-height:160px;display:flex;flex-direction:column;align-items:center;text-align:center} .ai-why-card:hover { background:rgba(255,255,255,0.12);transform:translateY(-5px);border-color:rgba(79,172,254,0.3)} .ai-why-icon { margin-bottom:20px;display:flex;justify-content:center} .ai-why-icon svg { width:36px;height:36px;display:block} .ai-why-text { font-size:22px;line-height:1.6;color:#ffffff;margin:0;font-weight:400;text-align:center} @media (max-width:1024px) { .ai-why-choose-section { padding:80px 0} .ai-why-choose-container { padding:0 50px} .ai-why-choose-title { font-size:36px} .ai-why-choose-grid { gap:25px} .ai-why-card { padding:30px 20px;min-height:140px} } @media (min-width:768px) and (max-width:991px) { .ai-why-choose-grid { grid-template-columns:repeat(2,1fr) !important;gap:25px} } @media (max-width:767px) { .ai-why-choose-section { padding:60px 0} .ai-why-choose-container { padding:0 30px} .ai-why-choose-title { font-size:30px;margin-bottom:16px} .ai-why-choose-subtitle { font-size:16px;margin-bottom:40px} .ai-why-choose-grid { grid-template-columns:1fr;gap:20px} .ai-why-card { padding:25px 20px;min-height:auto} .ai-why-icon svg { width:32px;height:32px} .ai-why-text { font-size:15px} } @media (max-width:480px) { .ai-why-choose-section { padding:50px 0} .ai-why-choose-container { padding:0 20px} .ai-why-choose-title { font-size:26px} .ai-why-choose-subtitle { font-size:15px;margin-bottom:30px} .ai-why-icon svg { width:30px;height:30px} .ai-why-text { font-size:13px} } .ai-cta-section { background-color:#ffffff;padding:100px 0;text-align:center} .ai-cta-container { max-width:910px;margin:0 auto;padding:0 60px} .ai-cta-title { font-size:48px;font-weight:700;line-height:1.2;color:#111111;margin-bottom:24px} .ai-cta-description { font-size:18px;line-height:1.6;color:#4a5568;margin-bottom:40px} .ai-cta-button { display:inline-block;background-color:#111111;color:#ffffff;padding:16px 40px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid #111111} .ai-cta-button:hover { background-color:transparent;color:#111111;transform:translateY(-2px);box-shadow:0 8px 20px rgba(17,17,17,0.2)} @media (max-width:1024px) { .ai-cta-section { padding:80px 0} .ai-cta-container { padding:0 50px} .ai-cta-title { font-size:42px} } @media (max-width:768px) { .ai-cta-section { padding:60px 0} .ai-cta-container { padding:0 30px} .ai-cta-title { font-size:34px;margin-bottom:20px} .ai-cta-description { font-size:16px;margin-bottom:30px} } @media (max-width:480px) { .ai-cta-section { padding:50px 0} .ai-cta-container { padding:0 20px} .ai-cta-title { font-size:28px} .ai-cta-description { font-size:15px} .ai-cta-button { padding:14px 32px;font-size:15px} } .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:70px} } @media only screen and (max-width:991px) { .section-spacing-top { padding-top:60px} } @media only screen and (max-width:767px) { .section-spacing-top { padding-top:50px} } .footer-area-inner-page { overflow-x:hidden;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;overflow-x:hidden;width:100%} @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;text-decoration:none} .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} .footer-logo img { max-width:100%;height:auto;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} @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;overflow-x:hidden;width:100%} @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)} .subscribe-btn { background:transparent;border:none;cursor:pointer;transition:all 0.3s;padding:0} .subscribe-btn:hover { opacity:0.7} .subscribe-btn img { max-width:100%;height:auto} .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 { display:flex;flex-direction:column} .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);font-weight:400} .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 { list-style:none;padding:0;margin:0} .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 { color:var(--primary);text-decoration:none;transition:opacity 0.3s} .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 { margin-top:0} .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-align:center} .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;text-decoration:none} .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%} @media screen and (max-width:1024px) { .ai-hero-section { padding:100px 0 60px} .ai-hero-content { grid-template-columns:1fr;gap:40px} .ai-hero-left { padding-right:0;text-align:center} .ai-hero-title { font-size:38px} .ai-hero-description { margin-left:auto;margin-right:auto} .ai-hero-features { max-width:500px;margin:0 auto} .ai-hero-form-container { max-width:500px;margin:0 auto} } @media screen and (max-width:768px) { .ai-hero-section { padding:80px 0 40px;min-height:auto} .ai-hero-title { font-size:32px;margin-bottom:20px} .ai-hero-description { font-size:16px;margin-bottom:36px} .ai-hero-features { gap:20px} .ai-feature-item { gap:12px} .ai-feature-icon { width:40px;height:40px} .ai-feature-icon i { font-size:18px} .ai-feature-text { font-size:14px} .ai-hero-form-container { padding:30px 24px;border-radius:16px} .ai-form-title { font-size:24px;margin-bottom:24px} .ai-hero-form-container .contact-formwrap { gap:12px} } @media screen and (max-width:480px) { .ai-hero-container { padding:0 16px} .ai-hero-title { font-size:28px} .ai-hero-description { font-size:15px} .ai-hero-form-container { padding:24px 20px} .ai-form-title { font-size:22px} .ai-hero-form-container .contact-formfield input,.ai-hero-form-container .contact-formfield textarea { padding:10px 14px;font-size:13px} } .whatsapp-float { position:fixed;bottom:80px;right:20px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:#ffffff;padding:12px 20px;border-radius:50px;box-shadow:0 4px 12px rgba(37,211,102,0.4);transition:all 0.3s ease;text-decoration:none;font-family:var(--font_dmsans);font-weight:600;font-size:14px;line-height:1} .whatsapp-float:hover { transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.5);background:#20BA5A} .whatsapp-float i { font-size:20px;display:flex;align-items:center;justify-content:center} .whatsapp-float .whatsapp-text { display:inline-block;white-space:nowrap} @media only screen and (max-width:1024px) { .whatsapp-float { bottom:85px;right:20px;padding:10px 18px;font-size:13px;gap:8px} .whatsapp-float i { font-size:18px} } @media only screen and (max-width:767px) { .whatsapp-float { bottom:90px;right:20px;padding:10px 16px;font-size:12px;gap:8px} .whatsapp-float i { font-size:18px} } @media only screen and (max-width:480px) { .whatsapp-float { bottom:85px;right:20px;padding:8px 14px;font-size:11px;gap:6px} .whatsapp-float i { font-size:16px} } .span-bold{ font-weight:bold} .our-clients__area { padding-bottom:80px} @media only screen and (max-width:991px) { .our-clients__area { padding-bottom:60px} } @media only screen and (max-width:767px) { .our-clients__area { padding-bottom:50px} } .section-space-top-160 { padding-bottom:4rem} @media only screen and (min-width:768px) and (max-width:992px) { .section-space-top-160 { padding-top:60px} } @media only screen and (min-width:576px) and (max-width:767px),(max-width:575px) { .section-space-top-160 { padding-top:50px} } .our-clients__wrapper { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px} @media (min-width:1024px) { .our-clients__area .container { max-width:1200px;margin:0 auto;padding:0 60px} .our-clients__wrapper { display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:30px;max-width:100%;justify-items:center} } @media (min-width:992px) and (max-width:1023px) { .our-clients__area .container { max-width:1200px;margin:0 auto;padding:0 60px} .our-clients__wrapper { display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;max-width:100%;justify-items:center} } @media only screen and (min-width:1400px) and (max-width:1600px) { .our-clients__wrapper { gap:20px} } @media (min-width:768px) and (max-width:991px) { .our-clients__area .container { max-width:1200px;margin:0 auto;padding:0 40px} .our-clients__wrapper { display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px;max-width:100%;justify-items:center} } @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);display:block;text-decoration:none} @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} .gallery-wrapper { padding:0 50px;margin-bottom:80px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;width:100%} @media only screen and (max-width:1199px) { .gallery-wrapper { padding:0 10px;margin-bottom:60px} } .gallery-wrapper > *:nth-child(1) { grid-column:span 2} .gallery-wrapper .image { position:relative;overflow:hidden;border-radius:20px;width:100%;height:100%} @media only screen and (max-width:767px) { .gallery-wrapper { gap:10px;grid-template-columns:1fr;padding:0 10px;margin-bottom:50px} .gallery-wrapper > *:nth-child(1) { grid-column:span 1} .gallery-wrapper .image { border-radius:5px} } .gallery-wrapper .image img { width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease} .gallery-wrapper .image:hover img { transform:scale(1.05)} .parallax-view { overflow:hidden;position:relative} .parallax-view img { width:100%;height:auto;display:block;transition:transform 0.3s ease} .fade-anim { opacity:0;animation:fadeInUp 0.8s ease forwards} .fade-anim .image { opacity:0;animation:fadeInUp 0.8s ease forwards} .fade-anim .image:nth-child(1) { animation-delay:0.1s} .fade-anim .image:nth-child(2) { animation-delay:0.2s} .fade-anim .image:nth-child(3) { animation-delay:0.3s} .fade-anim .image:nth-child(4) { animation-delay:0.4s} .fade-anim .image:nth-child(5) { animation-delay:0.5s} .fade-anim .image:nth-child(6) { animation-delay:0.6s} @keyframes fadeInUp { 0% { opacity:0;transform:translateY(50px)} 100% { opacity:1;transform:translateY(0)} }