/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 1.0.1 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ html { scroll-behavior: smooth; } #loader{ display: none; } .logo{ width: 159px; height: 79px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-btn .elementor-button-text{ line-height: 33px; } .icon-btn .elementor-button-icon{ width: 33px; height: 33px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; } .icon-btn .elementor-button-icon svg { width: 11px; } .icon-btn a{ padding: 12.5px 12px 12.5px 28px !important; -webkit-box-shadow: 0px 4px 44px 10px #3D0789 !important; box-shadow: 0px 4px 44px 10px #3D0789 !important; background: -o-linear-gradient(311deg, rgba(97,0,235,1) -50%, rgba(30,202,211,1) 50%, rgba(97,0,235,1) 150%); background: linear-gradient(139deg, rgba(97,0,235,1) -50%, rgba(30,202,211,1) 50%, rgba(97,0,235,1) 150%); background-size: 200% 100%; background-position: center left; } .icon-btn a:hover{ background-position: center right -1px; } .elementor-location-header{ position: absolute; left: 0; top: 0; width: 100%; z-index: 999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in; } /* .elementor-location-header.fixed{ position: fixed; background-color: #3F0099; } */ .elementor-location-header.active{ top: var(--_top); position: fixed; } .elementor-location-header.clr{ background-color: #3F0099; } h1{ /* background: -o-linear-gradient(178.05deg, #1ECAD3 15.19%, #BB2BFF 107.58%); */ background: linear-gradient(271.95deg, #BB2BFF 33%, #fff 66%, #1ECAD3 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; text-shadow: 0px 10px 11.7px rgba(0, 0, 0, 0.20), 0px 2px 42.9px rgba(214, 47, 212, 0.23); background-size: 200%; animation: animated-gradient 3s ease-in-out infinite; } @keyframes animated-gradient { 0%, 100% { background-position: 50 0%; } 50% { background-position: 50% 100%; } } .bnr-video-wraper{ -webkit-backdrop-filter: blur(13.1px); backdrop-filter: blur(13.1px); } .bnr-video-wraper:after { content: ""; position: absolute; inset: 0; border-radius: 30px; padding: 1px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .newsletter-form .gform_footer, .newsletter-form .gform_validation_errors{ display: none !important; } .newsletter-form input[type="email"]{ background-color: #fff; border-radius: 50px; height: 65px; padding: 24px 30px !important; padding-left: 64px !important; font-weight: 400; font-size: 16px !important; line-height: 1; color: #1ECAD3; border: 0; outline: 0; background: url(data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%220%200%2025%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.5024%2017.0051H2.9841C1.89285%2017.0051%201%2016.1123%201%2015.021V2.9841C1%201.89285%201.89285%201%202.9841%201H21.5024C22.5937%201%2023.4865%201.89285%2023.4865%202.9841V15.0541C23.4865%2016.1453%2022.5937%2017.0051%2021.5024%2017.0051Z%22%20stroke%3D%22%23A7A7A7%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.125%202.0046L10.0945%2010.7892C11.2519%2012.0458%2013.2029%2012.0458%2014.3603%2010.7892L22.5558%201.76562M6.32469%2011.4175C4.70434%2013.1701%203.74535%2014.2613%202.125%2016.014M22.3629%2016.014C20.7425%2014.2613%2019.7835%2013.1701%2018.1632%2011.4175%22%20stroke%3D%22%23A7A7A7%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) left 30px center no-repeat #fff; background-size: 22px; -webkit-box-shadow: 0px 14px 44px rgba(177, 177, 177, 0.25); box-shadow: 0px 14px 44px rgba(177, 177, 177, 0.25); } .newsletter-form input[type="email"]::-webkit-input-placeholder{ color: #A6A6A6; opacity: 1; font-weight: 400; } .newsletter-form input[type="email"]::-moz-placeholder{ color: #A6A6A6; opacity: 1; font-weight: 400; } .newsletter-form input[type="email"]:-ms-input-placeholder{ color: #A6A6A6; opacity: 1; font-weight: 400; } .newsletter-form input[type="email"]::-ms-input-placeholder{ color: #A6A6A6; opacity: 1; font-weight: 400; } .newsletter-form input[type="email"]::placeholder{ color: #A6A6A6; opacity: 1; font-weight: 400; } .newsletter-form #field_submit{ width: 190px; } .newsletter-form input[type="submit"]{ background-color: #1ECAD3 !important; background-image: unset !important; } .newsletter-form input[type="submit"]:hover{ color: #1ECAD3 !important; background-color: #fff !important; } .newsletter-form .gform_fields { grid-column-gap: 19px !important; } .newsletter-form .gform_confirmation_message{ color: #1ECAD3; font-size: 20px; text-align: center; font-weight: 700; } .newsletter-form .validation_message { position: absolute; padding: 0 !important; border-radius: 0; background: transparent !important; font-size: 12px !important; border: 0 !important; line-height: 1.2 !important; } .icon-box .elementor-icon{ width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(-75.53%, #7F38EA), color-stop(70.74%, rgba(40, 12, 83, 0))); background: -o-linear-gradient(top, #7F38EA -75.53%, rgba(40, 12, 83, 0) 70.74%); background: linear-gradient(180deg, #7F38EA -75.53%, rgba(40, 12, 83, 0) 70.74%); } .icon-box .elementor-icon-box-icon{ width: 120px; height: 120px; background: #20004D; border-radius: 100%; padding: 15px; position: relative; margin-top: 15px; -webkit-box-shadow: 17px 5px 69px 20px #4F02BD; box-shadow: 17px 5px 69px 20px #4F02BD; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-box .elementor-icon-box-icon:after{ content: ''; display: block; width: 162px; height: 162px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* background: url('data:image/svg+xml,%3Csvg%20width%3D%22168%22%20height%3D%22168%22%20viewBox%3D%220%200%20168%20168%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url(%23filter0_f_2001_4)%22%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%2284%22%20r%3D%2276%22%20stroke%3D%22url(%23paint0_linear_2001_4)%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%2284%22%20r%3D%2276%22%20stroke%3D%22url(%23paint1_linear_2001_4)%22%20stroke-width%3D%223%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_2001_4%22%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22167%22%20height%3D%22167%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22effect1_foregroundBlur_2001_4%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_2001_4%22%20x1%3D%2284%22%20y1%3D%228%22%20x2%3D%2284%22%20y2%3D%22160%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AB78FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2312F0FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_2001_4%22%20x1%3D%2262.5%22%20y1%3D%220.500002%22%20x2%3D%22160%22%20y2%3D%22187.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AB78FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300FFFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') center center no-repeat; */ background: url(https://gonovalta.com/wp-content/uploads/2024/11/222.png) center center no-repeat; background-size: 100% 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-box:after { content: ''; display: block; width: 250px; height: 260px; position: absolute; left: 92px; top: -56px; /* background: url('data:image/svg+xml,%3Csvg%20width%3D%22249%22%20height%3D%22262%22%20viewBox%3D%220%200%20249%20262%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url(%23filter0_f_2001_5)%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2229%22%20r%3D%229%22%20fill%3D%22%23AB78FF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23filter1_f_2001_5)%22%3E%3Cpath%20d%3D%22M28%2029C46.6667%2030.3333%2088.9%2043.2%20108.5%2084C133%20135%20129.5%20218%20221%20232.5%22%20stroke%3D%22%23AB78FF%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M28%2029C46.6667%2030.3333%2088.9%2043.2%20108.5%2084C133%20135%20129.5%20218%20221%20232.5%22%20stroke%3D%22url(%23paint0_linear_2001_5)%22%20stroke-width%3D%223%22%2F%3E%3Cg%20filter%3D%22url(%23filter2_f_2001_5)%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2229%22%20r%3D%226%22%20fill%3D%22%23AB78FF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23filter3_f_2001_5)%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2229%22%20r%3D%224%22%20fill%3D%22%23BC94FF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23filter4_f_2001_5)%22%3E%3Ccircle%20cx%3D%22220%22%20cy%3D%22233%22%20r%3D%229%22%20fill%3D%22%2312F0FF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23filter5_f_2001_5)%22%3E%3Ccircle%20cx%3D%22220%22%20cy%3D%22233%22%20r%3D%226%22%20fill%3D%22%2312F0FF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23filter6_f_2001_5)%22%3E%3Ccircle%20cx%3D%22220%22%20cy%3D%22233%22%20r%3D%224%22%20fill%3D%22%2303FBFF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_2001_5%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2258%22%20height%3D%2258%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2210%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22filter1_f_2001_5%22%20x%3D%2215.8931%22%20y%3D%2215.5039%22%20width%3D%22217.342%22%20height%3D%22230.478%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%226%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22filter2_f_2001_5%22%20x%3D%2219%22%20y%3D%2219%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22filter3_f_2001_5%22%20x%3D%2223%22%20y%3D%2223%22%20width%3D%2212%22%20height%3D%2212%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22filter4_f_2001_5%22%20x%3D%22191%22%20y%3D%22204%22%20width%3D%2258%22%20height%3D%2258%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2210%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22filter5_f_2001_5%22%20x%3D%22210%22%20y%3D%22223%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22filter6_f_2001_5%22%20x%3D%22214%22%20y%3D%22227%22%20width%3D%2212%22%20height%3D%2212%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20result%3D%22effect1_foregroundBlur_2001_5%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_2001_5%22%20x1%3D%22109.5%22%20y1%3D%22-0.5%22%20x2%3D%22232.028%22%20y2%3D%22276.063%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AB78FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300FFFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') center center no-repeat; */ background: url(https://gonovalta.com/wp-content/uploads/2024/11/111.png) center center no-repeat; background-size: 100% 100%; } .icon-box:hover .elementor-icon-box-icon:after { width: 130px; height: 130px; } .icon-box:hover .elementor-icon-box-icon { -webkit-box-shadow: 17px 5px 69px 20px #00bcd48f; box-shadow: 17px 5px 69px 20px #00bcd48f; } .icon-box{ position: relative; } .icon-box a{ -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-box:hover a{ color: #1ECAD3 !important; } .icon-box a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } .accordion .e-n-accordion-item{ padding: 25px 0; transition: all 0.3s ease-in-out; } .accordion .e-n-accordion-item:not(:last-child){ border-bottom: 1px solid #D0E5E9; } .accordion .e-n-accordion-item[open=""]{ background: #fff; padding: 24px 18px 24px 24px; -webkit-box-shadow: 0px 4px 55px #D4EFF7; box-shadow: 0px 4px 55px #D4EFF7; border: 0; } .accordion .e-n-accordion-item-title-icon{ width: 30px !important; height: 30px; border-radius: 100%; background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .accordion .e-n-accordion-item[open=""] .e-n-accordion-item-title-icon{ background: #390094; border: 5px solid #ede9f5; } .accordion .e-n-accordion{ height: 515px; overflow-x: hidden; overflow-y: scroll; padding-right: 14px; } .accordion .e-n-accordion::-webkit-scrollbar { width: 8px; } .accordion .e-n-accordion::-webkit-scrollbar-track { background: #F2F2F2; border-radius: 10px; } .accordion .e-n-accordion::-webkit-scrollbar-thumb { background: #C5C4CE; border-radius: 10px; } .accordion .e-n-accordion::-webkit-scrollbar-thumb:hover { background: #390094; } .counter { position: relative; } .counter:after{ content: ''; display: block; width: 2px; height: 32px; position: absolute; left: 0; top: 3px; background-color: #00D9FF; } .acc-image-slider .swiper-pagination { display: none; } .acc-image-slider .swiper{ padding: 0 !important; -webkit-box-shadow: 0px 51.7589px 51.7589px #C1DAEB !important; box-shadow: 0px 51.7589px 51.7589px #C1DAEB !important; pointer-events: none; } .acc-image-slider .swiper figure{ padding: 15px; background: #fff; } /* #center-mode-products .swiper-slide{ padding: 0 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } */ .slider-box{ height: 350px !important; -webkit-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; overflow: hidden !important; } .slider-box.active{ height: 478px !important; --width: 35% !important; } /* #center-mode-products .swiper-slide.swiper-slide-active .slider-box{ min-height: 450px !important; } */ .slider-box .bg-img{ height: 100% !important; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slider-box:hover .bg-img, .slider-box.active .bg-img{ -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .slider-box:hover::before, .slider-box.active::before{ -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slider-box:hover::before, .slider-box.active::before{ -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); } /*.slider-box .text{ opacity: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slider-box .text p { display: -webkit-box; overflow:hidden; height:50px; -webkit-transition: height 0.5s; -o-transition: height 0.5s ; transition: height 0.5s ; } #center-mode-products .swiper-slide.swiper-slide-active .slider-box .text, .slider-box:hover .text, .slider-box.active .text{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slider-box:hover .text p, .slider-box.active .text p{ height:100%; } .slider-box .icon{ opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #center-mode-products .swiper-slide.swiper-slide-active .slider-box .icon, .slider-box:hover .icon, .slider-box.active .icon{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }*/ /**/ .slider-box{ position:relative; overflow:hidden; } @media (min-width: 1025px){ .innr-bx { /* opacity: 0; */ transition: all 0.5s ease-in-out; } .innr-bx .text{ height:0px; overflow-y:hidden; } .innr-bx .icon{ opacity: 0; } .innr-bx .text, .innr-bx .icon { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slider-box.active .innr-bx{ -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); /* opacity: 1; */ } .slider-box.active .innr-bx .icon{ opacity: 1; animation: left 0.5s linear; } .slider-box.active .innr-bx .text{ opacity: 1; height: auto; animation: right 0.5s linear; } @keyframes right { 0% { opacity: 0; height: 0px; transform:translateX(-100px);} 100%{ opacity: 1; height: auto; transform:translateX(0px);} } @keyframes left { 0% { opacity: 0; height: 0px; transform:translateX(100px);} 100%{ opacity: 1; height: auto; transform:translateX(0px);} } } /*@media only screen and (min-width: 768px) { .slider-box-prnt { overflow-x: hidden !important; display: flex !important; } .slider-box-prnt .slider-box{ min-width: 20%!important; min-height: 20%!important; } }*/ /**/ .slider-box-prnt{ height: 478px !important; } .search-form .e-search-submit{ background: linear-gradient(139deg, rgba(97, 0, 235, 1) -50%, rgba(30, 202, 211, 1) 50%, rgba(97, 0, 235, 1) 150%); background-size: 200% 100%; background-position: center left; } .search-form .e-search-submit svg{ width: 33px !important; height: 33px !important; padding: 10px; position: relative; background: #fff; border-radius: 100%; } .search-form .e-search-submit:hover{ background-position: center right; } .who-we-are-sec > .e-con-inner{ background: url(images/bg-line.png) center center no-repeat; background-size: 100% 100%; } .menu-toggle{ display: block; width: 25px; height: 20px; background: transparent; position: relative; transition: all 0.5s ease-in-out; } .menu-toggle span{ width: 100%; height: 2px; background: #fff; display: block; position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.5s ease-in-out; } .menu-toggle span:first-child{ width: 85%; } .menu-toggle span:last-child{ bottom: 0; top: unset; width: 85%; } .menu-toggle span:nth-child(2){ top: 50%; transform: translateY(-50%); } .menu-toggle.active span:nth-child(2){ margin-left: 100px; opacity: 0; } .menu-toggle.active span:nth-child(1){ top: 50%; width: 100%; transform: translateY(-50%) rotate(45deg); } .menu-toggle.active span:nth-child(3){ top: 50%; width: 100%; transform: translateY(-50%) rotate(-45deg); } /*======Who We Serve========*/ .loop-content .elementor-divider-separator { border-radius: 3px; } .loop-content .icon-btn a { padding: 4px 18px !important; box-shadow: none !important; } .industry-loop .e-loop__load-more a { background: linear-gradient(139deg, rgba(97, 0, 235, 1) -50%, rgba(30, 202, 211, 1) 50%, rgba(97, 0, 235, 1) 150%); background-size: 200% 100%; background-position: center left; } .industry-loop .e-loop__load-more a:hover { background-position: center right; } .section-grdnt:before { content: ""!important; width: 415px !important; height: 415px !important; background: #1ECAD3; position: absolute !important; top: -63px !important; left: -69px !important; border-radius: 300px !important; filter: blur(300px); z-index: -1; } .section-grdnt:after { content: ""; width: 415px; height: 415px; background: #984FFF; position: absolute; top: -63px; right: -69px; border-radius: 300px; filter: blur(300px); z-index: -1; } .slider-box2 .bg-img2{ height: 100% !important; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slider-box2::before{ z-index:1; -webkit-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; } .parent-loop-box:hover .slider-box2 .bg-img2{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* .parent-loop-box:hover .slider-box2::before{ -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); } */ .bg-img2 a { display: block !important; } .industry-loop .e-loop__load-more .elementor-button{ padding: 21px 57px 21px 23px; } .industry-loop .e-loop__load-more .elementor-button .elementor-button-content-wrapper:after{ content: ''; display: block; width: 33px; height: 33px; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); background-color: #fff; background: url('data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.8895%201.1105C8.8895%200.834355%208.66565%200.610497%208.3895%200.610497L3.8895%200.610498C3.61336%200.610497%203.3895%200.834355%203.3895%201.1105C3.3895%201.38664%203.61336%201.6105%203.8895%201.6105L7.8895%201.6105L7.8895%205.6105C7.8895%205.88664%208.11336%206.1105%208.3895%206.1105C8.66564%206.1105%208.8895%205.88664%208.8895%205.6105L8.8895%201.1105ZM0.964882%209.24223L8.74306%201.46405L8.03595%200.756944L0.257775%208.53512L0.964882%209.24223Z%22%20fill%3D%22%2374C8D2%22%2F%3E%3C%2Fsvg%3E') center center no-repeat #fff; border-radius: 100%; } #customer-need-loadmore.noContent{ padding: 0 !important; background: transparent !important; border-radius: 0 !important; color: #333333 !important; text-transform: capitalize !important; letter-spacing: 0 !important; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form input[type="url"], .contact-form input[type="tel"], .contact-form textarea, .contact-form select{ height: 60px; padding: 15px 20px !important; border-radius: 50px; border: 1px solid #F2F2F2; outline: 0; box-shadow: none; font-weight: 400; font-size: 16px; line-height: 1.2; color: #333333; } .contact-form textarea{ padding: 20px !important; height: 108px !important; resize: none; border-radius: 10px; } .contact-form input[type="text"]::placeholder, .contact-form input[type="email"]::placeholder, .contact-form input[type="number"]::placeholder, .contact-form input[type="url"]::placeholder, .contact-form input[type="tel"]::placeholder, .contact-form textarea::placeholder, .contact-form select::placeholder{ opacity: 1; color: #333333; } .contact-form .gform_fields { grid-row-gap: 18px !important; } .contact-form .gform_footer{ padding: 0 !important; margin: 0 !important; margin-top: 10px !important; } .contact-form input[type="submit"]{ margin: 0 !important; background: linear-gradient(139deg, rgba(97, 0, 235, 1) -50%, rgba(30, 202, 211, 1) 50%, rgba(97, 0, 235, 1) 150%); background-size: 200% 100%; background-position: center left; padding: 22px 30px 22px 30px !important; line-height: 1 !important; } .contact-form input[type="submit"]:hover{ background-position: center right; } .contact-form select{ padding-right: 50px !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.00053%206.84098C5.78545%206.84098%205.57039%206.75885%205.40641%206.59495L0.246193%201.43469C-0.0820642%201.10643%20-0.0820642%200.574217%200.246193%200.246093C0.574317%20-0.082031%201.10642%20-0.082031%201.43471%200.246093L6.00053%204.81218L10.5664%200.246253C10.8946%20-0.0818716%2011.4267%20-0.0818716%2011.7548%200.246253C12.0832%200.574377%2012.0832%201.10659%2011.7548%201.43485L6.59465%206.59511C6.43059%206.75904%206.21553%206.84098%206.00053%206.84098Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E') right 30px center no-repeat; } .contact-form .gfield_validation_message{ padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; margin-top: 4px !important; } .ap-icon .elementor-icon{ background: transparent; background: linear-gradient(139.38deg, #6100EB -50.08%, #1ECAD3 87.83%); } .ap-icon .elementor-icon:after{ content: ''; display: block; width: calc(100% + 18px); height: calc(100% + 18px); position: absolute; left: -9px; top: -13px; background: url('data:image/svg+xml,%3Csvg%20width%3D%22106%22%20height%3D%22106%22%20viewBox%3D%220%200%20106%20106%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2253%22%20r%3D%2252.5%22%20stroke%3D%22url(%23paint0_linear_686_4119)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_686_4119%22%20x1%3D%2213%22%20y1%3D%22-6%22%20x2%3D%22106%22%20y2%3D%2296%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ECAD3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23370085%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') center center no-repeat; background-size: 100% 100%; animation: zoom 2s infinite; z-index: -1; } @keyframes zoom { 0%{ transform: scale(1); opacity: 1; } 100%{ transform: scale(1.3); opacity: 0; } } .ap-icon .elementor-icon::before{ content: ''; display: block; width: 10px; height: 78px; position: absolute; left: 50%; top: calc(100% + 20px); transform: translateX(-50%); background: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2278%22%20viewBox%3D%220%200%2010%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200H0L5%2010L10%200Z%22%20fill%3D%22%23BFEBEE%22%2F%3E%3Cpath%20d%3D%22M10%2017H0L5%2027L10%2017Z%22%20fill%3D%22%23A9E4E8%22%2F%3E%3Cpath%20d%3D%22M10%2034H0L5%2044L10%2034Z%22%20fill%3D%22%2380D0D5%22%2F%3E%3Cpath%20d%3D%22M10%2051H0L5%2061L10%2051Z%22%20fill%3D%22%236FC9D0%22%2F%3E%3Cpath%20d%3D%22M10%2068H0L5%2078L10%2068Z%22%20fill%3D%22%234CB0B8%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; background-size: 100% 78px; animation: moveDown 2s infinite; z-index: -1; } .ap-icon.ap-icon-odd .elementor-icon::before, .ap-icon.ap-icon-even .elementor-icon::before{ display: none; } .ap-icon.ap-icon-up .elementor-icon::before { content: ''; display: block; width: 10px; height: 78px; position: absolute; left: 50%; top: calc(-100% + 20px); transform: translateX(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='78' viewBox='0 0 10 78' fill='none'%3E%3Cpath d='M0 78L10 78L5 68L0 78Z' fill='%23BFEBEE'/%3E%3Cpath d='M0 61L10 61L5 51L0 61Z' fill='%23A9E4E8'/%3E%3Cpath d='M0 44L10 44L5 34L0 44Z' fill='%2380D0D5'/%3E%3Cpath d='M0 27L10 27L5 17L0 27Z' fill='%236FC9D0'/%3E%3Cpath d='M0 10L10 10L5 4.37114e-07L0 10Z' fill='%234CB0B8'/%3E%3C/svg%3E") center center no-repeat; background-size: 100% 78px; animation: moveUp 2s infinite; z-index: -1; } .ap-icon.ap-icon-lst .elementor-icon::before { content: ''; display: block; width: 10px; height: 78px; position: absolute; left: 50%; top: calc(-147% + 20px); transform: translateX(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='78' viewBox='0 0 10 78' fill='none'%3E%3Cpath d='M0 78L10 78L5 68L0 78Z' fill='%23BFEBEE'/%3E%3Cpath d='M0 61L10 61L5 51L0 61Z' fill='%23A9E4E8'/%3E%3Cpath d='M0 44L10 44L5 34L0 44Z' fill='%2380D0D5'/%3E%3Cpath d='M0 27L10 27L5 17L0 27Z' fill='%236FC9D0'/%3E%3Cpath d='M0 10L10 10L5 4.37114e-07L0 10Z' fill='%234CB0B8'/%3E%3C/svg%3E") center center no-repeat; background-size: 100% 78px; animation: moveUp 2s infinite; z-index: -1; } .ap-icon.ap-icon-up .elementor-icon::after{ display:none; } .ap-icon.ap-icon-up .elementor-icon{ background: transparent !important; } .ap-icon.ap-icon-up .elementor-icon svg path{ fill: transparent !important; } @keyframes moveUp { 0%{ opacity: 0; top: calc(0% + 20px); } 80%{ opacity: 1; } 100%{ opacity: 0; } } @keyframes moveDown { 0%{ top: 0; opacity: 0; } 80%{ top: calc(100% + 20px); opacity: 1; } 100%{ opacity: 0; } } @keyframes moveUp2 { 0%{ opacity: 0; transform: translateY(50px); } 80%{ opacity: 1; transform: translateY(0px); } 100%{ opacity: 0; } } @keyframes moveDown2 { 0%{ opacity: 0; transform: translateY(-50px); } 80%{ opacity: 1; transform: translateY(0px); } 100%{ opacity: 0; } } .who-we-are-slider .swiper-slide .elementor-widget-text-editor{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease-in-out; } .who-we-are-slider .swiper-slide:hover .elementor-widget-text-editor{ display: unset; -webkit-line-clamp: unset; -webkit-box-orient:unset; text-overflow: unset; } .who-we-are-slider .swiper-slide .elementor-widget-image{ transition: all 0.3s ease-in-out; } .who-we-are-slider .swiper-slide:hover .elementor-widget-image, .who-we-are-slider .swiper-slide:hover .elementor-element::before{ opacity: 0; } .who-we-are-slider .swiper-pagination-bullet, .discover-more-slider .swiper-pagination-bullet{ transition: all 0.3s ease-in-out; border-radius: 15px; background: rgb(65 0 153 / 50%) !important; opacity: 1; position: relative; overflow: hidden; } .who-we-are-slider .swiper-pagination-bullet:after, .discover-more-slider .swiper-pagination-bullet:after{ content: ''; display: block; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(65 0 153 / 100%) !important; border-radius: 15px; transition: width 5s ease; /* opacity: 0; */ } .who-we-are-slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .discover-more-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 200px; } .who-we-are-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .discover-more-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ /* width: 100%; opacity: 1; */ animation: progress 5s forwards; } @keyframes progress { 0%{ width: 0%; } 100%{ width: 100%; } } .industry-excerpt .elementor-widget-container { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /*Solution page*/ .solution-sec{ display: flex; gap: 30px; align-items: start; } .solution-filter-col{ width: 24%; background: rgba(69, 10, 154, 0.5); border: 1px solid #7E23FF; box-shadow: 0px 4.46154px 52.0513px rgba(97, 0, 235, 0.07); border-radius: 7.4359px; padding: 30px 18px; } .solution-listing-col{ width: 76%; } .solution-filter-col h4{ margin: 0; color: #fff; font-weight: 800; position: relative; padding-bottom: 15px; margin-bottom: 20px; } .solution-filter-col h4:after{ content: ''; display: block; width: 50px; height: 4px; background: #1ecad3; border-radius: 10px; position: absolute; left: 0; bottom: 0; } .solution-filter{ list-style: none; padding: 0; margin: 0; } .filter-radio-field{ position: relative; } .filter-radio-field input[type="checkbox"]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0; } .filter-radio-field span{ position: relative; padding-left: 51px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: -0.01em; color: #FFFFFF; display: block; } .filter-radio-field span:after{ content: ''; display: block; width: 41px; height: 20px; background: #210052; border-radius: 30px; position: absolute; left: 0; top: 2px; border: 1px solid #641bd8; transition: all 0.5s ease-in-out; } .filter-radio-field span:before{ content: ''; display: block; width: 14px; height: 14px; background: #6415D8; border-radius: 100%; position: absolute; left: 3px; top: 5px; transition: all 0.5s ease-in-out; z-index: 1; } .filter-radio-field input[type="checkbox"]:checked ~ span:before{ left: 24px; background: #1ECAD3; } .filter-radio-field input[type="checkbox"]:checked ~ span:after{ border: 1px solid #1ECAD3; } .solution-filter p{ margin: 0; color: #fff; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; margin-top: 15px; transition: all 0.3 ease-in-out; display: none; } .solution-filter li:not(:last-child){ margin-bottom: 24px; } .solution-listing-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px -30px -15px; } .solution-col{ width: 33.33%; padding: 0 15px; margin-bottom: 30px; } .solution-box{ padding: 15px 15px 20px 15px; box-shadow: inset 0 0 0 1px #1ecad361; border-radius: 10px; position: relative; height: 100%; transition: all 0.3s ease-in-out; overflow: hidden; z-index: 1; /* display: flex; flex-direction: column; justify-content: space-between; */ /* min-height: 388px; */ } .solution-box::before { --size: 0; content: ''; position: absolute; left: var(--x); top: var(--y); width: var(--size); height: var(--size); background: radial-gradient(circle closest-side, #1ecad34a, transparent); transform: translate(-50%, -50%); transition: width 0.2s ease, height 0.2s ease; z-index: -1; } .solution-box:hover::before{ --size: 200px; } .solution-box:hover{ box-shadow: inset 0 0 0 2px #1ecad3; } .hvr-efct-wrap{ /* height: auto; */ transition: all 0.5s ease-in-out; } /* .solution-box:hover .hvr-efct-wrap{ height: calc(100% - 156px); animation: fadUp 0.5s linear; } */ @keyframes fadUp { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } /* .hvr-efct{ display: none; transition: all 0.5s ease-in-out; } .solution-box:hover .hvr-efct{ display: block; } */ .solution-box figure{ width: 100%; height: 138px; margin: 0; margin-bottom: 18px !important; border-radius: 10px; overflow: hidden; } .solution-box figure img{ width: 100%; height: 100%; object-fit: cover; } .solution-box .categories{ margin: 0; display: flex; flex-wrap: wrap; gap: 2px; } .solution-box .categories span{ font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 11px; line-height: 24px; color: #150234; background: #1ecad3; border-radius: 30px; padding: 0 6px; display: inline-block; margin: 0; } .solution-box .title{ font-family: 'Nunito Sans', sans-serif; font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: -0.01em; color: #FFFFFF; margin: 0; margin-top: 12px; } .solution-box .more-content .title { font-family: 'Nunito Sans', sans-serif; font-weight: 700; font-size: 17px; line-height: 21px; letter-spacing: -0.01em; color: #FFFFFF; margin: 0; margin-top: 12px; } .solution-box .excerpt{ font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: #FFFFFF; margin 0; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .more-content-btn{ font-family: 'Nunito Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: -0.01em; color: #1ECAD3 !important; text-decoration: none; display: flex; align-items: center; gap: 7px; margin-top: 15px; } .back-content-btn{ font-family: 'Nunito Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: -0.01em; color: #1ECAD3 !important; text-decoration: none; display: flex; align-items: center; gap: 7px; margin-bottom: 15px; } .more-content{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background: #2e0768; border: 1px solid #7E23FF; box-shadow: 0px 4.46154px 52.0513px rgba(97, 0, 235, 0.07); border-radius: 10px; overflow: hidden; transition: all 0.3 ease-in-out; padding:18px; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: #FFFFFF; opacity: 0; visibility: hidden; } .more-content.open{ opacity: 1; visibility: visible; } .more-content ul{ list-style: none; padding: 0; margin: 0; } .more-content ul li{ position: relative; padding: 20px 0; padding-left: 22px; } .more-content ul li:not(:last-child){ border-bottom: 1px solid #44138D; } .more-content ul li:after{ content: ''; display: block; width: 14px; height: 14px; background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%200C3.15%200%200%203.15%200%207C0%2010.85%203.15%2014%207%2014C10.85%2014%2014%2010.85%2014%207C14%203.15%2010.85%200%207%200ZM10.01%205.32L6.79%209.52C6.65%209.66%206.44%209.8%206.23%209.8C6.02%209.8%205.81%209.73%205.67%209.52L3.99%207.35C3.78%207.07%203.78%206.58%204.13%206.37C4.48%206.16%204.9%206.16%205.11%206.51L6.23%207.98L8.89%204.48C9.1%204.2%209.59%204.13%209.87%204.34C10.22%204.55%2010.22%204.97%2010.01%205.32Z%22%20fill%3D%22%231ECAD3%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; background-size: 14px 14px; position: absolute; left: 0; top: 22px; } .baron { overflow: hidden; width: 100%; height: 100%; } .baron__scroller{ width: 100%; } .baron__track { height: 150px; width: 7px; background: #150234; border-radius: 10px; position: absolute; right: 5px !important; top: 50% !important; transform: translateY(-50%); } .baron__bar { width: 100% !important; height: 30px !important; background: #1ecad3 !important; border-radius: 10px !important; } .baron .baron__track { display: none; } .baron._scrollbar .baron__track { display: block; } .search-wrapper{ width: 100vw; height: 100vh; background: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center; padding: 15px; transition: all 0.3s ease-in-out; } .search-main{ display: flex; width: 600px; border-radius: 50px; overflow: hidden; background-color: #fff; } .search-main input{ background-color: #fff; font-family: "Nunito Sans", Sans-serif; font-size: 16px; font-weight: 400; line-height: 1; border:0 !important; outline: 0; box-shadow: none; height: 57px; padding: 10px 20px !important; color: #383838; } .search-main input::placeholder{ color: #383838; opacity: 1; } .search-main button { height: 57px; border-radius: 0 !important; background: linear-gradient(139deg, #6100eb -50%, #1ecad3 50%, #6100eb 150%); background-size: 200% 100%; background-position: center left; font-family: "Nunito Sans", Sans-serif !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 1em !important; letter-spacing: 0.16em !important; padding: 15px !important; display: flex; align-items: center; justify-content: center; gap: 5px; outline: 0; box-shadow: none; } .search-main button svg{ width: 30px; height: 30px; padding: 9px; background-color: #fff; border-radius: 100%; } .search-main button:hover { background-position: center right; } .search-close-btn{ position: absolute; width: 35px; height: 35px; top: 40px; right: 30px; padding: 8px; background: #fff; border-radius: 100%; } .search-close-btn svg{ width: 100%; height: 100%; } .search-popup{ display: none; opacity: 0; transition: all 0.3s ease-in-out; } .search-popup.active{ display: block; opacity: 1; animation: fade 0.3s linear; } @keyframes fade { 0%{ opacity: 0; } 100%{ opacity: 1; } } .search-result-listing{ display: flex; flex-wrap: wrap; margin: 0 -15px -30px -15px; } .search-result-col{ width: 33.33%; padding: 0 15px; margin-bottom: 30px; } .search-result-box{ box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); background: #fff; border-radius: 10px; overflow: hidden; height: 100%; } .search-result-box .f-img{ height: 217px; overflow: hidden; display: block; } .search-result-box .f-img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; } .search-result-box .f-img:hover img{ transform: scale(1.1); } .search-result-box .cont-wrap{ padding: 15px; } .search-result-box .title{ margin: 0; margin-top: 10px; } .search-result-box .title a{ color: #410099; transition: all 0.3s; } .search-result-box .desc{ margin: 0; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .search-result-box .read-more-btn{ display: inline-block; margin-top: 10px; color: #410099; font-weight: 700; transition: all 0.3s; } .search-result-box .read-more-btn:hover, .search-result-box .title a:hover{ color: #1ecad3; } /*=======Responsive========*/ @media (max-width: 1440px){ /* #center-mode-products .swiper{ height: 400px; } */ /* .slider-box{ min-height: 300px !important; } #center-mode-products .swiper-slide.swiper-slide-active .slider-box{ min-height: 400px !important; } */ } @media (max-width: 1365px){ .ap-icon{ left: 4px !important; } .ap-icon.ap-icon-odd{ right: 4px !important; left: unset !important; } } @media (max-width: 1199px){ .icon-box:after { width: 240px; height: 250px; left: 85px; top: -48px; } .accordion .e-n-accordion { height: 500px; } .slider-box { height: 300px !important; } .slider-box.active { height: 400px !important; } .slider-box-prnt { height: 400px !important; } } @media (max-width: 1024px){ .logo{ height: 60px; width: 130px; gap: 10px; } .icon-box:after { left: 125px; } .accordion .e-n-accordion-item { padding: 20px 0; } .accordion .e-n-accordion-item[open=""] { padding: 15px 15px 15px 15px; } .newsletter-form #field_submit { width: 156px; } .newsletter-form #field_submit input[type="submit"]{ padding: 24.5px 22px 24.5px 22px !important; line-height: 1 !important; } .newsletter-form .gform_fields { grid-column-gap: 10px !important; } /* #center-mode-products .swiper-slide { padding: 0 10px !important; } */ .accordion .e-n-accordion { height: 380px; } .acc-image-slider .swiper { box-shadow: 0px 40px 40px #C1DAEB !important; } .ap-icon{ left: unset !important; right: 15px !important } .ap-icon.ap-icon-odd{ left: 15px !important; right: unset !important } .slider-box { height: 300px !important; } .slider-box.active { height: 300px !important; --width: 31% !important; } .slider-box-prnt { height: unset !important; } .innr-bx .text{ font-size: 14px !important; line-height: 1.2 !important; } .solution-col { width: 50%; padding: 0 10px; margin-bottom: 20px; } .solution-listing-wrap { margin: 0 -10px -20px -10px; } .solution-sec { gap: 20px; } .solution-filter-col { width: 30%; padding: 20px 10px; } .solution-listing-col { width: 70%; } .filter-radio-field span:after { width: 35px; /* top: 3px; */ } .filter-radio-field input[type="checkbox"]:checked ~ span:before { left: 17px; } .filter-radio-field span { padding-left: 42px; } .search-result-col { width: 50%; } } @media (max-width: 767px){ .logo { height: 50px; width: 120px; } .icon-btn a { padding: 10px 10px 10px 25px !important; } .icon-box:after { display: none; } .newsletter-form #field_submit{ margin: 0 auto !important; } /* .slider-box{ min-height: 280px !important; } #center-mode-products .swiper-slide.swiper-slide-active .slider-box{ min-height: 350px !important; } #center-mode-products .swiper{ height: 350px; } */ .accordion .e-n-accordion { height: 483px; padding-right: 5px; } .search-form .e-search-submit svg { width: 28px !important; height: 28px !important; padding: 8px; } .who-we-are-sec > .e-con-inner{ background: none; } .section-grdnt:before { width: 150px !important; height: 150px !important; top: -20px !important; left: -20px !important; border-radius: 100px !important; filter: blur(150px); } .section-grdnt:after { width: 150px !important; height: 150px !important; top: -20px !important; right: -20px !important; border-radius: 100px !important; filter: blur(150px); } .ap-icon, .ap-icon.ap-icon-odd{ left: unset !important; right: unset !important; position: relative !important; top: unset !important; } .slider-box { height: 400px !important; } .slider-box.active { height: 400px !important; --width: 100% !important; } .slider-box .icon { opacity: 1 !important; transform: translateX(0) !important; } .slider-box .text { opacity: 1 !important; transform: translateX(0%) !important; } .slider-box .bg-img{ transform: scale(1) !important; } .slider-box::before { backdrop-filter: blur(0px) !important; } .ap-icon{ display:none; } .who-we-are-slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .discover-more-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 100px; } .solution-sec { flex-direction: column; } .solution-filter-col { width: 100%; } .solution-listing-col { width: 100%; } .solution-col { width: 100%; } .solution-box figure { height: 190px; } /* .solution-box:hover .hvr-efct-wrap{ height: calc(100% - 208px); } .solution-box { min-height: 415px; } */ .search-main button { font-size: 15px !important; padding: 10px !important; } .search-main input { font-size: 15px; padding: 10px 15px !important; } .search-close-btn { top: 30px; right: 15px; } .search-result-col { width: 100%; } }