/* CSS Document */ body{ overflow-x: hidden; } a, a:hover { text-decoration: none; } .home-banner-container{ background: rgb(255, 255, 255); margin-bottom: 50px; } .home-banner-wrapper{ margin:100px auto 0px; text-align: center; } .hero-image-new{ width: 100%; margin:-60px 0 0; } .home-bannerh1{ font-size: 60px; line-height: 70px; color: #31334d; font-weight: 700; } .gft_home_retaillink, .gft_home_restlink, .gft_home_delink{ color: #31334d !important; } .gft_home_retaillink.animate_start{ background: linear-gradient(to right,#ef1212, #ef1212 50%, #31334d 50%); } .gft_home_restlink.animate_start{ background: linear-gradient(to right,#3ec451, #3ec451 50%, #31334d 50%); } .gft_home_delink.animate_start{ background: linear-gradient(to right,#f0c107, #f0c107 50%, #31334d 50%); } .home-bannerh1 a.animate_start{ /*display: inline-block;*/ position: relative; color: #31334d; overflow: hidden; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: -100%; transition: background-position 800ms ease; text-decoration: none; } .home-bannerh1 a:hover{ background-position: 0 100%; transition: background-position 500ms ease; } .home-bannerh1 a:hover:after{ height: 0; } .home-bannerh2{ font-size: 20px; line-height: 40px; font-weight: 500; margin: 30px auto 20px; color: #31334d; } .easy-banner-img{ padding: 10px; } .g-banner-content h1 { font-size: 65px; font-weight: 600; margin-bottom: 0px; } .g-banner-content h2 { font-size: 26px; margin-top: 0px; font-weight: 500; margin-bottom: 20px; } .header-sub { max-width: 480px; } .container-fluid { padding: 0 } .bold-grey { font-weight: 600 !important; color: #7f7f7f; } .bg-grey { background-color: #F8F8FF; position: relative; } #cus_Video_btn1{ display: inline-block; } .home-banner-image img { max-width: 592px; } .connect-left img { max-width: 540px; width: 100%; } .home-ban-btn { background-color: #ec3229; border-radius: 50px; padding: 11px 31px; color: #fff; font-size: 16px; font-weight: 500; margin: 28px auto; display: inline-block; box-shadow: 0 4px 8px 0 rgba(236, 50, 41, 0.42), 0 6px 20px 0 rgba(236, 50, 41, 0.21); } .home-ban-btn:hover { color: #fff; } .header-ratings { background-image: url("https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp"); background-position: -25px -450px; width: 420px; height: 50px; margin-top: 40px; } .anouncement-bar { background: #393B5B; padding: 8px 15px; color: #fff; border-bottom: 2px solid #97d5ff; transition: 350ms ease-out; text-align: center; z-index: 9999; position: relative; display: none; } .anouncement-bar a , .anouncement-bar p { color: #fff; font-weight: 600; display: inline-block; opacity: 1; font-size: 14px; } .anouncement-bar p{ margin: 0; color: #fff } .covid-arrow-home { margin-left: 2px; } .covid-bar { display: flex; vertical-align: middle; align-items: center; font-weight: 600; word-spacing: 1px; justify-content: center; } .new-covid { background: #f0493f; padding: 6px 8px; border-radius: 5px; margin-right: 2px; display: inline-block; line-height: 1; } .anouncement-bar.bar_active { display:block; -webkit-animation: slide-down .5s ease-out; animation: slide-down .5s ease-out; } @-webkit-keyframes slide-down{ 0%{-webkit-transform:translateY(-50px)} 100%{-webkit-transform:translateY(0)} } @keyframes slide-down{ 0%{-webkit-transform:translateY(-50px)} 100%{-webkit-transform:translateY(0)} } /*Delight-customer -section*/ h2 { font-size: 35px; font-weight: 600; line-height: 1.5; } .advantage-container { display: flex; align-items: center; padding: 35px 15px; overflow-x: hidden; } .covid-advantage-container{ padding: 60px 15px 60px; } .list-title { font-size: 26px; font-weight: 600; } .list-sub { color: #7f7f7f; font-size: 20px; font-weight: 600; line-height: 1.2; margin-bottom: 20px; } .advantage-content ul li,.purchase_description { line-height: 1.5; padding: 0px 25px; margin: 15px 0 10px; font-size: 16px; list-style: none; position: relative; } .video-play-button { position: absolute; z-index: 10; bottom: 8%; right: 26%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 30px; height: 36px; cursor: pointer; border-radius: 50%; padding: 18px 20px 18px 28px; } .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #f0493f; border-radius: 50%; } .video-play-button:after { content: ""; display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 30px solid #fff; border-top: 18px solid transparent; border-bottom: 18px solid transparent; } .video-play-button:hover:before { background-color: #da3a30; } .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 30px solid #fff; border-top: 18px solid transparent; border-bottom: 18px solid transparent; } .advantage-content ul li:before,.purchase_description:before { content: ''; background: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp) no-repeat; background-position: -253px -100px; padding: 0; position: absolute; left: 0; top: 0; height: 20px; width: 20px; } .advantage-content > ul:last-of-type { margin-bottom: 50px; } .g-award-sec { padding: 10px 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .g-award-wrapper3{ display: flex; padding-bottom: 50px; flex-wrap: wrap; } /*chritsmas*/ .g-chris-left img{ position: absolute; left: 3%; top: -18px; } .g-chris-right img{ position: absolute; right: 5%; top: -117px; } .christmas{ position: relative; } #bm{ max-width: 160px; min-width: 100px; position: relative; top: 0; } .chritmas-brand{ padding: 0!important; } /*end christmas*/ .home-ordersection{ text-align: center; position: relative; } .home-ordersection h2{ margin-top: 20px; } .horder-container{ max-width: 1120px; margin: 0 auto; background: #fff; box-shadow: 0 0 12px 12px #f4f4f4; padding: 20px 20px 40px; border-radius: 15px; position: relative; width: 98%; } .horder-flex{ display: flex; justify-content: space-around } .horder-box{ padding: 20px; position: relative; width: 50%; } .horder-img{ background: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); width: 280px; height: 150px; margin: 0 auto; } .home-ordereasyimg{ background-position: -6px -554px; } .home-godelevierimg{ background-position: -360px -562px; } .home-stockpickimg{ background-position: 0px -722px; } .free_badge{ background: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); width: 90px; height: 90px; background-position: -711px -582px; z-index: 9; display: inline-block; position: absolute; top: 13px; display: none; } .horder-box h4{ font-size: 20px; font-weight: 700; margin: 15px auto 8px; } .horder-box p{ font-size: 15px; font-weight: 500; line-height: 1.5; max-width: 320px; margin: 0 auto; } .home-orderbg{ background-color: #F8F8FF; position: absolute; bottom: 0; width: 100%; height: 35%; z-index: -1; } .home-orderbg:after{ content: ''; background-image: url(https://cdn-web.gofrugal.com/images/home-images/customer-curve.svg); background-repeat: no-repeat; width: 100%; height: 70px; bottom: 30%; position: relative; display: block; } .hoderafter:after{ content: ''; background: #d8e8f1; width: 1px; height: 80%; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; } .horder-container:before{ content: ''; background: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); width: 90px; height: 90px; background-position: -711px -582px; position: absolute; top: 0; margin: auto; right: 0px; z-index: 9; display: none; } .horder-clink{ margin: 15px auto 20px; } .homebg-blue{ background-color: #F8F8FF; padding-top: 80px; } .horder-box .home-applink{ display: none; position: relative; margin: 15px auto 0 !important; } .home-appfreetext{ display: none; font-size: 12px; font-weight: 500; margin-bottom: 20px; } .g-award-sec::before { content: ''; background-image: url(https://cdn-web.gofrugal.com/images/home-images/customer-curve.svg); background-repeat: no-repeat; width: 100%; height: 70px; display: inline-block; top: -70px; background-size: cover; background-position: center; position: absolute; left: 0; right: 0; z-index: -1; } .g-award { background: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); display: inline-block; margin: auto 15px; width: 175px; height: 150px; background-repeat: no-repeat; transition: .4s ease-in-out; position: relative; left: 0; } .g-award.award7{ background: none; width: 300px; height: 100%; margin: 0; } .gartner-badge-home{ width: 80%; max-width: 100%; margin: 30px auto; height: 100%; } /*Ondc section*/ .gft_stocktake_start_content_resp{ display: block; margin: 0 auto; align-items: center; } .gft_stocktake_start{ display: none; } .gft_stocktake_start_resp{ display: block; padding: 70px 0; } .gft_stocktake_start_resp h2{ margin: 0 auto; font-size: 30px; } .gft_stocktake_start_resp .ondc-subhead{ font-size: 22px; margin: 8px auto 10px; text-align: center; font-weight: 600; } .start_content_resp{ padding:20px 20px 0; scroll-behavior: smooth; min-height: 660px; } .gft_stocktake_start_resp .feature_img1 img{ padding-top: 20%; } .gft_stocktake_start_resp .feature_img2 img{ padding-top: 8%; } .start_header_wrapper .side-img{ width: 70px; position: relative; text-align: center; } .start_box_resp:nth-child(2) .start_header_wrapper .side-img .start_header_wrapper .side-img img{ margin: 0 auto; } .start_box_resp{ max-height: 100%; max-width: 100%; transition: 100ms ease-in !important; padding: 20px 10px 20px 40px; cursor: pointer; } .start_box_resp:last-of-type, .start_box_resp.Descp_show:last-of-type{ border-bottom: none; } .start_box_resp{ position: relative; } .ondc_bgbox label{ background: #efeff6; margin: 0 auto 0 15px; padding: 10px 20px; border-radius: 6px; border: 1px solid #d7d5d5; position: relative; } .ondc_bgbox label:after{ content: ''; width: 18px; height: 18px; background: #efeff6; position: absolute; bottom: -17px; right: 30px; clip-path: polygon(0 0, 100% 100%, 100% 0); } .ondc_bgbox p{ background: #fcfcfc; padding: 18px 20px 15px; border-radius: 10px; margin: 0; font-size: 15px; font-weight: 500; box-shadow: 0 0 8px rgb(151 160 191 / 30%); max-width: 340px; } .start_box_resp .rounded-value{ background: #C2C2C2; border-radius: 50%; font-size: 12px; color: white; padding: 5px 10px; } .start_box_resp .rounded-value-wrapper{ position: absolute; border: 0px solid #aaa8a5; border-radius: 50%; top: 18px; left: -14px; z-index: 1; padding: 4px 2px 5px; background: white; font-weight: 600; } .start_box_resp.Descp_show .rounded-value{ background: #2b2f7f; } .start_box_resp.Descp_show .rounded-value-wrapper{ border:1px solid #2b2f7f; } .start_box_resp .progress-line::after{ content: ''; width: 2px; height: 0%; position: absolute; left: 0px; top: 21px; background: #2b2f7f; } .start_box_resp.Descp_show .progress-line::after{ height: 100%; -webkit-transition: all 3s ease; transition: all 3s ease; } .start_box_resp .progress-line::before{ content: ''; width: 2px; height: 100%; position: absolute; left: 0px; top: 21px; background: #C2C2C2; } .start_box_resp:last-of-type .progress-line::before, .start_box_resp:last-of-type .progress-line::after{ display: none !important; } .start_box_resp.Descp_show .start_subcontent::before { /* transform: rotate(90deg); */ } .start_box_resp .start_subcontent .start_header_wrapper{ display: inline-flex; align-items: center; } .gft_stocktake_start_resp .start_box_resp .gft_stocktake_common_para{ display: none; } .ondc-piyush-desc{ padding-left: 30px; } .Descp_show .ondc-piyush-desc{ padding-bottom: 60px; } .ondc-test-desc{ font-size: 15px; margin: 30px 0 20px; position: relative; padding-bottom: 40px; } .ondc-test-cust{ font-size: 14px; margin: -30px auto 0; } .piyushimg_ondc{ margin: 0 0 0 auto !important; max-width: 450px; } .piyushimg_ondc img{ max-width: 300px; margin-bottom: 10px; } .piyushimg_ondc p{ margin: 0 auto; font-size: 12px; max-width: 430px; text-align: left; } .start_box_resp.Descp_show .gft_stocktake_common_para{ display: block; } .gft_stocktake_commonh5{ font-size: 20px; font-weight: 700; color: #202020; margin: 0 auto; } .casestudy-wrapper{ display: inline-flex; align-items: center; margin-top: 50px; } .casestudy-wrapper img{ width: 30px; max-width: 100%; margin:auto 8px; } .start_img_wrapper{ height: 45px; width: 45px; text-align: center; margin: 0 10px 0 5px; display: flex; align-items: center; justify-content: center; } .start_img_wrapper img{ max-width: 100%; } .gft_stocktake_start_resp .start_box_resp .slider_descrip{ /* display: none; */ visibility: hidden; height: 0; } .gft_stocktake_start_resp .start_box_resp.Descp_show .slider_descrip{ /* display: block !important; */ visibility: visible; height: 100%; } .feature_img_wrapper div{ height: 0; opacity: 0; -webkit-animation: slide-down_ondc .10s ease-out; animation: slide-down_ondc .10s ease-out; transition: 2s ease opacity; transform: scale(0); } .feature_img_wrapper img{ max-width: 100% } .feature_img_wrapper div.feat_img_active{ display: block; margin: auto; padding: 30px 0; opacity: 1; transform: scale(1); height: auto; } @-webkit-keyframes slide-down_ondc{ 0%{ opacity: 0; } 100%{opacity: 1;} } @keyframes slide-down_ondc{ 0%{opacity: 0;} 100%{opacity: 1;} } .ondc_mobsect{ text-align: center; padding: 40px 15px; display: none; } .swiper-container, .swiper-wrapper{ display: none; } .g-award.award1 { background-position: -413px 10px; } .g-award.award2 { background-position: -615px 0px; } .g-award.award3 { background-position: -823px 10px; } .g-award.award4{ background-position: -860px -143px; } .g-award.award5{ background-position: -872px -291px; width: 150px; } .g-award.award6{ background-position: -150px -1030px; width: 150px; } .g-award.award8{ background-position: -503px -1040px; } .g-award.award9{ background-position:-313px -1038px; } .g-award.award10 { background-position:-675px -1030px; } .g-award.award11 { background-position:15px -1030px; } /* .g-award.award7{ background: url(https://cdn-web.gofrugal.com/images/gartner-badge/GDM-Reviews-Madness-Badge-2021\ 1.png); } */ .g-rating-sec svg { max-width: 130px; margin: auto 10px 30px; } .g-rating-sec{ position: relative; z-index: 1; } .assure-after-section { padding-bottom: 0; } /*about us*/ .home-about-us { background-image: url("https://cdn-web.gofrugal.com/images/home-images/map.jpg"); height: 575px; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; /* justify-content: space-around; */ } .about-icon { background-image: url("https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp"); background-repeat: no-repeat; background-color: #fff; width: 80px; height: 80px; border: 1px solid #d9e5f5; border-radius: 50%; position: relative; display: inline-block; } .business-user { background-position: -7px -3px; } .customers { background-position: -88px -3px; } .industries { background-position: -170px -3px; } .countries { background-position: -246px -5px; } .user-ratings { background-position: -326px -3px; } .about-content { display: inline-block; /* padding: 15px 38px; */ width: 20%; } .about-content h4{ min-height: 50px; } .about-back { background: #ffffff80; padding: 35px 0; } .count1 { margin: 0; padding: 15px 0 0; line-height: 22px; font-weight: 700; } /* testimonial */ .testimonial-container { background: #F8F8FF; padding: 40px 0px 35px; } .delight-cust-cont { padding: 0px 0px 20px 0px !important; } .testimonial-container::before { content: ''; background-image: url(https://cdn-web.gofrugal.com/images/home-images/customer-curve.svg); background-repeat: no-repeat; width: 100%; height: 75px; position: relative; display: inline-block; top: -108px; background-size: cover; background-position: center; } .secondhome-sect{ padding-top: 40px; } .delight-cust-cont h2{ margin-top: -40px; } .assure-cont-fluid::after { content: ''; background-image: url(https://cdn-web.gofrugal.com/images/home-images/customer-curve-after.svg); background-repeat: no-repeat; width: 100%; height: 85px; position: relative; display: inline-block; bottom: -85px; background-size: cover; background-position: center; } .assure-cont-fluid{ padding-top: 40px; } .gft_cust_testcontent{ display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto; } .gft_cust_box{ display: block; max-width: 320px; margin: 10px 20px; box-shadow: 3px 10px 10px 0px #dbe6f4; } .gft_cust_logos{ min-height: 160px; display: flex; align-items: center; justify-content: center; padding: 25px 10px; border-radius: 5px 5px 0 0; } .gft_cust_box:nth-child(1) .gft_cust_logos{ background: #e9f0d1; } .gft_cust_box:nth-child(2) .gft_cust_logos{ background: #393939; } .gft_cust_box:nth-child(3) .gft_cust_logos{ background: #d2e7fa; } .gft_testim_sprite{ height: 126px; background: url(https://cdn-web.gofrugal.com/images/customer-image/testimonial-sprite.png) no-repeat; } .Surpriselinen_logo{ width: 264px; background-position: -30px 10px; } .noodle_logo{ background-position: -310px -13px; width: 112px; } .adithya_logo{ width: 125px; background-position: -451px 15px; } .gft_cust_desc{ background: #fff; padding: 30px 40px 25px; text-align: left; border-radius: 0 0 5px 5px; } .gft_cust_plyicon{ position: relative; display: block; } .gft_cust_plyicon:after{ content: ''; background: url(https://cdn-web.gofrugal.com/images/global/nav-menu.webp) no-repeat; width: 32px; height: 32px; position: absolute; background-position: -147px -692px; top: -42px; right: 10px; margin: auto; } .gft_cust_desctext{ font-size: 14px; font-weight: 500; margin-bottom: 40px; min-height: 110px; line-height: 1.5; } .gft_cust_bios{ } .gft_cust_bios h6{ font-size: 16px; font-weight: 600; margin: 0 auto 5px; } .gft_cust_bios p{ font-size: 14px; font-weight: 500; margin-bottom: 0; } .testimonial-content { display: inline-block; padding: 15px; } .testimonial-play-button { background-image: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); background-repeat: no-repeat; width: 59px; height: 59px; background-position: -18px -80px; position: relative; display: inline-block; top: 168px; } .testimonial { background-image: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); background-repeat: no-repeat; width: 268px; height: 230px; position: relative; display: inline-block; margin: 15px; } .testimonial1 { background-position: -9px -145px; } .testimonial2 { background-position: -296px -145px; } .testimonial3 { background-position: -578px -164px; } .faq_sect{ position: relative; padding: 20px 0; } .faqcarousel .slick-dots,.gft_cust_testcontent .slick-dots { bottom: 0; display: block; width: 100%; padding: 0; margin: 10px 0; list-style: none; position: relative; } .faq_question{ font-size: 16px; font-weight: 600; line-height: 1.4; } .faq_answer{ font-size: 15px; font-weight: 400; } .faqcarousel .slick-dots li button,.gft_cust_testcontent .slick-dots li button { display: none; } .faqcarousel .slick-dots li,.gft_cust_testcontent .slick-dots li { border: 1px solid #919599 !important; width: 8px !important; height: 8px; background: #fff; display: inline-block; margin: 0 3px; border-radius: 100%; cursor: pointer; transition: .5s ease; box-sizing: content-box; } .faqcarousel .slick-dots li.slick-active,.gft_cust_testcontent .slick-dots li.slick-active { background: #919599 !important; height: 8px; } .secondary-text-cta { font-size: 19px; font-weight: 500; color: #f0493f; margin-right: 15px; display: inline-block; cursor: pointer; } .secondary-text-cta:hover, .secondary-text-cta:focus{ color: #f0493f; outline:none; } .btn.secondary-text-cta { padding: 15px; } .secondary-text-cta::after { content: ''; background-image: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); background-repeat: no-repeat; width: 35px; height: 21px; position: relative; display: inline-block; background-position: -172px -102px; top: 5px; left: 6px; transition: 400ms; } .secondary-text-cta:hover:after { left: 15px; } /* image animation */ .customer-logos-gofrugal{ padding: 10px 0; background: #F8F8FF; } .customer-logos-gofrugal #logo-container { margin: 10px 0px; height: 105px; } .customer-logos-gofrugal #cf4a { margin: 0 auto; display: inline-block; vertical-align: middle; width: 100%; height: inherit; } .customer-logos-gofrugal #cf4a>a { height: inherit; width: 100%; display: block; position: relative; } .customer-logos-gofrugal #cf4a img { width: 100%; left: 0; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: block; } .customer-logos-gofrugal #cf4a picture { position: absolute; animation-name: multiple-image-crossfade; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; width: 100%; height: 100%; top: 0px; left: 0px; } .customer-logos-gofrugal #cf4a picture:nth-of-type(1) { animation-delay: 6s; z-index: 99; background: #F8F8FF; } .customer-logos-gofrugal #cf4a picture:nth-of-type(2) { animation-delay: 4s; } .customer-logos-gofrugal #cf4a picture:nth-of-type(3) { animation-delay: 2s; } .customer-logos-gofrugal #cf4a picture .cust-logo-resp{ display: none; } @keyframes multiple-image-crossfade { 0% { opacity:1; } 17% { opacity:1; } 25% { opacity:0; } 92% { opacity:0; } 100% { opacity:1; } } /* carousel */ .event-carousel { padding: 100px 15px 50px; } .carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; } .carousel-showmanymoveone .carousel-control.left { margin-left: 15px; left: -15px; } .carousel-showmanymoveone .carousel-control.right { margin-right: 15px; left: 15px; } .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 { display: none; } /* New News and media carousel */ .news_media_slick{ /* padding: 0 0 80px; */ position: relative; margin: 0 30px; } .news_media_slick .slick-prev::before, .news_media_slick .slick-next::before{ display: none; } .news_media_slick .slick-prev{ background-position: -90px -96px; } .news_media_slick .slick-next{ background-position: -140px -96px; } .news_media_slick .slick-prev,.news_media_slick .slick-next{ background-image: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); background-repeat: no-repeat; width: 20px; height: 31px; position: absolute; display: inline-block; transform: translate(0, -50%); top: 50%; z-index: 99; /* background: 100% 100%; */ } .news_media_slick .slick-arrow:hover{ opacity: 1; } .news_media_slick .slick-next{ right: -33px ; } .news_media_slick .slick-prev{ left: -33px ; } .news_media_slick .slick-next.slick-disabled, .news_media_slick .slick-prev.slick-disabled{ opacity: 0.5; } /*ICICI STRIP */ .icici-strip { transform: translateY(-45px); background-color: #2b2f7f; color: #fff; font-weight: 600; transition: .3s ease; text-align: center; padding: 5px 10px; position: absolute; } .icici-strip i, .icici-strip span{ vertical-align: middle } .icici-strip span b{ font-weight: 500; } .icici-strip a,.icici-strip a:hover{ color:#fff; text-decoration: underline; margin-left:5px; } .topAnim{ transform: translateY(0px); position: relative; } .icici-hands{ width:31px; height:31px; background-position: -794px -497px; margin-right:5px; } .icici-arrow-right{ width: 20px; height: 20px; background-position: -340px -101px; background-color:transparent; border-radius: 0; border-color:transparent; } #nav{ transition: .3s ease; top: 0px; } /* Animation for second section----------------------------------------------- */ .advantage-container.from-right{ transform: translateY(5%); } .advantage-container.from-right{ transition: opacity 500ms ease-in, transform 300ms ease-in; opacity: 0; } .advantage-container.from-right.appear{ transform: translateY(0%); opacity: 1; } /* Animation----------------------------------------------- */ /* christmas */ @media(min-width: 1700px) { .g-chris-right img { position: absolute; right: 5%; top: -127px; } .g-chris-left img { position: absolute; left: 5%; top: -25px; } } @media(max-width: 1366px) { .g-chris-right img { position: absolute; right: 0; top: -116px; } .g-chris-left img { position: absolute; left: -12%; top: -22px; } } /* end chirstmas */ /*ICICI STRIP */ @media all and (min-width: 768px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 50%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -25%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 25%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .item-content h5 { color: #000; line-height: 22px; max-width: 217px; margin: 10px auto; } .item-content h5::after { content: 'ยป'; color: #f0493f; font-size: 17px; position: relative; left: 5px; transition: 400ms; } .item-content:hover h5:after { left: 10px; } .item-content h5 span{ display: block; font-weight: 600; } .item-content img { display: inline-block; } .carousel-control { position: relative; } .carousel-inner { height: 260px; margin-bottom: 35px; } .left-arrow, .right-arrow { background-image: url(https://cdn-web.gofrugal.com/images/home-images/home-sprite.webp); background-repeat: no-repeat; width: 20px; height: 31px; position: relative; display: inline-block; } .left-arrow { background-position: -90px -96px; } .right-arrow { background-position: -140px -96px; } .event-image { background-image: url(https://cdn-web.gofrugal.com/images/home-images/news-events2.png); background-repeat: no-repeat; width: 217px; height: 149px; position: relative; display: inline-block; } .event-image1 { background-position: 0px 0px; } .event-image2 { background-position: -228px 0px; } .event-image3 { background-position: -457px 0px; } .event-image4 { background-position: -685px 0px; } .event-image5 { background-position: 0px -162px; } .event-image6 { background-position: -227px -164px; } .event-image7 { background-position: -457px -164px; } .event-image8 { background-position: -685px -164px; } .event-image9{ background-position: 0px -325px; } .event-image10{ background-position: -230px -325px; }.event-image11{ background-position: -458px -325px; } .event-techcircle{ background-position: -228px -806px; } .event-dtnext{ background-position: -685px -644px; } .event-ettech{ background-position: -458px -805px; } .event-ettimes{ background-position: 0px -966px; } .event-yourstory{ background-position: -685px -806px; } .event-express{ background-position: 0px -806px; } .event-enterprise{ background-position: -457px -644px; } .event-voicedata{ background-position: -228px -644px; } .womens-voicedata{ background-position: -228px -969px; } .event-businessline{ background-position: -685px -325px; } .event-etvtamil{ background-position: 0px -484px; } .event-varindia{ background-position: 0px -644px; } .event-nfapost{ background-position: -685px -485px; } .event-economictimes{ background-position: -457px -485px; } .event-navbharat{ background-position: -228px -485px; } .bwcioworld-news{ background-position: -458px -968px; } .inc42-news{ background-position: -686px -968px; } .techtraial-news{ background-position: 0px -1128px; } .smestreet-news{ background-position: -229px -1128px; } .ecotimes-news1{ background-position: -458px -1128px; } .indianexpress-news{ background-position: -687px -1128px; } .expresscom1-news{ background-position: -230px -1288px; } .timesofindia-news1{ background-position: 0px -1288px; } .cnbc-news{ background-position: -458px -1288px; } .yourstoryapr-news{ background-position: -688px -1288px; } .expresscomjune-news{ background-position: 0px -1448px; } .economichost-news{ background-position: -230px -1448px; } .prograssive_news{ background-position: -457px -1448px; } .podcast_news{ background-position: -688px -1448px; } .etvbhartoct_news{ background-position: 0px -1609px; } .digicon_news{ background-position: -230px -1609px; } .hindutamil_oct_news{ background-position: -688px -1609px; } .hindubusiness_oct_news{ background-position: -457px -1609px; } .vikatan_dec_news{ background-position: 0px -1769px; } .itvoice_dec_news{ background-position: -230px -1769px; } .dtnext_jan_news{ background-position: -457px -1769px; } .etretail_news{ background-position: -687px -1769px; } .entrepre_news{ background-position: -230px -1929px; } .nrai_news{ background-position: 0 -1929px; } .ministry{ background-position: -688px -1929px; } .news18hindi21_news{ background-position: -457px -1929px; } .ciol_news{ background-position: 0 -2090px; } .lounge_news{ background-position: -230px -2090px; } .ethr_news{ background-position: -460px -2090px; } .finExpress_news{ background-position: -687px -2090px; } .digicon_news{ background-position: 0px -2250px; } .anchor_spotify{ background-position: -229px -2251px; } .yourstory_news{ background-position: -458px -2251px; } .makkal_mugam{ background-position: -688px -2251px; } .theindianexpress{ background-position:0px -2410px; } .timesofindia{ background-position:-230px -2410px; } .sme-street{ background-position:-460px -2410px; } .technuter{ background-position:-690px -2410px; } .silicon-india{ background-position:0px -2570px; } .cell_it{ background-position:-230px -2570px; } .nfapost_news{ background-position:-460px -2570px; } .business-standard{ background-position:-690px -2570px; } /* .business-line{ background-position:0px -2730px; } .yourstory-madurai{ background-position:-230px -2730px; } .vikatan-sep2021{ background-position:-688px -2730px; } .hindumetroplus2021{ background-position:-457px -2730px; } .dq-channels{ background-position:0px -2890px; } .indian-retailer{ background-position:-230px -2890px; } .oracle-cust-success{ background-position:-458px -2890px; } .entrepreneur_india{ background-position:-688px -2890px; } */ .news_cycle_8{ background-position:0px 0px; } .news_cycle_1{ background-position:-688px -160px; } .news_cycle_2{ background-position:-458px -160px; } .news_cycle_3{ background-position:-230px -160px; } .news_cycle_4{ background-position:0px -160px; } .news_cycle_5{ background-position:-690px 0px; } .news_cycle_6{ background-position:-460px 0px; } .news_cycle_7{ background-position:-230px 0px; } .g-banner-content { position: relative } .g-ban-sp { position: absolute; border: 2px solid #cdd6ea; background: transparent; -webkit-animation:float 8s infinite linear; -moz-animation:float 8s infinite linear; -ms-animation:float 8s infinite linear; -o-animation:float 8s infinite linear; animation:float 8s infinite linear; } .g-ban-sp.sp1 { height: 18px; width: 18px; top: -10px; left: 15px; border-radius: 50%; -webkit-animation:float 5s infinite linear; -moz-animation:float 5s infinite linear; -ms-animation:float 5s infinite linear; -o-animation:float 5s infinite linear; animation:float 5s infinite linear; } .g-ban-sp.sp2 { height: 13px; width: 13px; top: -80px; right: 15px; border-radius: 5px; } .g-ban-sp.sp3 { height: 8px; width: 8px; top: 90px; right: 25px; border-radius: 50%; -webkit-animation:float 5s infinite linear; -moz-animation:float 5s infinite linear; -ms-animation:float 5s infinite linear; -o-animation:float 5s infinite linear; animation:float 5s infinite linear; } .g-ban-sp.sp4 { height: 20px; width: 20px; bottom: -20px; left: -35px; border-radius: 50%; -webkit-animation:float 5s infinite linear; -moz-animation:float 5s infinite linear; -ms-animation:float 5s infinite linear; -o-animation:float 5s infinite linear; animation:float 5s infinite linear; } .g-ban-sp.sp5 { height: 17px; width: 17px; bottom: 20px; right: 15px; border-radius: 5px; transform: rotate(30deg) } .g-ban-sp.sp6 { height: 12px; width: 12px; bottom: 50px; left: 50%; border-radius: 5px; transform: rotate(30deg) } header #nav .brand{ /*padding: 2px 0 5px !important; */ top: 2px !important; } @media(max-width: 1240px) { .g-award{ margin: 0; } .g-award-sec{ padding: 10px 0 0px; } } @media(max-width: 1200px) { .home-banner-image img { max-width: 542px; } .video-play-button{ bottom: 12%; right: 25%; transform: scale(0.9); } } @media(max-width: 1199px) { .g-banner-content h1 { font-size: 50px; } .g-banner-content h2 { font-size: 22px; } .header-sub { max-width: 400px; } header .sticky .menu.chirtmasmenu{ top: 7px; } } /*responsive*/ @media all and (max-width: 1024px) { /*christmas*/ .g-chris-left{ display: none; } .g-chris-right img { position: absolute; left: -139px; top: -100px; } .g-award-sec{ flex-direction: column; } /* end-christmas*/ h2 { font-size: 30px; } .list-title { font-size: 23px; } .list-sub { font-size: 19px; } .advantage-content ul li { font-size: 15px; } .about-content { padding: 15px 25px; } .testimonial-container::before, .assure-cont-fluid::after { display: none; } .delight-cust-cont h2{ margin-top: 20px; } .assure-after-section { padding-bottom: 75px; } .connect-left img { max-width: 455px; } .g-award { margin: auto 8px; } } @media all and (max-width: 991px) { .ondc_mobsect{ display: block; padding: 40px 0; } .gft_stocktake_start_resp{ display: none; } .slider_descrip { text-align: left; } .ondc_mob_content img{ max-width: 100%; margin: 30px auto 15px; } .gft_stocktake_commonh2{ margin: 0 auto; } .ondc-subhead{ font-size: 20px; line-height: 1.4; font-weight: 600; margin: 0 auto; } .ondc-test-desc{ margin: 20px 0; padding: 0 10px; } .ondc-test-desc:before,.ondc-test-desc:after{ display: none; } .ondc-piyush-desc{ padding: 0; text-align: center; } .ondc_bgbox label{ background: transparent; border: 0; padding: 0; margin: 0; } .ondc_bgbox label:after{ display: none; } .ondc_bgbox p{ background: transparent; border: 0; max-width: 100%; box-shadow: none; padding: 0; } .ondc_bgbox{ background: #F2F2F7; border-radius: 10px; border: 1px solid #E1E2ED; padding: 15px 15px; max-width: 95%; margin: 10px auto 0; } .piyushimg_ondc img{ margin: 0 auto 10px; } .gft_stocktake_commonh5{ font-size: 20px; font-weight: 600; text-align: left; } .purchase_description{ font-size: 15px; } .piyushimg_ondc{ max-width: 100%; margin-top: 20px !important; } .piyushimg_ondc p { max-width: 100%; text-align: center; margin-bottom: 30px; } .ondc-test-cust{ margin: 0 auto; } .ondc_slick{ padding-bottom: 70px; } .ondc_mobsect .slick-prev{ width: 30px; height: 30px; position: absolute; bottom: 0; left: 50%; top: auto; background: url(https://cdn-web.gofrugal.com/images/home-images/ondcwhitearrow.svg) no-repeat; background-size: 100% 100%; margin-left: -50px; z-index: 999; } .ondc_mobsect .slick-next{ width: 30px; height: 30px; position: absolute; bottom: 0; left: 50%; top: auto; background: url(https://cdn-web.gofrugal.com/images/home-images/ondcwhitearrow.svg) no-repeat; background-size: 100% 100%; z-index: 999; transform: translateY(-15px) rotate(180deg); } .ondc_mobsect .slick-next.active{ background: url("https://cdn-web.gofrugal.com/images/home-images/ondcbluearrow.svg") no-repeat; background-size: 100% 100%; transform: translateY(-15px) rotate(0); } .ondc_mobsect .slick-prev.active{ background: url("https://cdn-web.gofrugal.com/images/home-images/ondcbluearrow.svg") no-repeat; background-size: 100% 100%; transform: translateY(-15px) rotate(180deg); } .ondc_mobsect .slick-arrow:before{ display: none; } .home-orderbg:after{ display: none; } .home-orderbg{ left: 0; } .news_media_slick .slick-next{ right: -30px; } .news_media_slick .slick-prev{ left: -30px ; } .video-play-button{ transform: scale(0.8); bottom: 15%; right: 40%; } .home-banner-container{ padding: 0 10px; } .home-bannerh1{ font-size: 54px; line-height: 64px; } .home-bannerh2{ font-size: 18px; line-height: 28px; } .horder-container{ padding: 35px 15px 40px; } .home-ordersection{ margin-bottom: 50px; padding: 0 15px; } .homebg-blue{ padding-top: 60px; } .hoderafter:after{ display: none; } .free_badge{ top: -47px; right: -10px; } /*christmas*/ .g-chris-left{ display: none; } .g-chris-right img { position: absolute; left: -110px; top: -96px; } #bm{ max-width: 165px; position: relative; } .horder-flex{ display: block; } .horder-box{ width: 100%; } header .nav .navbar{ width: inherit; } /* end-christmas*/ .home-about-us { display: flex; padding: 60px 0px; } .about-content { padding: 15px 15px; } .about-content h1 { font-size: 29px; } .home-about-us { height: 315px; } .about-content h4 { font-size: 16px; } .advantage-container { display: block; text-align: center; padding: 50px 15px; } .header-sub { margin: auto; } .home-banner-image img { max-width: 415px; margin: 25px 0 0; } .list-title, .list-sub { text-align: center; } .advantage-container img { margin: 30px auto; max-width: 480px; width: 100%; } .advantage-content { text-align: left; } .advantage-content > ul:last-of-type { margin-bottom: 25px; } #cf4a img { max-width: 100%; } .cust-test-icon-sec { padding-bottom: 0; } .event-carousel { padding: 70px 80px; } .g-ban-sp.sp1 { top: 0; left: 50px; } .g-ban-sp.sp2 { top: -20px; right: 80px; } .g-ban-sp.sp3 { top: 100px; right: 17%; } .g-ban-sp.sp5 { bottom: 100px; right: 25px; } .g-ban-sp.sp6 { bottom: 80px; left: 27%; } } @media all and (max-width: 768px){ .g-award { transform: scale(.65); margin: auto -20px; margin-bottom: 0; } #bm{ max-width: 130px; } .gft_cust_box{ margin: 10px; max-width: 300px; } .delight-cust-cont { padding: 0px 0px 20px 20px !important; } } @media all and (max-width: 767px) { .gft_stocktake_commonh5{ font-size: 16px; line-height: 1.3; } .gft_stocktake_commonh2 { margin: 0 auto 10px; font-size: 20px; line-height: 1.3; } .ondc-subhead{ font-size: 15px; } .purchase_description{ font-size: 14px; margin: 10px auto 0; } .ondc_bgbox p{ font-size: 13px; } .ondc-test-desc{ font-size: 14px; } .home-bannerh1 { font-size: 42px; line-height: 52px; } .hero-image-new{ margin-left: 0px; } .home-bannerh2 { font-size: 18px; line-height: 28px; } .home-banner-container{ margin-bottom: 70px; } .home-banner-wrapper { margin: 60px auto 0px; text-align: center; } .secondhome-sect{ padding-top: 20px; } header #nav{ padding: 0 0 5px !important; } header #nav.sticky{ padding: 0 0 5px; top:0; } header .sticky .menu.chirtmasmenu { top: 2px; } #nav .g-container-95{ padding-right: 5px; padding-left: 8px; width: 100%; } header .nav .brand{ padding-left: 0 !important; } .hoderafter:before,.hoderafter:after,.horder-clink{ display: none; } .horder-box .home-applink{ display: block; } .event-carousel .secondary-text-cta{ margin:30px -5px 27px!important; } .g-banner-content h1 { font-size: 36px; margin: 0; } .g-banner-content h2 { font-size: 17px; margin-bottom: 10px; } .home-banner-image img { max-width: 348px; margin: 25px auto; } .g-rating-sec svg { max-width: 78px; margin: auto 0 30px; } .g-award{ margin: auto -30px; } .g-award-sec { padding: 0; margin-bottom: 40px; } h2 { font-size: 22px; } .home-ban-btn { font-size: 14px; } .advantage-container { padding: 30px 15px; } .assure-after-section { padding: 65px 15px; } .assure-cont-fluid { margin-top: 35px; } .advantage-container img { max-width: 320px; } .advantage-content ul li { font-size: 15px; margin: 10px 0 10px; background-position: -311px -40px; font-weight: 400; line-height: 1.6; } .advantage-content > ul:last-of-type { margin-bottom: 25px; } .secondary-text-cta { text-align: center; display: block; font-size: 17px; } .list-title { font-size: 20px; } .list-sub { font-size: 16px; line-height: 1.4; } .advantage-mobile { display: flex; flex-direction: column-reverse; } .home-about-us { display: inline-block; padding: 60px 0px; width: 100%; } .about-content { padding: 10px 5px; width: 115px; vertical-align: top; } .about-content h1 { font-size: 20px; } .about-content h4 { font-size: 14px; } .carousel-inner { margin-bottom: 10px; } .home-about-us { height: 478px; background-position: -366px 0px; } .event-carousel { padding: 65px 15px; } .carousel-showmanymoveone .carousel-control.left, .carousel-showmanymoveone .carousel-control { top: 20px; } .list-title { line-height: 1.3; margin-bottom: 5px; } .g-ban-sp.sp1 { top: -20px; } .g-ban-sp.sp3 { top: 50%; right: 80%; } .g-ban-sp.sp6 { bottom: 73px; left: 12%; } .home-bannerh1 a:after{ content: ''; width: 98%; height: 2px; background: #333; position: absolute; left: 0; bottom: 7px; right: 0; margin: 0 auto; } } @media all and (max-width: 480px){ .gft_stocktake_commonh5{ font-size: 15px; } .purchase_description{ font-size: 14px; padding: 0 0px 0 20px; } .ondc_mob_content a{ padding: 7px 25px; font-size: 14px; } .piyushimg_ondc p{ margin-bottom: 10px; } .ondc_mob_content img{ max-width: 70%; margin: 10px auto; } .piyushimg_ondc img{ max-width: 100%; } .piyushimg_ondc p{ font-size: 12px; } .purchase_description:before{ top: -2px; transform: scale(0.8); } .ondc-test-desc{ margin: 10px auto; } .about-content{ width: 100%; max-width: 130px; } .home-about-us { height: auto; background-position: -416px 0px; } .about-content h4{ min-height: auto; } .video-play-button{ transform: scale(0.6); bottom: 12%; right: 35%; } .horder-container{ padding-bottom: 20px; } .horder-box{ padding: 15px 10px; overflow: hidden; } .secondary-text-cta{ font-size: 15px; } .secondary-text-cta::after{ transform: scale(0.8); top: 6px; left: 0px; } } #abc { position: fixed; z-index: 999999; } #popup_gofrugal { background: url(https://cdn-web.gofrugal.com/images/new-chat-icon.svg); cursor: pointer; margin: 0; position: fixed; right: 8px; bottom: 20px; z-index: 999999998; height: 44px; width: 44px; border-radius: 5px; border: 3px solid #2659b7; background-color: #00a2ff; background-repeat: no-repeat; padding: 26px; background-position: 12px 14px; } .chat-ani { animation-name: chat-ani; animation-duration: 1s; transition: ease-in-out; } @keyframes chat-ani { 0% { right: -100px; } 100% { right: 8px; } } @keyframes cf4FadeInOut { 0% { opacity: 1; } 25% { opacity: 1; } 33% { opacity: 0; } 92% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes cf4FadeInOut { 0% { opacity: 1; } 25% { opacity: 1; } 33% { opacity: 0; } 92% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-webkit-keyframes float { 0% { transform: translateY(0px) translateX(0px) rotate(0deg); } 50% { transform: translateY(8px) translateX(3px) rotate(359deg); } 100% { transform: translateX(0px) translateY(0px) rotate(0deg); } } .g_chat_container{ position: fixed; bottom: 20px; right: 2%; width: 360px; z-index: 999999999; background: transparent; display: none; } .g_chat_container.g_chat_show{ visibility: visible; display: block } .g_chat_wrap{ border-radius: 8px; overflow: hidden; box-shadow: 0px 4px 7px 0px #000000ab; background: #fff; } .g_chat_hdr{ padding: 35px 25px 60px; background: #2b2f7f; color: #fff; box-shadow: 0px 4px 7px 0px #46498a7a; width: 360px; } .g_chat_close img{ position: absolute; top: -10px; right: -10px; height: 25px; width: 25px; border-radius: 50px; overflow: visible;visibility: visible; clear:both; cursor: pointer; } .g_chat_inner{ width: 88%; margin: auto; padding: 25px; background: #fff; border-radius: 3px; position: absolute; text-align: center; left: 0; right: 0; border: 1px solid #ddd; } .g_chat_hdr h2{ font-size: 22px; font-weight: 600; margin: 0; } .g_chat_hdr h5{ margin-bottom: 25px; margin-top: 5px; } .g_chat_ftr{ background: #f6f7f9; text-align: center; padding: 15px; } .g_chat_cta{ background: #f1483e; border-radius: 50px; padding: 5px 8px 5px 18px; display: inline-block; color: #fff; font-weight: 600;cursor: pointer } .g_smiley{ background: url(https://cdn-web.gofrugal.com/images/global/chat-sprite.png); height: 27px; width: 27px; display: inline-block; background-position: -251px -18px; vertical-align: middle; margin-left: 3px; } .g_chat_arrow{ background: url(https://cdn-web.gofrugal.com/images/global/chat-sprite.png); height: 17px; width: 27px; display: inline-block; vertical-align: middle; background-position: -291px -23px; margin-left: 5px; } .g_chat_person{ background: url(https://cdn-web.gofrugal.com/images/global/chat-sprite.png); height: 50px; width: 50px; display: inline-block; background-position: -181px -4px; vertical-align: middle; margin-right: 3px; } .g_chat_person.person1{ background-position: -6px -4px; } .g_chat_person.person2{ background-position: -63px -4px; } .g_chat_person.person3{ background-position: -122px -4px; } .g_chat_person.person4{ background-position: -6px -65px; } .g_chat_person.person5{ background-position: -63px -65px; } .g_chat_person.person6{ background-position: -122px -66px; } .g_chat_cnt_wrap{ padding: 15px; margin-top: 40px; } .g_chat_cnt_wrap i{ display: block; margin: 0; font-size: 12px; color: #999; font-style: normal; line-height: .8 } @media (max-width: 1525px) { .gartner-badge-img{ margin-bottom: 0; } } @media (max-width: 525px) { .covid-bar{ display: block; } .anouncement-bar a{ /* line-height: 1.8; */ } .home-bannerh1 a:after{ bottom: 4px; } #popup_gofrugal{ padding: 21px; background-position: 5px 9px; border: 2px solid #2659b7; } header .nav .navbar{ top: 0!important; } .list-sub{ line-height: 1.6; } .home-bannerh1 { font-size: 32px; line-height: 42px; } .home-bannerh2 { font-size: 16px; line-height: 24px; margin: 30px auto 10px; padding: 0 30px; } .home-banner-container{ margin-bottom: 50px; } .hero-image-new{ margin: 0px 0 0 10px; } .customer-logos-gofrugal #cf4a picture .cust-logo-resp { display: block; } .customer-logos-gofrugal #cf4a picture .cust-logo-desktop { display: none; } } @media (max-width: 352px) { .home-about-us { background-position: -366px 0px; } } @media (max-width: 470px){ .news_media_slick .slick-next{ right: -25px; } .news_media_slick .slick-prev{ left: -25px ; } .g-award{ transform: scale(1); margin: 0px; /* margin-bottom: 10px; */ width: 140px !important; height: 100px; min-width:140px; } .gartner-badge-home{ width: 100%; } .awards-wrapper{ display: none; } .slick-slide{ outline: none; } .swiper-container { display: block; width: 100%; height: 100%; padding:20px 0 60px 0 !important; } .swiper-wrapper { display: block; width: 100%; height: 100%; padding:20px 0 20px 0 !important; } .slick-dotted.slick-slider{ margin-bottom: 0 !important; } .swiper-container .slick-dots{ bottom: 0 !important; margin-bottom: 15px; } .swiper-container .slick-dots li{ margin: 0 !important; } .swiper-container .slick-dots li button:before{ border:1px solid #2b2f7f !important; transition: 0.2s linear !important; height: 10px !important; margin: 2px 3px !important; width: 10px !important; border-radius: 50% !important ; transition: 0.2s linear !important; cursor: pointer !important; background-color: transparent !important; opacity: 1 !important; content: " " !important; } .swiper-container .slick-dots li.slick-active button:before{ border:1px solid #2b2f7f !important; background-color: #2b2f7f !important; opacity: 1 !important; color:transparent !important; } .g-award.award1{ background-position: -705px -914px; } .g-award.award2{ background-position: -388px -914px; } .g-award.award3{ background-position: -563px -913px; } .g-award.award4{ background-position:-127px -913px; } .g-award.award5{ background-position: 15px -913px; } .g-award.award6{ background-position: 8px -1345px; } .g-award.award9 { background-position: -110px -1345px; } .g-award.award8 { background-position: -265px -1345px; } .g-award.award10 { background-position: -418px -1345px; } .g-award.award11 { background-position:-859px -914px; } .award_btn{ margin-bottom: 20px; display: block; } } @media (max-width: 374px){ .covid-bar p { font-size: 12px; white-space: unset; line-height: 1.5; } .anouncement-bar a{ /* line-height: 1.8; */ font-size: 12px; } .new-covid{ padding: 4px 7px; } } @media (max-width:360px){ .home-bannerh2 { font-size: 14px; line-height: 22px; } .home-bannerh1 { font-size: 26px; line-height: 34px; } .news_media_slick .slick-next{ right: -33px; } .news_media_slick .slick-prev{ left: -33px ; } } @media (max-width: 1199px){ header .nav .brand.chritmas-brand { top: 0; height: 40px; } }