.gro-btn.banner-phonesfilled-inpharmacy-contentimg-medium-device1 body { font-family: 'Gotham', 'Gotham Book', sans-serif !important; /* background-color: #F7F7F7; */ }html{ overflow-x:hidden; }section .container { max-width:90%; }label.active{ top: 15px; margin-bottom: 5px;}.magento-right-arow{ position: absolute; right: 0; margin-top: 15%;}.magento-left-arow{ position: absolute; left: 0; margin-top: 15%; }.magento-slider i{ color: #f75252;}.input-field .dropdown-content li > span{ color: #474747;}.card-content .collection .collection-item { padding: 10px 11px; line-height: 2.0rem;} main { flex: 1 0 auto;} .carousel.carousel-slider { top: 0; left: 0;}.blog-slider { height: 460px;}.blog-section .blog-slider .carousel-item { width: 300px; height: 460px; opacity: 1 !important;}#gallery-section .gallery-slider .carousel-item { width: 300px; height: 460px; opacity: 1 !important;}#banner-svg { /* pointer-events: none; */ /* z-index: 99; */ display: inherit;}.banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%;/* background-image: url("../res/landing-image.jpg");*/ /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; }.pricing .price.waves-effect{ text-align: center; color: white; padding: 15px 0px 0px 0px;}.pricing .collection{ border: none;}.pricing .collection .collection-item:before { font-family: "Material Icons"; content: "check"; fontblog-about-card-size: 1.28rem; line-height: 1.6em; color: #00bfa5; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; margin-right: 10px;} /*.pricing .colle#landing-card p.landing-subtitlection:first-child li { border: 0px;}*/ .price-desc { color: white; padding: 15px 0px;}.social-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/socialmedia-banner-img.jpg"); background-size: cover; clip-path: url(styles.css) ;}.partner-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/banner-partner-with-us.png"); background-size: cover; clip-path: url(styles.css) ;}.postmates-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/blog/postmates-business-model-for-ios-and-android-app.png"); background-size: cover; clip-path: url(styles.css) ;}.pizza-banner-img{ position: absolute; height: 100vh; width: 100%; /*background-image: url("../res/pizza-banner.png");*/ background-image: url("../res/online-pizza-ordering-system.png"); background-size: cover; clip-path: url(styles.css) ;}.partner-banner-img-try{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/try-banner-partner.png"); background-size: cover; clip-path: url(styles.css) ;} .laundry-banner-img{ position: absolute; height: 100vh; width: 100%; background-color: #0097A7; /* background-image: url("../res/laundry-app-development.png"); background-image: url("../res/laundry-app-development-service.png"); */ background-size: cover; clip-path: url(styles.css) ;} .marketplace-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/marketplace-banner.png"); background-size: cover; clip-path: url(styles.css) ;}.hire-php-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/hire-php-web-developer.png"); background-size: cover; clip-path: url(styles.css) ;}.hire-magento-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/hiremagento-banner.png"); background-size: cover; clip-path: url(styles.css) ; }.magento-landing-banner-img {position: absolute;height: 100vh;width: 100%;background-image: url("../res/landing-page/landing-p-banner.png");background-size: cover;clip-path: url(styles.css) ; }.hire-laravel-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/laravel-banner-img.png"); background-size: cover; clip-path: url(styles.css) ;}.get-a-quote-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/banner-get-a-quote.png"); background-size: cover; clip-path: url(styles.css) ;}.about-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/about-banner-img.png"); background-size: cover; clip-path: url(styles.css) ;} @media only screen and (max-width: 1440px) { .img-medium-device { width:70%; } } @media (max-width: 1440px) { .img-medium-device1 { width:60%; } } @media (max-width: 1440px) { .margin-botom-80 { margin-bottom:80px;} } .udemy-pg-side-img { position: absolute; width:100%; height:100%; overflow-x: hidden; display:block; /*background: url(../res/web-bannner-udemy1.png) no-repeat;*/} .web-banner-img2 { background:linear-gradient(to right, #0BA8FE , #15C5FD); position: absolute; height: 100vh; width: 100%; background-size: cover; clip-path: url(styles.css) ; } .graphics-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/graphic-banner-img.png"); background-size: cover; clip-path: url(styles.css) ; } .mobile-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/mobile-banner-img.png"); background-size: cover; clip-path: url(styles.css) ; } .ecoomerce-app-banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; background-image: url(../res/ecommerce-app-banner-img.png); /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css);} .contact-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/contact-us-background.jpg"); background-size: cover; clip-path: url(styles.css) ; } @media only screen and (min-width: 993px){ .ecom-feature{ margin-left: 14.6666666667% !important; margin-right: 2% !important;}}.odoo-banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; /*background-image: url("../res/ruby-on-rails-banner.png");*/ background-color: #6c4d63; /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; }.rubyonrails-banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; background-image: url("../res/ruby-on-rails-banner.png"); /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; }.florist-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/florist-main-banner.png"); background-size: cover; clip-path: url(styles.css) ; }.iphone-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/iphone-app-banner.png"); background-size: cover; clip-path: url(styles.css) ; } .grocery-banner-img { /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; background-color: #00BFA5; /*background-image: url("../res/grocery-app-development-company.jpg"); */ /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; } .ordering-banner-img { position: absolute; height: 100vh; background-color: #FFC107; width: 100%; /* background-image: url("../res/on-demand-app-development.png"); */ background-size: cover; clip-path: url(styles.css) ; } .spree-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url("../res/spree-banner-img.png"); background-size: cover; clip-path: url(styles.css) ; } .pharamcy-banner-img { position: absolute; height: 100vh; width: 100%; /* background-image: url("../res/pharmacy-app-mainbanner.png"); background-size: cover; */ background-color: #7fb3d5; clip-path: url(styles.css) ; } .laravel-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/laravel-banner-img.png"); background-size: cover; clip-path: url(styles.css) ; } .wordpress-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/wordpress-banner-img.png"); background-size: cover; clip-path: url(styles.css) ; } .mcom-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/mcomm-new.png"); background-size: cover; clip-path: url(styles.css) ;} .web-banner-img{ position: absolute; height: 100vh; width: 100%; background-color: #BA68C8; /* background-image: url("../res/web-development-main.png");*/ background-size: cover; clip-path: url(styles.css); } .insurance-banner-img { position: absolute; height: 100vh; width: 100%; background-color: #5C6BC0; /* background-image: url("../res/Insurance-Web-Aggregator.png");*/ background-size: cover; clip-path: url(styles.css) ;} .seo-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/seo-banner.png"); background-size: cover; clip-path: url(styles.css) ;} .food-ordering-img{ position: absolute; height: 100vh; width: 100%; /*background-image: url("../res/food-banner.png"); background-size: cover; */ clip-path: url(styles.css); background-color: #F9A825; } .real-time-chat-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/real-time-chat-app-banner.webp"); background-size: cover; clip-path: url(styles.css) ;} .food-delivery-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/food-delivery-banner.webp"); background-size: cover; clip-path: url(styles.css) ;} .restaurant-app-development-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/rest-delivery-banner.jpg"); background-size: cover; clip-path: url(styles.css) ;} .magento-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/magento-banner-img.png"); background-size: cover; clip-path: url(styles.css) ;} .magento-consulting-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/magento-consultant-main-banner.png"); background-size: cover; clip-path: url(styles.css) ;} .pharma-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/checking-health-with-medical-website.png"); background-size: cover; clip-path: url(styles.css) ;} .shopify-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/banner_shopifyyy.png"); background-size: cover; clip-path: url(styles.css) ;} .download{ text-align: center; padding-top: 6%;} .btn-download{ background-color: #fff; padding: 0px 20px; color: black;}.landing-subheading{ text-align: center; /* font-size: 19px; */ font-weight: 300; /* color: #ffb8f6; */ max-width: 800px; margin: 0 auto; color: #ffffff; padding-top: 3%;}p.features-card-desc.faq { text-align: left; max-width: 100%;}p.features-card-title.faq-title { text-align: left;}#app-process{ background-color: #f0f0f0; padding: 10px 0px;}.download-form{ MAX-WIDTH: 310PX; MARGIN: 0 AUTO; PADDING-TOP: 30PX;}.landing-banner-img{ position: absolute; height: 100vh; width: 100%; /* background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%); */ background-image: url("../res/ar-main-banner.png"); background-size: cover; clip-path: url(styles.css) ;}.app-landing input::placeholder{color: #fff;}#app-process .wrapper { margin: 0 10px; border: 8px solid #ebebeb; padding: 5px; position: relative; text-align: center; background-color: #fff;}.demo-app-work{padding: 0 6%;}.demo-app-work .arrow { display: block; width: 86px; height: 86px; text-align: center; padding: 13px 0; border: 8px solid #ebebeb; border-radius: 50%; position: absolute; background: #fff; z-index: 9; right: -76px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}.fig img{ max-width: 100%; max-height: 400px;} .ar-phone-demo { height: 536px; width: 262px; background-color: hsla(0,0%,85%,0); display: inline-block; z-index: 2; overflow: hidden; border-radius: 40px; position: relative;} .ar-phone-demo .ar-phone-video-container { position: absolute; width: 113%; left: -17px;} .ar-phone-demo .ar-phone-video-container video { max-width: 100%; display: inline-block;}.product-mute-button.ar-mute-button { bottom: 18px!important; right: -3%;}.bar:first-child { left: 0; -webkit-animation-duration: 474ms; animation-duration: 474ms;}.bar:nth-child(2) { left: 12px; -webkit-animation-duration: 433ms; animation-duration: 433ms;}.bar:nth-child(3) { left: 24px; -webkit-animation-duration: 407ms; animation-duration: 407ms;}.bar { background-image: linear-gradient(-135deg,#3477fb,#65e297); bottom: 1px; height: 3px; position: absolute; width: 10px; -webkit-animation: a 0ms -.8s ease-out infinite alternate; animation: a 0ms -.8s ease-out infinite alternate;}.ar-phone-demo #phone-svg { position: relative; top: 0;} .ar-phone-demo #Combined-Shape { fill: #fff;}.demo-app-work h4 { color: #ff715a; padding: 10px; border-bottom: 5px solid #ff715a; position: relative; font-size: 25px;}.arrow .material-icons{ margin-top: -11px; font-size: 65px; color: #ff715a;}.demo-app-work .fig { min-height: 290px; padding: 30px 0; vertical-align: top;}.demo-app-work .wrapper { margin: 0 10px; border: 8px solid #ebebeb; padding: 5px; position: relative; text-align: center;}.magento-custom-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/custom-magento-development-services.png"); background-size: cover; clip-path: url(styles.css) ;}.magento-psd-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/convert-psd-to-magento.png"); background-size: cover; clip-path: url(styles.css) ;}.joomla-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/joomla-banner-img.png"); background-size: cover; clip-path: url(styles.css) ;}.android-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/android-banner-img.png"); background-size: cover; clip-path: url(styles.css) ;}.digital-banner-img{ position: absolute; height: 100vh; width: 100%; background-image: url("../res/digital-banner-img.png"); background-size: cover; clip-path: url(styles.css) ;}.banner-img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(90deg,black,black); opacity: 0.3; clip-path: url(styles.css) ; /* pointer-events: none; */}.banner-image { /* position: absolute; top: 0; left: 0; */ background-image: url("../res/landing-image.jpg"); height: 100vh; /* background-position: center; */ background-size: cover; position: absolute; width: 100%; height: 100vh;}.banner-image:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(90deg,black,black); opacity: 0.45; }::-moz-selection { color:#2e2e2e; background: #fac916;} ::selection { color:#000000; background: #fac916;} .transparent { background-color: transparent !important; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.white-nav { background-color: white !important; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; position: fixed; z-index: 2000; height: 75px;}.fixed-white-nav { background-color: white !important; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; height: 80px;}nav.fixed-white-nav ul a { color: #2e2e2e;}body { display: flex; min-height: 100vh; flex-direction: column;}main { flex: 1 0 auto;}h2 { color: #424242; font-weight: 600; font-size: 22pt; text-transform: uppercase;}.section-separator { height: 4px; width: 54px; /* margin-left: auto; */ /* margin-right: auto; */ background-color: #EF5350;} .nav-container { width: 100%;}.brand-logo { margin-top: 5px;}#logo { -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;} nav ul a { font-size: 1.1rem; color: white; background-image: linear-gradient(180deg,transparent 92%,#ef5350 0); background-size: 0 100%; background-repeat: no-repeat; /* text-transform: uppercase; */ letter-spacing: 0.9px; font-family: Gotham Book; display: inline-block;} nav ul a:hover { background-size: 100% 100%; background-color: transparent; transition: background-size .4s ease;} nav.white-nav ul a { color: #2e2e2e;}#sidenav-overlay { /* z-index: 995;*/ z-index: 5;/*addedbyraj*/} .dropdown-content.mega-dropdown { /* top: 64px !important; */ /* width: auto !important; */ width: 92% !important; left: 0px !important; /* box-sizing: border-box; */ margin-left: 50px !important; overflow: hidden; box-shadow: 0 16px 32px rgba(0,0,0,0.20) !important;} .dropdown-content .row { margin-top: 12px !important; margin-bottom: 16px !important;} .dropdown-content .col { border-right: 1px solid #DEDEDE;} .dropdown-content a { background-image: none !important; white-space: nowrap; padding: 5px 22px !important; font-size: 11pt !important; color: #2e2e2e !important;}.dropdown-content li { min-height: initial !important;}.dropdown-content.mega-dropdown li { min-height: initial !important;}.dropdown-content .dd-header a { text-transform: uppercase; color: #EF5350 !important; font-family: Gotham; font-weight: 500; padding: 5px 12px !important; /* border-left: 4px solid #EF5350; */}.dropdown-content.normal-dropdown a { background-image: none !important; white-space: nowrap; padding: 8px 22px !important; font-size: 11pt !important; color: #2e2e2e !important;}.dropdown-content.normal-dropdown li { min-height: initial !important;}.dropdown-content.normal-dropdown { /* top: 64px !important; */ width: auto !important; /* width: 92% !important; */ /* left: 0px !important; */ box-sizing: border-box; /* margin-left: 50px !important; */ overflow: hidden; box-shadow: 0 16px 32px rgba(0,0,0,0.20) !important;}.dd-col { height: 100% !important; width: 100% !important; display: inline-block;}/* ~~~~~~~~~~~~~LANDING~~~~~~~~~~~~~ */#landing-section { padding-top: 0 !important; padding-bottom: 0 !important; height: 100vh;}.landing-image { height: calc(100vh - 64px); width: 100%; background-color: transparent;}.landing-container { width: 90%; /* z-index: 999; */} .banner-phones { /* z-index: 999; */ transform: translateY(60px); width: 80%; } .banner-phones1 { /* z-index: 999; */ transform: translateY(60px); width: 45%; margin-bottom: 20px; } .banner-phones2 { transform: translateY(60px); width: 100%; }#landing-card { position: relative; /* z-index: 999; */ padding: 22px 0; /* margin-top: -80px; */ /* box-shadow: -30px 30px 72px 13px rgba(0,0,0,0.19); */} .landing-strip { width: 60px; background-color: #43A047; height: 3px; position: absolute; top: 0; stroke-linecap: round; } #landing-heading { font-size: 36pt; line-height: 1.3; width: 100%; color: white; margin-top: 0; margin-bottom: 9px; font-weight: 400; /*max-width: 620px;*/}/* .landing-subtitle { font-size: 15pt; color: #5d5d5d; line-height: 25px; width: 90%; margin-top: 0; margin-bottom: 0; font-weight: 300; } */ .landing-button { /* display: none; */ background-color: #00ACC1; border: none; color: white; margin-top: 20px; font-size: 13pt; text-transform: uppercase; padding: 6px 17px 6px 17px; box-shadow: 0 14px 28px rgba(0,0,0,0.40); transition: box-shadow 200ms ease; font-weight: 500; background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); border-radius : 2px; -moz-border-radius : 2px; -webkit-border-radius : 2px; z-index: 999; margin-right: 14px; transition: all 200ms ease; }.landing-button:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.50); transition: box-shadow 200ms ease;}.landing-button:focus { background-color: rgb(1, 168, 184);}.landing-button-outline { background: transparent !important; border: 2px solid white; padding: 4px 17px 4px 17px; transition: all 200ms ease; /* box-shadow: none; */}.landing-button-outline:hover { /* background: white !important;*/ color: #2e2e2e !important; box-shadow: 0 10px 20px rgba(0,0,0,0.50); transition: all 200ms ease;}/* ~~~~~~~~~~~~~ABOUT~~~~~~~~~~~~~ */#about-section { /* z-index: 999; */ /*margin-top: 50px;*/ margin-top: 0px; /* rj changes*/}.about-left-bg { position: absolute; left: 0; transform: translateY(-80px); z-index: -999; width: 30%;}.left-bg1{ margin-top: -51px;}.left-bg2{ margin-top: 20px;}.about-cont { width: 90%;}.about-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/about-image.jpg"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .wordpress-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/wordpress-development-about.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);}.seo-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/seo-services-side.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.mobile-development-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/mobile-development-about.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.social-media-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/social-media-services-about.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);}.food-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/food-ordering-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.grocery-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/grocery-app-development-about.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.about-img-grocery { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/mobile-mockup1.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.cannabis-banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; /*background-image: url("../res/cannabis-bnner-img.png");*/background-image: url("../res/marijuana-delivery-app-development-provider.png"); /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; }.about-img-support{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/support-img.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.about-img-integrate{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/magento-inte.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.about-img-ror{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/ror-img.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.about-img-odoo{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/odoo-development-services.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.about-img-odoo-2{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/odoo-development-services-2.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.joomla-development-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/joomla-second.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 26px;}.about-img-ebay{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/ebay-text1.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; margin-top: 95px;}.about-img-ruby{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/ruby-on-rails.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; /*margin-top: 95px;*/}.about-img-res-magento{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/res-magento-new.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; /*margin-top: 95px;*/}.about-img-florist { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/florist-about-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.about-img-psd{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/text-1-psd-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; /*margin-top: 95px;*/}.about-img-about-us{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/about-page.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; /*margin-top: 95px;*/}.about-img-laravel{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/laravel-2nd-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-laravel1{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/laravel-3rd-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-ecommerce1{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/ecommerce-solution.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-ecom { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/eCommerce-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-custom{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/cust-magento-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; /*margin-top: 97px;*/} .web-development-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/web-development-side.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 17px;} .udemy-development-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/udemy-app-sec-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 17px;} .insurance-development-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/insurancecomparison.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 17px;} .social-commerce-img{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/social-com-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 17px;} .about-img-migrate{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/migrate-magento-new.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.about-img-ecom-1{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/e-commerce-website.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 55px;}.about-img-pharma { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/pharma-imgg.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.about-img-fashion { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/fashion-second-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.about-img-ordering{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/ordering-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.ios-app-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/ios-app-development-about.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.android-app-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/android-text1-img.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}.magento-security{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/323.jpg"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-pharmacy1 { width: 100%; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/medical-care-on-tablet.jpg"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); } .about-img-pharmacy2 { width: 100%; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/medical-card-online.jpg"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); } .about-img-magento-consulting-1 { width: 100%; padding-bottom: 100%; background-image: url("../res/magento-consulting1.png"); background-size: cover; height: 100%; /*box-shadow: 0 16px 30px rgba(0,0,0,0.20);*/} .about-img-magento-consulting-2 { width: 100%; padding-bottom: 100%; background-image: url("../res/magento-consulting2.png"); background-size: cover; height: 100%; /*box-shadow: 0 16px 30px rgba(0,0,0,0.20);*/} .about-img-magento { width: 100%; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/Magento1.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .about-img-shopify { width: 100%; padding-bottom: 100%; background-image: url("../res/shopify-img1.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .magento2-ecommerce-page { width: 100%; padding-bottom: 100%; background-image: url("../res/magento2-ecommerce-page.png"); background-repeat: no-repeat; background-size: contain; } .about-img-magento1{ width: 100%; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/magento3.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-shopify1{ width: 100%; padding-bottom: 100%; background-image: url("../res/shopify-img2.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;} .about-img-magento2{ width: 100%; padding-bottom: 100%; background-color: #DEDEDE; background-image: url("../res/magento-third.png"); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20) ; margin-top: 105px;} .graphics-design-img { width: 100%; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/graphics-design-about.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .about-title { margin-top: 0px;} .about-title1 { margin-top:30px;} .about-text { color: #040404; font-family: Gotham Book; font-size: 14pt; line-height: 30px; } .about-text2 { /*color: #757575;*/ color: #474747; font-family: Gotham Book; font-size: 14pt; } /* ~~~~~~~~~~~~~FEATURES~~~~~~~~~~~~~ */ #features-section { /*margin-top: 100px;*/}.features-cont { width: 90%;} .features-switcher { /* width: 30%; */ /* height: 40px !important; */ margin-left: auto; margin-right: auto; /* transform: translateY(80px); */} .features-bg { position: absolute; width: 90%; z-index: -999;}.grad-toggle-btn-2 > .grad-toggle-btn { width: 49.3% !important;} .grad-toggle-btn-3 > .grad-toggle-btn { width: 32.5% !important;} .grad-toggle-btn-5 > .grad-toggle-btn { width: 19.5% !important;} .grad-toggle-btn-4 > .grad-toggle-btn { width: 24.5% !important;} .grad-toggle-btn { background: white; border: none; font-weight: 500; font-size: 14pt; padding: 0 !important; /* padding: 10px 18px; */ border: 2px solid #E9E9E9; width: inherit; min-height: 40px; color: #616161;}.grad-toggle-btn-left { border-radius: 20px 0 0 20px; color: white; height: inherit; box-shadow: none; /*color: #616161;*/ color: #424242; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;} .grad-toggle-btn-left:hover { box-shadow: 4px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-left:focus { box-shadow: 4px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-left-active1 { box-shadow: 4px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white !important; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-left-active { box-shadow: 4px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(90deg, #f44336d9 0%, rgb(222, 25, 11) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(90deg, #f44336d9 0%, rgb(222, 25, 11) 100%); background : -ms-linear-gradient(90deg, #f44336d9 0%, rgb(222, 25, 11) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; /*background: linear-gradient(90deg, #f44336d9 0%, rgb(222, 25, 11) 100%);*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white !important; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-center { /* border-radius: 20px 0 0 20px; */ color: white; height: inherit; box-shadow: none; /* color: #616161;*/ color: #424242; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-center:hover, .grad-toggle-btn-center:focus, .grad-toggle-btn-center:active { box-shadow: 0px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; /*background : linear-gradient(90deg, #f44336d9 0%, rgb(222, 25, 11) 100%);*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-right{ border-radius: 0 20px 20px 0; /*color: #616161;*/ color: #424242; height: inherit; box-shadow: none; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-right:hover { box-shadow: -4px 12px 30px rgba(0,0,0,0.30); color: white; background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-right:focus { box-shadow: -4px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.grad-toggle-btn-right:active { box-shadow: -4px 12px 30px rgba(0,0,0,0.30); background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) )); background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%); background : -ms-linear-gradient(0deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)"; background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1); color: white; border: transparent; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;} .section-translate { transform: translateY(80px);}.points-div { margin-top: 100px;}.features-img { }.features-points-title { color: #66BB6A; font-weight: 500; font-size: 18pt; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 0;}.features-points { margin-top: 6px; padding-left: 30px!important;}.features-points>li { font-family: Gotham Book; /*color: #616161;*/ color: #424242; list-style-type: disc !important; font-size: 14pt; line-height: 2.5;}/* ~~~~~~~~~~~~~FEATURES~~~~~~~~~~~~~ */#delivery-section { /*margin-top: 80px;*/}.deliver-cont { width: 90%;}.delivery-title {}.delivery-text { /*color: #757575;*/ color: #474747; font-family: Gotham Book; font-size: 14pt; text-align: justify;}.delivery-button { background-color: #00ACC1; border: none; color: white; margin-top: 20px; font-size: 13pt; text-transform: uppercase; padding: 6px 17px 6px 17px; box-shadow: 0 14px 24px rgba(0,0,0,0.20); transition: box-shadow 200ms ease; font-weight: 500; background : -moz-linear-gradient(0% 50% 0deg,rgba(240, 98, 146, 1) 0%,rgba(171, 71, 188, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(240, 98, 146, 1) ),color-stop(1,rgba(171, 71, 188, 1) )); background : -o-linear-gradient(0deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%); background : -ms-linear-gradient(0deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06292', endColorstr='#AB47BC' ,GradientType=0)"; background : linear-gradient(90deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06292',endColorstr='#AB47BC' , GradientType=1); border-radius : 2px; -moz-border-radius : 2px; -webkit-border-radius : 2px; z-index: 999;}.delivery-button:hover { box-shadow: 0 10px 16px rgba(0,0,0,0.22); transition: box-shadow 200ms ease;}.del-right-bg { position: absolute; right: 0; transform: translateY(-80px); z-index: -999; width: 30%;} .del-img { width: 45%; position: absolute; right: 0; transform: translateY(-60px);} .del-img1 { width: 40%; position: absolute; right: 0; transform: translateY(-60px);} .custom-model { max-height: 90% !important; min-height: 70% !important; min-width: 65% !important; max-width: 90% !important;} .custom-model .slider .slides li img { background-size: contain; background-repeat: no-repeat;}/* ~~~~~~~~~~~~~CARD FEATURES~~~~~~~~~~~~~ */#card-features-1 { margin-top: 50px; } .card-f-cont { width: 90%;}.card-div { margin-top: 40px;}.tech-imgs{ border: 1px solid #EAEAEA!important; text-align: center; }.features-card { background-color: transparent; box-shadow: none; /* border-left: 1px solid #DADADA; */ border-right: 1px solid #EAEAEA; padding: 25px; margin-bottom: 20px; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; /* cursor: default;*/ /* min-height: 322px;*/}.services-cards { min-height: 245px !important;}/* .features-card-col:last-child >.features-card { border-right: none;} */.key-features-card-col >.features-card:hover { /* border-bottom: 7px solid #EF5350;*/}.key-features-card-col:nth-child(3n+3) >.features-card { border-right: none;}.m4 .features-card-col:nth-child(4n) >.features-card { border-right: none;}.new-features-card-col:last-child >.features-card { border-right: none;}.features-card:hover { background-color: white; border-radius: 4px; /* border-left: 1px solid transparent; border-right: 1px solid transparent; */ /* border-left: none; */ border-right: none; box-shadow: 0 16px 50px rgba(0,0,0,0.14); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; min-height: 3} .features-inner { background-color: #cecece; width: 100%; height: 100%;} .features-card-icon { /* background-color: #EF5350; */ width: 64px; height: 64px;} .icon-search { background-image: url("../icons/search.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-selection { background-image: url("../icons/ecommerce-web-selection.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-ui { background-image: url("../icons/ecommerce-web-ui.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-shopping { background-image: url("../icons/ecommerce-web-shopping.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-social-media { background-image: url("../icons/ecommerce-web-social-media.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-security { background-image: url("../icons/ecommerce-web-security.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-speed { background-image: url("../icons/ecommerce-web-speed.svg"); background-size : contain; background-repeat: no-repeat; } .ecommerce-web-support { background-image: url("../icons/ecommerce-web-support.svg"); background-size : contain; background-repeat: no-repeat; } .icon-user-registration { background-image: url("../icons/user-registration.svg"); background-size : contain; background-repeat: no-repeat; } .icon-inventory-mgmt { background-image: url("../icons/inventory-mgmt.svg"); background-size : contain; background-repeat: no-repeat; } .udemy-browse-products { background-image: url("../icons/udemy_browse_courses.png"); background-size : contain; background-repeat: no-repeat; } .udemy-easy-search { background-image: url("../icons/udemy_easy_search.png"); background-size : contain; background-repeat: no-repeat; } .udemy-profile-setting { background-image: url("../icons/udemy-edit-profile.jpg"); background-size : contain; background-repeat: no-repeat; } .udemy-course-reminder { background-image: url("../icons/udemy-course-reminder.png"); background-size : contain; background-repeat: no-repeat; } .udemy-course-discussion { background-image: url("../icons/udemy-course-discussions.png"); background-size : contain; background-repeat: no-repeat; } .udemy-course-certification { background-image: url("../icons/udemy-certification.png"); background-size : contain; background-repeat: no-repeat; } .udemy-wishlist { background-image: url("../icons/udemy-Wishlist.png"); background-size : contain; background-repeat: no-repeat; } .udemy-instructor-dashboard { background-image: url("../icons/instructor-dashboard.svg"); background-size : contain; background-repeat: no-repeat; } .udemy-update-course { background-image: url("../icons/udemy-update-course.png"); background-size : contain; background-repeat: no-repeat; } .udemy-set-price { background-image: url("../icons/udemy-set-price.jpg"); background-size : contain; background-repeat: no-repeat; } .udemy-create-lessons { background-image: url("../icons/udemy-create-lessons.png"); background-size : contain; background-repeat: no-repeat; } .udemy-create-offers-discount { background-image: url("../icons/udemy-create-offers-discount.jpg"); background-size : contain; background-repeat: no-repeat; } .udemy-create-quiz { background-image: url("../icons/udemy-create-quiz.png"); background-size : contain; background-repeat: no-repeat; } .udemy-course-goal { background-image: url("../icons/udemy-course-goal.png"); background-size : contain; background-repeat: no-repeat; }.udemy-money-withdrawals { background-image: url("../icons/udemy-money-withdrawals.png"); background-size : contain; background-repeat: no-repeat; }.udemy-admin-dashboard { background-image: url("../icons/udemy-admin-dashboard.png"); background-size : contain; background-repeat: no-repeat; }.udemy-site-setting { background-image: url("../icons/udemy-site-setting.png"); background-size : contain; background-repeat: no-repeat; } .udemy-manage-instructor { background-image: url("../icons/udemy-manage-instructor.jpg"); background-size : contain; background-repeat: no-repeat; }.udemy-purchase-tracking { background-image: url("../icons/udemy-purchase-tracking.jpg"); background-size : contain; background-repeat: no-repeat; }.udemy-feedback { background-image: url("../icons/udemy-feedback.png"); background-size : contain; background-repeat: no-repeat; }.udemy-seo-features { background-image: url("../icons/udemy-seo-features.png"); background-size : contain; background-repeat: no-repeat; } .udemy-multi-language { background-image: url("../icons/udemy-multi-language.png"); background-size : contain; background-repeat: no-repeat; } .udemy-multi-currency { background-image: url("../icons/udemy-multi-currency.png"); background-size : contain; background-repeat: no-repeat; } .icon-browse-products { background-image: url("../icons/browse-products.svg"); background-size : contain; background-repeat: no-repeat; } .manage-delivery-icon { background-image: url("../icons/manage-delivery-address.png"); background-size : contain; background-repeat: no-repeat; } .add-cart-icon { background-image: url("../icons/add-to-cart.png"); background-size : contain; background-repeat: no-repeat; } .manage-payments-icon { background-image: url("../icons/manage-payments-receipts.png"); background-size : contain; background-repeat: no-repeat; } .login-registration-icon { background-image: url("../icons/login_registration.png"); background-size : contain; background-repeat: no-repeat; } .business-info-icon { background-image: url("../icons/business-info-icon.png"); background-size : contain; background-repeat: no-repeat; } .manage-menu-icon { background-image: url("../icons/manage-menu.png"); background-size : contain; background-repeat: no-repeat; } .order-alerts-icon { background-image: url("../icons/order-alerts.png"); background-size : contain; background-repeat: no-repeat; } .manage-order-icon { background-image: url("../icons/manage-order.png"); background-size : contain; background-repeat: no-repeat; } .payment-tracking-icon { background-image: url("../icons/payment-tracking.png"); background-size : contain; background-repeat: no-repeat; } .reply-customer-icon { background-image: url("../icons/reply-customer.png"); background-size : contain; background-repeat: no-repeat; } .customer-details-icon { background-image: url("../icons/customer-details.png"); background-size : contain; background-repeat: no-repeat; } .manage-inventory-icon { background-image: url("../icons/manage-inventory.png"); background-size : contain; background-repeat: no-repeat; } .create-multiple-users-icon { background-image: url("../icons/create-multiple-users.png"); background-size : contain; background-repeat: no-repeat; } .payment-commissions-icon { background-image: url("../icons/payment-commissions.png"); background-size : contain; background-repeat: no-repeat; } .order-information-icon { background-image: url("../icons/order-information.svg"); background-size : contain; background-repeat: no-repeat; } .assign-users-icon { background-image: url("../icons/assign-users.svg"); background-size : contain; background-repeat: no-repeat; } .payment-gateway-icon { background-image: url("../icons/payment-gateway.svg"); background-size : contain; background-repeat: no-repeat; } .shipping-mgt-icon { background-image: url("../icons/shipping-mgt.svg"); background-size : contain; background-repeat: no-repeat; } .database-security-icon { background-image: url("../icons/database-security.svg"); background-size : contain; background-repeat: no-repeat; } .secure-website-icon { background-image: url("../icons/secure-website.svg"); background-size : contain; background-repeat: no-repeat; } .multiple-payment-icon { background-image: url("../icons/multiple-payment.svg"); background-size : contain; background-repeat: no-repeat; } .multiple-currency-icon { background-image: url("../icons/multiple-currency.svg"); background-size : contain; background-repeat: no-repeat; } .multiple-language-icon { background-image: url("../icons/multiple-language.svg"); background-size : contain; background-repeat: no-repeat; } .add-doctor-icon { background-image: url("../icons/add-doctor.svg"); background-size : contain; background-repeat: no-repeat; } .add-pharmacy-icon { background-image: url("../icons/add-pharmacy.svg"); background-size : contain; background-repeat: no-repeat; } .icon-feedback { background-image: url("../icons/feedback.svg"); background-size : contain; background-repeat: no-repeat; } .icon-payments { background-image: url("../icons/payments.svg"); background-size : contain; background-repeat: no-repeat; } .icon-quick-search { background-image: url("../icons/quicksearch.png"); background-size : contain; background-repeat: no-repeat; } .icon-menu { background-image: url("../icons/menu.png"); background-size : contain; background-repeat: no-repeat; } .icon-schedule-delivery { background-image: url("../icons/schedule-delivery.svg"); background-size : contain; background-repeat: no-repeat; } .icon-order-tracking { background-image: url("../icons/order-tracking.svg"); background-size : contain; background-repeat: no-repeat; } .icon-map-tracking { background-image: url("../icons/map-tracking.svg"); background-size : contain; background-repeat: no-repeat; } .icon-status { background-image: url("../icons/status-update.svg"); background-size : contain; background-repeat: no-repeat; } .icon-categories{ background-image: url("../icons/categories-wise-search.svg"); background-size : contain; background-repeat: no-repeat;} .icon-find-medicine { background-image: url("../icons/find-substitute-of-medicine.svg"); background-size : contain; background-repeat: no-repeat; } .icon-all-delivery { background-image: url("../icons/can-see-all-the-delivery.svg"); background-size : contain; background-repeat: no-repeat; } .icon-reorder { background-image: url("../icons/reorder.svg"); background-size : contain; background-repeat: no-repeat; } .icon-discounts { background-image: url("../icons/discounts.svg"); background-size : contain; background-repeat: no-repeat;} .handle-payment-icon { background-image: url("../icons/handle-payment.svg"); background-size : contain; background-repeat: no-repeat; } .icon-settings { background-image: url("../icons/settings.svg"); background-size : contain; background-repeat: no-repeat; } .store-timing-icon { background-image: url("../icons/store-timing.svg"); background-size : contain; background-repeat: no-repeat; } .icon-ratings { background-image: url("../icons/ratings.svg"); background-size : contain; background-repeat: no-repeat; } .icon-store-locator { background-image: url("../icons/store-locator.svg"); background-size : contain; background-repeat: no-repeat; } .icon-store-pickups { background-image: url("../icons/store-pickups.svg"); background-size : contain; background-repeat: no-repeat; } .icon-website-ordering { background-image: url("../icons/website-ordering.svg"); background-size : contain; background-repeat: no-repeat; /*margin:0 auto;*/} .icon-logistics-integration { background-image: url("../icons/logistics-integration.svg"); background-size : contain; background-repeat: no-repeat; } .icon-support { background-image: url("../icons/support.svg"); background-size : contain; background-repeat: no-repeat; } .icon-change-location { background-image: url("../icons/change-location.svg"); background-size : contain; background-repeat: no-repeat; } .icon-inventory-mgmt { background-image: url("../icons/inventory-mgmt.svg"); background-size : contain; background-repeat: no-repeat; } .icon-manage-stores { background-image: url("../icons/manage-stores.svg"); background-size : contain; background-repeat: no-repeat; } .icon-assign-managers { background-image: url("../icons/assign-managers.svg"); background-size : contain; background-repeat: no-repeat; } .icon-Quick-login { background-image: url("../icons/quick-login.svg"); background-size : contain; background-repeat: no-repeat; } .icon-payment-commissions { background-image: url("../icons/payment-commissions.svg"); background-size : contain; background-repeat: no-repeat; } .icon-create-multiple-users { background-image: url("../icons/create-multiple-users.svg"); background-size : contain; background-repeat: no-repeat; } .icon-manage-offers-discounts { background-image: url("../icons/manage-offers-discounts.svg"); background-size : contain; background-repeat: no-repeat; } .icon-manage-customers { background-image: url("../icons/manage-customers.svg"); background-size : contain; background-repeat: no-repeat; } .icon-share-app { background-image: url("../icons/share-app.svg"); background-size : contain; background-repeat: no-repeat; } .icon-find-substitute { background-image: url("../icons/find-substitute.svg"); background-size : contain; background-repeat: no-repeat; } .icon-medicine-reminder { background-image: url("../icons/medicine-reminder.svg"); background-size : contain; background-repeat: no-repeat; } .icon-dashboard { background-image: url("../icons/dashboard.svg"); background-size : contain; background-repeat: no-repeat; } .icon-manage-listings { background-image: url("../icons/manage-listings.svg"); background-size : contain; background-repeat: no-repeat; } .icon-order-tracking { background-image: url("../icons/order-tracking.svg"); background-size : contain; background-repeat: no-repeat; } .icon-manage-customer { background-image: url("../icons/manage-customer.svg"); background-size : contain; background-repeat: no-repeat; } .icon-discounts { background-image: url("../icons/discounts.svg"); background-size : contain; background-repeat: no-repeat; } .icon-feedback { background-image: url("../icons/feedback.svg"); background-size : contain; background-repeat: no-repeat; } .icon-notification { background-image: url("../icons/notification.svg"); background-size : contain; background-repeat: no-repeat; } .icon-reports { background-image: url("../icons/reports.svg"); background-size : contain; background-repeat: no-repeat; } .shopping-list-icon { background-image: url("../icons/shopping-list.png"); background-size : contain; background-repeat: no-repeat; } .cloud-service-icon { background-image: url("../res/cloud-service.svg"); background-size : contain; background-repeat: no-repeat; } .aws-transcode-icon { background-image: url("../res/aws-transcode.svg"); background-size : contain; background-repeat: no-repeat; } .aws-cloudfront-icon { background-image: url("../res/aws-cloudfront.svg"); background-size : contain; background-repeat: no-repeat; } .track-spending-icon { background-image: url("../icons/track-spending.png"); background-size : contain; background-repeat: no-repeat; } .reminders-grocery-icon { background-image: url("../icons/reminders-grocery.png"); background-size : contain; background-repeat: no-repeat; } .barcode-scanning-icon { background-image: url("../icons/barcode-scanning.png"); background-size : contain; background-repeat: no-repeat; } .track-drivers-icon { background-image: url("../icons/track-drivers.svg"); background-size : contain; background-repeat: no-repeat; } .accept-reject-order-icon { background-image: url("../icons/accept-reject-order.svg"); background-size : contain; background-repeat: no-repeat; } .view-push-notifications-icon { background-image: url("../icons/view-push-notifications.svg"); background-size : contain; background-repeat: no-repeat; } .View-delivery-route-icon { background-image: url("../icons/View-delivery-route.svg"); background-size : contain; background-repeat: no-repeat; } .manage-multi-del-icon { background-image: url("../icons/manage-multi-del.svg"); background-size : contain; background-repeat: no-repeat; } .icon-dispatch-order { background-image: url("../icons/dispatch-order.svg"); background-size : contain; background-repeat: no-repeat; } .icon-order-notification { background-image: url("../icons/order-notification.svg"); background-size : contain; background-repeat: no-repeat; } .icon-order-tracking { background-image: url("../icons/order-tracking.svg"); background-size : contain; background-repeat: no-repeat; } .icon-dedicated-interface { background-image: url("../icons/dedicated-interface.svg"); background-size : contain; background-repeat: no-repeat; } .icon-dispatch-order { background-image: url("../icons/dispatch-order.svg"); background-size : contain; background-repeat: no-repeat; } .icon-offers-and-discount{ background-image: url("../icons/offers-and-discount.svg"); background-size : contain; background-repeat: no-repeat; } .features-card-title { font-weight: 500; /*color: #616161;*/ color: #424242; font-size: 16pt; margin-bottom: 0;} .features-card-desc1 { /* font-weight: 300; */ font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 13pt; margin-top: 8px; text-align: center; /*text-align: justify;*/ } .features-card-desc { /* font-weight: 300; */ font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 13pt; margin-top: 8px; /*text-align: justify;*/ max-width: 323px; }.tech-imgs .upimg img{ width: 100%;}.tech-imgs .upimg { /* position: absolute;*/ bottom: 0; } figure { height: 102px; margin: 0 auto 30px; display: table; position: relative;}.app-feature{ font-family: Gotham Book; color: #474747; font-size: 13pt; margin-top: 8px;} .col.l3 .features-card p.features-card-desc{ font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 13pt; margin-top: 8px; /*text-align: justify;*/ min-width: 190px;} @media only screen and (max-width: 1024px) { .col.l3 .features-card p.features-card-desc{ font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 13pt; margin-top: 8px; /*text-align: justify;*/ min-width: 170px;}}/* ~~~~~~~~~~~~~KEY FEATURES~~~~~~~~~~~~~ */.key-features-cont { width: 90%;}.center-title { margin-left: auto; margin-right: auto;}/* ~~~~~~~~~~~~~TESTIMONIALS~~~~~~~~~~~~~ */ .testi-cont { width: 90%;} .title-cont { width: 100%;} .testi-title {} .main-testi-row { margin-top: 50px;} .testi-card-cont { /* list-style-type: none; */ position: relative;}.testi-bg-quotes { position: absolute; color: #EF5350; font-size: 32pt; left: 0; }.testi-nav { /* display: inline-block; */}.left-nav-col { z-index: 150;} .right-nav-col { z-index: 150;}.left-nav { background-image: url("../icons/left-nav.svg"); background-size: contain; background-repeat: no-repeat; height: 54px; width: 54px; /* display: inline-block; */ cursor: pointer;}.right-nav { background-image: url("../icons/right-nav.svg"); background-size: contain; background-repeat: no-repeat; height: 54px; width: 54px; cursor: pointer; /* display: inline-block; */} .testi-main-card { width: 57%; background-color: white; margin-left: auto; margin-right: auto; padding: 26px 34px; box-shadow: 0 10px 50px rgba(0,0,0,0.14); position: absolute; top: 0; left: 0;}#testi-main-card-1 { }.testi-main-card-1 { /* transform: translate(-170px, 0px) scale(0.8); */ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }#testi-main-card-3 { } .testi-main-card-3 { /* transform: translate(170px, -276px) scale(0.8); */ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}#testi-main-card-2 { }.testi-main-card-2 { /* transform: translate(0px, -552px); */ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}.testi-photo { background-color: #E3E3E3; width: 64px; height: 64px; border-radius: 40px; margin-left: auto; margin-right: auto; margin-top: -50px; background-image: url("https://www.infigic.com/new-css/.../res/testi-image-1.png"); background-size: cover; box-shadow: 0 3px 6px rgba(0,0,0,0.30); }.testi-photo1 { background-color: #E3E3E3; width: 129px; height: 64px; /*border-radius: 40px;*/ margin-left: auto; margin-right: auto; margin-top: -50px; background-image: url("../res/testi-1.png"); background-size: cover; box-shadow: 0 3px 6px rgba(0,0,0,0.30); }.testi-photo2 { background-color: #E3E3E3; width: 129px; height: 64px; /*border-radius: 40px;*/ margin-left: auto; margin-right: auto; margin-top: -50px; background-image: url("../res/testi-2-new.png"); background-size: cover; box-shadow: 0 3px 6px rgba(0,0,0,0.30); }.testi-photo3 { background-color: #E3E3E3; width: 129px; height: 64px; /*border-radius: 40px;*/ margin-left: auto; margin-right: auto; margin-top: -50px; background-image: url("../res/testi-3.png"); background-size: cover; box-shadow: 0 3px 6px rgba(0,0,0,0.30); }.testi-photo4 { background-color: #E3E3E3; width: 129px; height: 64px; /*border-radius: 40px;*/ margin-left: auto; margin-right: auto; margin-top: -50px; background-image: url("../res/my24logo.png"); background-size: cover; box-shadow: 0 3px 6px rgba(0,0,0,0.30); }.testi-name { font-weight: 500; /*color: #616161;*/ color: #424242; font-size: 16pt; margin-top: 6px; margin-bottom: 4px;}.testi-position { font-weight: 500; color: #BDBDBD; text-transform: uppercase; margin-top: 0; font-size: 11pt;}.testi-text { font-family: Gotham Book; /*color: #616161;*/ color: #474747; font-size: 12pt; margin-bottom: 22px;}.testi-cta { display: block; margin-top: 4px; margin-left: auto; margin-right: auto; background-color: transparent; border: 2px solid #EF5350; color: #EF5350; padding: 6px 16px; align-content: center; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}.testi-cta:hover, .testi-cta:focus, .testi-cta:active { background-color: #EF5350; border: 2px solid #EF5350; color: white; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}.testi-slider { /* height: 500px !important; */}.testi-card { width: 60% !important; /* left: 20px !important; */ margin-top: 30px;}.testi-card-inner { margin-top: 10px !important; margin-left: auto; margin-right: auto; /* width: 70% !important; */ /* height: 200px; */ background-color: white; padding: 26px 34px; box-shadow: 0 10px 50px rgba(0,0,0,0.14);}.testi-card-inner:after { content: "" !important; display: table !important; clear: left !important;} /* ~~~~~~~~~~~~~LATEST PROJECTS~~~~~~~~~~~~~ */.projects-cont { width: 90%;}.project-card-row { margin-top: 30px;}.projects-bg { transform: translateY(-50px); position: absolute; width: 90%; z-index: -999;}.proj-card-cont-col { margin-top: 20px;}.project-card { background-color: white; /* height: 360px; */ width: 100%; box-shadow: 0 10px 50px rgba(0,0,0,0.14); /* padding: 12px 24px; */ position: relative; cursor: pointer; transform: scale(1.0); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; margin-bottom: 80px;}.project-card:hover { box-shadow: 0 44px 180px rgba(0,0,0,0.20); transform: scale(1.04); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; }.proj-img { background-image: url("../res/finisterre-a.png"); background-size: cover; width: 100%; height: auto; /* padding-bottom: 100%; */ position: absolute; left: 0; top: 0;}.proj-image { /* position: absolute; */ top: 0; left: 0; width: 100%; /* height: 50%; overflow: hidden; */}.proj-details { padding: 6px 18px;}.proj-title { margin-top: 0; margin-bottom: 10px; font-weight: 600; color: #424242; text-transform: uppercase; font-size: 13pt;}.card-separator { width: 36px; height: 3px; background-color: #616161;}.proj-text { font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 12pt; margin-top: 10px; text-align: justify; hyphens: auto; max-height: 200px; overflow: hidden; }.collapsible-header i{ display: none;} .collapsible-body span{ font-family: Gotham Book; color: #474747; font-size: 12pt; margin-top: 10px; text-align: justify; hyphens: auto; overflow: hidden;}.magento-card.active{ opacity: 1!important;}.magento-card{ width: 85% !important; left: 0px !important; margin-top: 16px; opacity: 0!important}/*.proj-card-col:nth-child(2n) { transform: translateY(-100px);}*/.load-more-projects { color: rgb(128, 128, 128) !important; font-family: Gotham Book; font-size: 14pt;}.load-more-projects-link { color: rgb(128, 128, 128) !important; font-family: Gotham; font-weight: 500; font-size: 14pt; cursor: pointer; padding-bottom: 4px; background-image: linear-gradient(180deg,transparent 92%,rgb(128, 128, 128) 0); /* background-size: 0 100%; */ background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent; /* transition: background-size .4s ease; */} /* ~~~~~~~~~~~~~CONTACT~~~~~~~~~~~~~ */.contact-section {}.contact-cont { width: 90%;}.contact-right-bg { position: absolute; right: 0; transform: translateY(-200px); z-index: -999; width: 24%;}.contact-cta:focus{ background-color: #689F38; color: white;}.contact-cta { display: block; margin-top: 4px; width: 100%; /* margin-left: auto; */ /* margin-right: auto; */ background-color: transparent; border: 2px solid #7CB342; color: #689F38; padding: 6px 16px; align-content: center; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}.contact-cta:hover, .testi-cta:focus, .testi-cta:active { background-color: #7CB342; border: 2px solid #7CB342; color: white; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}.contact-form { border-radius: 3px; padding: 20px 20px 32px 20px; box-shadow: -10px 10px 50px rgba(0,0,0,0.24);}/* ~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~ */.footer-cont { width: 90%;}.footer-map1 { position: absolute; width: 90%; background-image: url("../res/footer-map.svg"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; height: 600px; z-index: -999;}.footer-logo { width: 150px; }#footer-email { /* text-align: right; */ color: #EF5350; font-weight: 500; font-size: 14pt; margin-bottom: 0;}#footer-contact { color: #757575; font-weight: 500; font-size: 14pt; margin-top: 10px;}.mobile-address { margin-bottom: 18px;}.address-header { color: rgb(41, 41, 41); font-weight: 500; font-size: 14pt; margin-bottom: 0;}.address { color: rgb(97, 97, 97); /* font-weight: 500; */ font-family: Gotham Book; font-size: 12pt; margin-bottom: 0;}.footer-links-title { font-weight: 600; /*color: #616161;*/ color: #424242; text-transform: uppercase; font-size: 14pt; margin-bottom: 0; margin-top: 0;}.footer-separator { width: 30px; height: 2px; background-color: #EF5350; margin-top: 10px; margin-bottom: 16px;}.footer-links-list { }.footer-links { line-height: 1.9;}.footer-links>a { font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 13pt; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out;}.footer-links>a:hover { font-family: Gotham; font-weight: 500; color: #EF5350; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; }.nl-row-top-border { height: 1px; width: 100%; background-color: #E0E0E0; margin-bottom: 30px;}.nl-div { width: 40%;}.nl-title { font-weight: 600; font-size: 13pt; /*color: #757575;*/ margin-top: 10px; color: #474747;}.nl-if { margin-top: 0;}#nl-email { margin-bottom: 0 !important;} .nl-cta { display: block; margin-top: 4px; /* margin-left: auto; margin-right: auto; */ background-color: transparent; border: 2px solid #EF5350; color: #EF5350; padding: 6px 16px; align-content: center; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;} .nl-cta:hover { background-color: #EF5350; border: 2px solid #EF5350; color: white; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;} .nl-cta:focus { background-color: #EF5350; border: 2px solid #EF5350; color: white; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}/* ##Device = Desktops ##Screen = 1281px to higher resolution desktops*/ .nl-cta1 { display: block; /* margin-left: auto; margin-right: auto; */ background-color: transparent; border: 2px solid #EF5350; color: #EF5350; padding: 12px 16px; align-content: center; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;} .nl-cta1:hover { background-color: #EF5350; border: 2px solid #EF5350; color: white; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;} .nl-cta1:focus { background-color: #EF5350; border: 2px solid #EF5350; color: white; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;} .footer-textfield { } .footer-textlabel { left: 10px ; } @media (min-width: 1281px) { }/* ##Device = Laptops, Desktops##Screen = B/w 1025px to 1280px*/ @media (min-width: 1025px) and (max-width: 1280px) {/* CSS */}/* ##Device = Tablets, Ipads (portrait)##Screen = B/w 768px to 1024px*/ @media (min-width: 768px){ .banner-size-mobile{ display: none; } .ar-resposive-demo{ display: none; } .clutch-img.goodfirm-img{ max-width: 140px!important; padding-left: 20px; /* width: 200px!important; */} .copyright{ height: 100%; min-height: 260px; position: relative; text-align: center; /*border-top: 1px solid #e0e0e0;*/ } .copyright p{ position: absolute; bottom: 0;/* text-align: center;*/ left: 0; right: 0; }} @media (max-width: 767px){ .copyright{ height: 100%; min-height: 30px; padding-left: 5%; } .clutch-img.goodfirm-img{ max-width: 170px!important; padding-left: 20px; /* width: 200px!important; */} .cta-block{ width: 100%!important; margin-top: 25px; } #contact-ctas{ padding-left: 0px; } .clutch-img{ max-width: 110px; } .clutch-img:first-child{ } .banner-display{ display: none; } .ar-phone-demo{ display: none!important; } .magento-slider{ display: none; } .arrow{ display: none!important; } .banner-size-mobile{ width: 100%; height: 100vh; } .demo-app-work{ padding: 0 2% !important; } .gro-btn{ width: 100%; } /* .card-home-blog{ min-height: 472px !important; }*/ .blog2{ margin-top: -25px !important; } /*conatct us page address section*/ .add-title{ font-size: 27px !important; } .add-box1{ padding: 10px !important; margin-top: 39px !important; } .add-usa{ margin-top: -10px !important; margin-bottom: 35px !important; } .add-box2{ padding: 5px !important; } .add-india{ height: 450px !important; }} @media (min-width: 768px) and (max-width: 1020px) {#about-section .m12 .about-title{margin-top: 2rem;}/* CSS */}/* ##Device = Tablets, Ipads (landscape)##Screen = B/w 768px to 1024px*/ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {/* CSS */}/* ##Device = Low Resolution Tablets, Mobiles (Landscape)##Screen = B/w 481px to 767px*/ @media (min-width: 481px) and (max-width: 767px) {/* CSS */ #landing-card p.landing-subtitle { font-size: 12pt; } #landing-heading { font-size: 20pt; }.uae-add { margin-top: 9%!important;}} /* ##Device = Most of the Smartphones Mobiles (Portrait)##Screen = B/w 320px to 479px*//*about page*//*end About page*//* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~HOME~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .landing-about-button { background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 118, 106, 1) 0%,rgba(254, 114, 102, 1) 24.32%,rgba(251, 102, 90, 1) 48.86%,rgba(246, 82, 71, 1) 73.51%,rgba(240, 53, 43, 1) 98.11%,rgba(239, 51, 41, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 118, 106, 1) ),color-stop(0.2432,rgba(254, 114, 102, 1) ),color-stop(0.4886,rgba(251, 102, 90, 1) ),color-stop(0.7351,rgba(246, 82, 71, 1) ),color-stop(0.9811,rgba(240, 53, 43, 1) ),color-stop(1,rgba(239, 51, 41, 1) )); background : -o-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); background : -ms-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF766A', endColorstr='#EF3329' ,GradientType=0)"; background: linear-gradient(90deg, rgb(242, 141, 27) 0%, rgb(203, 121, 0) 24.32%, rgb(188, 125, 55) 48.86%, rgb(212, 88, 40) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); }/* ~~~~~~~~~~~~~HOME: LANDING~~~~~~~~~~~~~ */.home-banner { background-image: url("../res/home-banner.png"); }.home-banner:before { opacity: 0.50;}.landing-home-button { background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 118, 106, 1) 0%,rgba(254, 114, 102, 1) 24.32%,rgba(251, 102, 90, 1) 48.86%,rgba(246, 82, 71, 1) 73.51%,rgba(240, 53, 43, 1) 98.11%,rgba(239, 51, 41, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 118, 106, 1) ),color-stop(0.2432,rgba(254, 114, 102, 1) ),color-stop(0.4886,rgba(251, 102, 90, 1) ),color-stop(0.7351,rgba(246, 82, 71, 1) ),color-stop(0.9811,rgba(240, 53, 43, 1) ),color-stop(1,rgba(239, 51, 41, 1) )); background : -o-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); background : -ms-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF766A', endColorstr='#EF3329' ,GradientType=0)"; background : linear-gradient(90deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);} .home-landing-strip { background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 118, 106, 1) 0%,rgba(254, 114, 102, 1) 24.32%,rgba(251, 102, 90, 1) 48.86%,rgba(246, 82, 71, 1) 73.51%,rgba(240, 53, 43, 1) 98.11%,rgba(239, 51, 41, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 118, 106, 1) ),color-stop(0.2432,rgba(254, 114, 102, 1) ),color-stop(0.4886,rgba(251, 102, 90, 1) ),color-stop(0.7351,rgba(246, 82, 71, 1) ),color-stop(0.9811,rgba(240, 53, 43, 1) ),color-stop(1,rgba(239, 51, 41, 1) )); background : -o-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); background : -ms-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF766A', endColorstr='#EF3329' ,GradientType=0)"; background : linear-gradient(90deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);}.home-landing-heading { font-weight: 600 !important; /* font-size: 35pt !important;*/ /* width: 400px !important; */ /* margin-top: 0; */} /* ~~~~~~~~~~~~~HOME: ABOUT~~~~~~~~~~~~~ */ .home-about-cont { width: 90%;} #landing-card p { /* font-family: Gotham Book; */ color: white !important; font-size: 14pt; margin-top: 16px; margin-bottom: 10px; font-weight: 300;} #landing-card p.landing-subtitle { color: white; font-size: 14pt; /*text-align: justify;*/ margin-top: 16px; margin-bottom: 10px; font-weight: 400; word-spacing: 0px;}.sub-home-title{ color: white; font-size: 16pt; text-align: center; margin-top: 16px; margin-bottom: 10px; font-weight: 400; } #landing-card p.landing-subtitle-responsive-visible { color: white; font-size: 12pt; /*text-align: justify;*/ margin-top: 16px; margin-bottom: 10px; font-weight: 400; word-spacing: 0px;} .sub-home-title{ color: white; font-size: 16pt; text-align: center; margin-top: 16px; margin-bottom: 10px; font-weight: 400; } #home-about-heading { margin-top: 0;}.home-about-card { /* padding: 4px 27px 6px 27px; */ padding: 26px 27px; box-shadow: 0 30px 72px 13px rgba(0,0,0,0.19); transform: scale(1.0); margin-top: -100px; cursor: default; /* border: 4px solid transparent; */ -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 400ms;}.home-about-card:hover { box-shadow: 0px 40px 84px 13px rgba(0,0,0,0.23); transform: scale(1.008); /* border: 8px solid #EF5350; */ -webkit-transition: all; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 400ms;}.home-about-text { margin-bottom: 0;}/* ~~~~~~~~~~~~~HOME: STATS~~~~~~~~~~~~~ */#stats-section { margin-top: 40px;}.stats-cont { width: 85%;}.stats-div { margin-bottom: 30px;}.stats-icon { background-image: url("../res/search.svg.html"); background-size : contain; background-repeat: no-repeat; width: 64px; height: 64px; display: inline-block;}.years-stats { background-image: url("../res/years-stats.svg");}.teams-stats { background-image: url("../res/teams-stats.svg");}.project-stats { background-image: url("../res/icon-pro.svg");}.sol-stats { background-image: url("../res/sol-stats.svg");}.clients-stats { background-image: url("../res/clients-stats.svg");}.stats-num { color: #EF5350; font-size: 32pt; font-family: Gotham Book; margin: 0; margin-top: 4px;}.stats-text { /* margin-top: 0; */ margin-bottom: 0; color: #686868; /* font-family: Gotham Book; */ font-size: 16pt; margin-top: -8px;}/* ~~~~~~~~~~~~~HOME: SERVICES~~~~~~~~~~~~~ */.services-section {}.services-cont { width: 90%;}.services-headers { display: block; background: none; border: none; text-align: left; padding: 0; color: #BDBDBD; /*color: #424242;*/ font-weight: 500; font-size: 18pt; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; cursor: pointer;}.services-headers:hover { background: none; color: #EF5350; transform: scale(1.02); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.services-headers:focus, .services-headers:active { background: none;}.services-headers-active { background: none; color: #EF5350; transform: scale(1.02); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.service-detail-div { /* margin-top: -100px;*/ /* background-color: white; box-shadow: -10px 20px 40px rgba(0,0,0,0.22); padding: 20px 20px 20px 20px; */ display: none; transform: translateX(0px); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; text-align: justify;}.service-detail-div-active { transform: translateX(0px); display: block; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}#ecommerce-detail{ display: block;}#mobile-serv-detail { display: none;}#web-serv-detail { display: none;}#beacon-serv-detail { display: none;}#iot-serv-detail { display: none;}#cloud-serv-detail { display: none;}#data-serv-detail { display: none;}/*.services-num { font-family: 'Playfair Display'; color: #F5F5F5; font-size: 84pt;}*/.service-description { /* margin-top: -58px;*//* margin-top: 110px;*/ font-family: Gotham Book; /*color: #757575;*/ font-size: 14pt; color: #424242;}.tech-div { margin-top: 10px; margin-bottom: 16px;}.tech-circles { width: 40px; height: 40px; border-radius: 80px; background-color: rgb(243, 125, 123); display: inline-block; margin-right: 12px; cursor: pointer; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.tech-circles:hover { transform: scale(1.1); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.tech-img { width: 9px; padding: 14px; margin-left: auto; margin-right: auto; margin-top: 9px;} .services-cta>button { display: inline-block; margin-top: 4px; /* margin-left: auto; */ /* margin-right: auto; */ background-color: transparent; border: 3px solid #EF5350; color: #EF5350; padding: 6px 24px; margin-right: 20px; text-transform: uppercase; /* font-family: Gotham Book; */ align-content: center; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;} .services-cta a { display:inline-block;} .services-cta>button:hover, .services-cta>button:focus, .services-cta>button:active { background-color: #EF5350; border: 3px solid #EF5350; color: white; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.cta-outlined { display: inline-block; margin-top: 4px; /* margin-left: auto; */ /* margin-right: auto; */ padding: 6px 24px; margin-right: 20px; text-transform: uppercase; /* font-family: Gotham Book; */ align-content: center; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-color: transparent !important; border: 3px solid #EF5350 !important; color: #EF5350 !important;}.cta-outlined:hover, .cta-outlined:focus, .cta-outlined:active { background-color: #EF5350 !important; border: 3px solid #EF5350 !important; color: white !important; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; }.cta-filled { display: inline-block; margin-top: 5px; /* margin-left: auto; */ /* margin-right: auto; */ padding: 6px 24px; margin-right: 20px; margin-left: 11px; text-transform: uppercase; /* font-family: Gotham Book; */ align-content: center; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-color: #EF5350 !important; border: 3px solid #EF5350 !important; color: white !important;}.cta-filled:hover, .cta-filled:focus, .cta-filled:active { /* transform: scale(1.02); */ background-color: #EF5350 !important; border: 3px solid #EF5350 !important; color: white !important; box-shadow: 0 10px 24px rgba(0,0,0,0.24);}/* ~~~~~~~~~~~~~HOME: FEATURED~~~~~~~~~~~~~ */#featured-section {}.featured-cont { width: 90%;}.featured-div { /* background-color: transparent; box-shadow: 0 1px 1px rgba(0,0,0,0.05); */ border-right: 1px solid rgb(226, 226, 226); margin-bottom: 30px;}.featured-div:last-child { border: none;}/* ~~~~~~~~~~~~~HOME: OFFERINGS~~~~~~~~~~~~~ */#offerings-section {}.offerings-cont { width: 90%;}.offerings-card { background-color: white; box-shadow: none; box-shadow: 0 16px 50px rgba(0,0,0,0.14); padding: 25px; border-bottom: 7px solid #EF5350; margin-bottom: 20px; border-radius: 4px; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; cursor: pointer;}.offerings-card-col:nth-child(3n+3) >.offerings-card { border-right: none;}.offerings-card:hover { box-shadow: 0 26px 50px rgba(0,0,0,0.28); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;}.offerings-card-title { font-weight: 500; /*color: #616161;*/ color: #424242; font-size: 18pt; margin-bottom: 0; margin-top: 0;}.offerings-card-desc { /* font-weight: 300; */ font-family: Gotham Book; /*color: #757575;*/ color: #474747; font-size: 13pt; margin-top: 8px;}/* ~~~~~~~~~~~~~HOME: BLOG~~~~~~~~~~~~~ */ .blog-cont { width: 90%;} .blog-card { background-color: white; /* height: 360px; */ width: 100%; box-shadow: 0 10px 50px rgba(0,0,0,0.14); /* padding: 12px 24px; */ position: relative; cursor: pointer; transform: scale(1.0); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; margin-bottom: 30px;} .blog-card:hover { box-shadow: 0 44px 180px rgba(0,0,0,0.20); transform: scale(1.04); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; }.blog-img { background-image: url("../res/finisterre-a.png"); background-size: cover; width: 100%; /* height: auto; */ /* padding-bottom: 100%; */ position: absolute; left: 0; top: 0;}.blog-image { /* position: absolute; */ top: 0; left: 0; width: 100%; /* padding-bottom: 100%; height: 0; */ /* height: 50%; overflow: hidden; */}.blog-big-image { margin-right: -11.25px; overflow: hidden; height: auto;}.blog-big-image > img { height: 100%; width: 100%;}.blog-new {display: none; /* position: absolute; top: 20px; left: 20px; font-size: 12pt; color: white; text-transform: uppercase; font-weight: 500;*/}.blog-details { padding: 6px 18px;}.blog-details-big { /* padding: 0; */ margin-left: -11.25px; padding: 13px 18px;}.blog-author { font-family: Gotham Book; color:#757575; margin-right: 6px; font-size: 13pt;}.blog-time { font-weight: 500; color: #E0E0E0; font-size: 13pt;}.blog-title { margin-top: 0; margin-bottom: 10px; font-family: Gotham Book; color: #424242; /* text-transform: uppercase; */ font-size: 17pt; margin-top: 8px; min-height: 103px;}.blog-text { font-family: Gotham Book; color: #757575; font-size: 12pt; margin-top: 10px;}.blog-tags { display: inline-block; color: #757575; text-transform: uppercase; background-color: #EEEEEE; padding: 4px 8px; border-radius: 20px; font-size: 11pt; font-weight: 500; margin-right: 6px;}/* ~~~~~~~~~~~~~HOME: INDUSTRIES~~~~~~~~~~~~~ */#industries-section {}.industries-cont { width: 90%;}.industries-tags-div { list-style-type: none;}.ind-tag { display: inline-block; color: white; background-color: #EF5350; padding: 2px 12px; border-radius: 100px; margin-right: 8px; cursor: pointer; opacity: 0.5; /* margin-bottom: 8px; */}.ind-tag> a { color: white; font-family: Gotham Book; font-size: 12pt; padding: 10px; font-size: larger; /*font-weight: 600;*/ }#health-ind { background-color: #EF5350; opacity: 1;}#logistics-ind { background-color: #FFA726;}#demand-ind { background-color: #AB47BC;}#auto-ind { background-color: #42A5F5;}#retail-ind { background-color: #66BB6A;}.ind-card-slider { height: 600px !important; margin-bottom: -110px; /* overflow: visible !important; overflow-x: hidden !important; */}.ind-card { width: 60% !important; /* left: 20px !important; */ margin-top: 16px;}.ind-card-inner { margin-left: auto; margin-right: auto; /* width: 70% !important; */ /* height: 200px; */ background-color: white; box-shadow: 0 0px 28px rgba(0,0,0,0.24); /* border-top: 4px solid #7CB342; */ }.ind-card-inner:after { content: "" !important; display: table !important; clear: left !important;}.ind-details { padding: 14px 10px; position: relative; box-sizing: border-box;}.ind-card-title { color: #424242; font-weight: 500; text-transform: uppercase; font-size: 13pt !important; margin-top: 0; margin-bottom: 0;}.ind-card-text { /*color: #757575;*/ color: #474747; font-family: Gotham Book; font-size: 12pt;}.ind-card-btn { padding: 4px 10px; /* position: absolute; */ margin-top: 12px; }.ind-card-img-col { /* position: relative; */ padding-left: 0 !important; padding-right: 0 !important;}.ind-img-div1{ /*height: auto;*/ width: 100%}.ind-img-div1 .ind-card-img{ width: 100%;}.ind-img-div { width: 100%; max-height: 70vh; /* height: 300px; */ overflow: hidden; /* background-image: url("../res/finisterre-a.png"); background-size: cover; background-position: center; */}.ind-card-img { top: 0; left: 0; height: 100%;}.img-size{ width: 459px;height: 623px;}.ind-details .about-points { margin-top: 0 !important;}.ind-details .about-point-line { margin-bottom: 2px;}.ind-details .about-point-div { width: 12px; height: 12px;}.ind-details .about-point-text { display: block; margin-left: 21px; font-size: 15px; margin-top: -20px;}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ECOMMERCE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~ECOMMERCE: LANDING~~~~~~~~~~~~~ */ .l6:nth-child(even) > div.features-card {border: 0px !important;}.l3:nth-child(4) > div.features-card {border: 0px !important;} .l4:nth-child(3) > div.features-card {border: 0px !important;} .augmented-reality-banner-img{ background-image: url("../res/augmented-reality.png"); } .react-js-banner-img{background-image: url("../res/react-js-banner.png");} .react-native-banner-img{background-image: url("../res/react-native-banner.png");} .blockchain-banner-img{ background-image: url("../res/block-chain.png");} .ecommerce-banner-img { background-image: url("../res/ecommerce-banner.jpg");} .technologies-banner-img{ background-image: url("../res/technologies/tech-back.png");} .ebay-banner-img { background-image: url("../res/ebay-back.jpg");} .ecommerce-new-banner-img { /*background-image: url("../res/eCommerce-website-development.jpg");*/ background-image: url("../res/eCommerce-website-development.png");} .ecommerce-banner-img::before { background-image: linear-gradient(90deg,black,black); opacity: 0.55; } .ecommerce-button { background : -moz-linear-gradient(0% 50% 0deg,rgba(68, 129, 235, 1) 0%,rgba(4, 190, 254, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(68, 129, 235, 1) ),color-stop(1,rgba(4, 190, 254, 1) )); background : -o-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%); background : -ms-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4481EB', endColorstr='#04BEFE' ,GradientType=0)"; background : linear-gradient(80deg, #f44336d9 0%, rgb(222, 25, 11) 100%);}.ecommerce-strip { background : -moz-linear-gradient(0% 50% 0deg,rgba(68, 129, 235, 1) 0%,rgba(4, 190, 254, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(68, 129, 235, 1) ),color-stop(1,rgba(4, 190, 254, 1) )); background : -o-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%); background : -ms-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4481EB', endColorstr='#04BEFE' ,GradientType=0)"; background : linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);} .banner-side-col { z-index: 5;}.ecommerce-side { width: 91%;} /* ~~~~~~~~~~~~~ECOMMERCE: ABOUT~~~~~~~~~~~~~ */ .ecommerce-about-img { width: 45%; position: absolute; left: 0; transform: translateY(100px);} .ruby-about-img { width: 40%; position: absolute; left: 0; transform: translateY(100px); box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .ecommerce-about-img1 { width: 40%; position: absolute; left: 0; transform: translateY(100px);} .img-ecom{ margin-top: -114px;} .about-subheader { color: #BDBDBD; font-weight: 500; text-transform: uppercase; font-size: 12pt; margin-bottom: 8px;} .about-points { margin-top: 24px;} .about-point-line { margin-bottom: 10px; } .about-point-div { width: 20px; height: 20px; display: inline-block;}.outer-circle { width: inherit; height: inherit; border-radius: 100px;}.outer-circle1 { width: inherit; height: inherit; border-radius: 15px;}.inner-circle { width: 40%; height: 40%; /* margin-top: auto; */ /* margin-bottom: auto; */ margin-left: auto; margin-right: auto; border-radius: 100px;}.inner-circle1 { width: 40%; height: 40%; /* margin-top: auto; */ /* margin-bottom: auto; */ margin-left: auto; margin-right: auto; border-radius: 100px;}.about-point-text { display: inline; margin-left: 10px; /*color: #424242;*/ color: #474747; font-family: Gotham Book; font-size: 14pt;}.about-point-text4 { display: inline; margin-left: 5px; /*color: #424242;*/ color: #474747; font-family: Gotham Book; font-size: 14pt;}.about-point-text3{ /* color: #757575;*/ color: #474747; font-family: Gotham Book; font-size: 14pt;}/*.point-new{ padding: 0px !important; width: 22px !important; margin-left: 11px !important;}*/.collapsed{ /*color: #757575;*/ color: #474747;}.about-point-text1 { /* display: inline; */ /* margin-left: 10px;*/ color: #424242; font-family: Gotham Book; font-size: 15px;}.about-point-text2 { /* display: inline; */ /* margin-left: 10px;*/ /*color: #757575;*/ color: #474747; font-family: Gotham Book; font-size: 14pt;}/* ~~~~~~~~~~~~~ECOMMERCE: FEATURES~~~~~~~~~~~~~ */.icon-web-white { background-image: url("../icons/web-white.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.icon-web-grey { background-image: url("../icons/web-grey.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;} .icon-mob-grey { background-image: url("../icons/mob-grey.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.icon-mob-white { background-image: url("../icons/mob-white.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.icon-mob-grey { background-image: url("../icons/mob-grey.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.icon-social-white { background-image: url("../icons/social-white.svg"); background-size : contain; background-repeat: no-repeat;}.icon-social-grey { background-image: url("../icons/social-grey.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.icon-del-white { background-image: url("../icons/del-white.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.icon-del-grey { background-image: url("../icons/del-grey.svg"); background-size : contain; background-repeat: no-repeat; background-position: center;}.features-btn-icon { width: 64px; height: 64px; margin-left: auto; margin-right: auto;}.features-img-btn { padding: 16px 18px 12px 18px !important; }.features-img-btn:hover .icon-web-grey { background-image: url("../icons/web-white.svg");}.features-img-btn:hover .icon-mob-grey { background-image: url("../icons/mob-white.svg");}.features-img-btn:hover .icon-social-grey { background-image: url("../icons/social-white.svg");}.features-img-btn:hover .icon-del-grey { background-image: url("../icons/del-white.svg");}.grad-toggle-btn-left-active .icon-web-grey { background-image: url("../icons/web-white.svg");}.grad-toggle-btn-left-active .icon-mob-grey { background-image: url("../icons/mob-white.svg");}.grad-toggle-btn-left-active .icon-social-grey { background-image: url("../icons/social-white.svg");}.grad-toggle-btn-left-active .icon-del-grey { background-image: url("../icons/del-white.svg");}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~MAGENTO~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~MAGENTO: READ MORE~~~~~~~~~~~~~ */.read-more-text { display: block; font-family: Gotham Book; font-size: 14pt; color: #757575;}.truncate-200 { height: 200px; white-space: pre-line; overflow: hidden; text-overflow: ellipsis;}.morecontent span { display: none;}.morelink { display: block;}.magento-side { width: 60%; /*margin-left: 66px;*/ /* margin-right: auto; */}.text-contact{ font-size: 60pt !important;}.res-about-img { margin-top: -100px; width: 43%; position: absolute; left: 0; transform: translateY(100px);} @media (min-height:723px) and (max-height:824px) {#about-section.margin-big.mr-margin { margin-top: 10vh!important;}.testi-slider { height: 490px!important;}} @media (max-width: 420px) { .landing-subtitle{ display: none; }} @media (min-height: 500px) and (max-height:568px) { #about-section.margin-big.mr-margin { margin-top: 12vh;}} @media (min-width: 320px) and (max-width: 480px) { #landing-heading{ font-size: 20pt; } .text-contact{ font-size: 30pt !important; } .cs-bg{ width: 100% !important; } .gro-btn { width: 80%!important;} .cs-section-title { font-size: 15pt !important; } .cs-section-content{ width: 100% !important; } /* ~~~~~~~~~~~~~PORTFOLIO ITEM: MOTOCROSSWORLD~~~~~~~~~~~~~ */ .cs-num-div { width: 100% !important; } .cs-section-title-m { margin-left: 16px; } .cs-section-content { padding-left: 0.75rem !important; } .cs-role-col { padding-left: 1.5rem !important; } /*end of portfolio*/ h2.serv-heading{ margin-top: 30px !important; } /* ~~~~~~~~~~~~~ECOMMERCE: ABOUT~~~~~~~~~~~~~ */ .ecommerce-about-img { width: 80%; position: absolute; left: 0; transform: translateY(-70px); }.res-about-img { width: 100% !important; position: relative; left: 0; transform: none; margin-top: 0px !important; } .res-text{ margin-left: 0px !important; } .head-acco{ margin-top: 0px !important; } /* ~~~~~~~~~~~~~SERVICES~~~~~~~~~~~~~ */ .service-detail-div { margin-top: -20px; } #landing-card p.landing-subtitle { font-size: 12pt; } #landing-heading { font-size: 20pt; padding-top: 15%; } .custom-magento-head{ padding-top: 0px!important; } /* ~~~~~~~~~~~~~DELIVERY~~~~~~~~~~~~~ */ .del-img { margin-left: auto; margin-right: auto; width: 80%; position: absolute; right: 0; transform: none; } .del-right-bg { position: absolute; right: 0; transform: translateY(-80px); z-index: -999; width: 60%; } .banner-phones { display: none; } .about-title { margin-top: 1.78rem; } .landing-button { font-size: 12pt; } /* ~~~~~~~~~~~~~FEATURES~~~~~~~~~~~~~ */ .grad-toggle-btn-5 > .grad-toggle-btn { width: 100% !important; border-radius: 0; height: 40px; } .grad-toggle-btn-4 > .grad-toggle-btn { width: 100% !important; border-radius: 0; /* height: 40px; */ } .grad-toggle-btn-4 .features-btn-icon { display: none; } .features-cont { width: 90%; } .features-switcher { width: 90%; min-height: 40px !important; margin-left: auto; margin-right: auto; /* transform: translateY(80px); */ } .features-bg { position: absolute; width: 90%; z-index: -999; /* transform: rotateX(90deg); */ } .grad-toggle-btn-3 > .grad-toggle-btn { font-size: 11pt; } .section-translate { transform: initial; } .points-div { margin-top: 0; } /* ~~~~~~~~~~~~~TESTIMONIALS~~~~~~~~~~~~~ */ .testi-cont { width: 90%; overflow: hidden } .title-cont { width: 90%; margin-left: auto; margin-right: auto; } .left-nav { height: 30px; width: 30px; margin-left: -11.25px; } .right-nav { height: 30px; width: 30px; margin-left: -11.25px; } .testi-slider { height: 600px; overflow: visible !important; } /* .testi-main-card { width: 100%; background-color: white; margin-left: auto; margin-right: auto; padding: 26px 34px; box-shadow: 0 10px 50px rgba(0,0,0,0.14); } #testi-main-card-1 { transform: none; display: none; } #testi-main-card-3 { transform: none; display: none; } #testi-main-card-2 { transform: none; } */ .testi-card { width: 90% !important; /* left: 20px !important; */ margin-top: 30px; } /* ~~~~~~~~~~~~~LATEST PROJECTS~~~~~~~~~~~~~ */ .projects-cont { width: 90%; } .project-card-row { margin-top: 90px; } .projects-bg { transform: translateY(-50px); position: absolute; width: 90%; z-index: -999; } .proj-card-cont-col { /* height: 800px; */ } .project-card:hover { /* box-shadow: 0 44px 180px rgba(0,0,0,0.20); transform: scale(1.04); -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; */ box-shadow: 0 10px 50px rgba(0,0,0,0.14); transform: none; -webkit-transition: none; -moz-transition: none; transition: none; } .proj-title { margin-top: 0; margin-bottom: 10px; font-weight: 600; color: #424242; text-transform: uppercase; font-size: 16pt; } .card-separator { width: 36px; height: 3px; background-color: #616161; } .proj-text { font-family: Gotham Book; color: #757575; font-size: 12pt; margin-top: 10px; } .proj-card-col:nth-child(2n) { /* transform: translateY(-100px); */ transform: none; } /* ~~~~~~~~~~~~~HOME: INDUSTRIES~~~~~~~~~~~~~ */ .ind-card-slider { height: 700px !important; /* overflow: visible !important; overflow-x: hidden !important; */ } .ind-card { width: 90% !important; /* left: 20px !important; */ margin-top: 16px; } .ind-tag { margin-bottom: 8px; } /* ~~~~~~~~~~~~~HOME: SERVICES~~~~~~~~~~~~~ */ .services-headers { font-size: 16pt; }} /*rajendra css start*/ /*fashion page*/ .fashion-banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; background-image: url("../res/fashion-store-banner2.png"); /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; } /*fashion end*/ .clients{ width: 100%; max-width:200px;}.contact-description{ font-family: Gotham Book; color: #757575; font-size: 14pt; text-align: justify;} .filled-in { margin: 12px; pointer-events: visible !important; width: 20px; height: 20px; } .form-check{ padding-right: 3em;}h2.serv-heading { text-transform: none; margin-top: 12px;} p.landing-subtitle.white-text { font-size: 21px; font-weight: 600;}/*rajendra css end*/.ecom-build{ margin-top: 62px; }.cust-build{ margin-top: -43px;}.mage-text{ margin-top: 43px;}.img-left{ margin-top: -117px;}.about-content{ margin-top: 126px;}.about-spree{ margin-top: 22px; min-height: 482px !important;}/*.about-text1 { color: #757575; font-family: Gotham Book; font-size: 12pt; list-style-type: disc;}*/.sec-text{ margin-top: 106px; min-height: 482px !important;}.sec-text4{ margin-top: 95px; min-height: 482px !important;}.seo-text2{ margin-top: 10px;}.sec-text1{ margin-top: 106px; min-height: 400px !important;}.sec-text5{ margin-top: 55px; min-height: 400px !important;}.sec-text2{ margin-top: 105px;min-height: 457px !important;}.overtext{ overflow: auto;}.overtext1{ overflow: auto; margin-top: 15px;}.space-div{ min-height: 420px !important;}/*services icon*/.services-laravel { background-image: url("../icons/services-laravel.svg"); background-size : contain; background-repeat: no-repeat; }.services-woo { background-image: url("../icons/services-new-woo3.svg"); background-size : contain; background-repeat: no-repeat; margin-top: 13px;}.services-opencart { background-image: url("../icons/services-opencart.svg"); background-size : contain; background-repeat: no-repeat; margin-left: 8px; margin-top: 6px;}.services-mysql { background-image: url("../icons/services-mysql.svg"); background-size : contain; background-repeat: no-repeat;}.services-php { background-image: url("../icons/services-php.svg"); background-size : contain; background-repeat: no-repeat; margin-top: 13px;}.services-zend { background-image: url("../icons/services-zend.svg"); background-size : contain; background-repeat: no-repeat; margin-top: 13px;}.services-codeignitor { background-image: url("../icons/services-codeignitor.svg"); background-size : contain; background-repeat: no-repeat; margin-top: 4px; margin-left: 8px;}.services-magento { background-image: url("../icons/services-magento.svg"); background-size : contain; background-repeat: no-repeat; margin-left: 8px; margin-top: 6px;}.services-android { background-image: url("../icons/services-android.svg"); background-size : contain; background-repeat: no-repeat; margin-top: 6px; margin-left: 8px;}.services-apple { background-image: url("../icons/services-apple.svg"); background-size : contain; background-repeat: no-repeat; margin-top: 4px; margin-left: 8px;}.services-appengine { background-image: url("../icons/services-appengine.svg"); background-size : contain; background-repeat: no-repeat; /*margin-top: 4px; margin-left: 8px;*/}.services-azure { background-image: url("../icons/services-azure.svg"); background-size : contain; background-repeat: no-repeat; /* margin-top: 4px; margin-left: 8px;*/}.services-salesforce { background-image: url("../icons/services-salesforce.svg"); background-size : contain; background-repeat: no-repeat; /*margin-top: 4px; margin-left: 8px;*/}.services-aws { background-image: url("../icons/services-aws.svg"); background-size : contain; background-repeat: no-repeat; /*margin-top: 4px; margin-left: 8px;*/}.services-yii { background-image: url("../icons/services-yii.svg"); background-size : contain; background-repeat: no-repeat;} .input-field label{ color: #474747;} .margin-bottom-20 { margin-bottom: 20px; } .mobile-commerce-3-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/mobile-commerce-development-3.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20); margin-top: 95px;} .mobile-commerce-2-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/mobile-commerce-development-2.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .mobile-commerce-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/mobile-commerce-development-about.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .spree-commerce-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/spree-commerce-about.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .digital-img { width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; background-image: url(../res/digital-market-imgg.png); background-size: cover; height: 100%; box-shadow: 0 16px 30px rgba(0,0,0,0.20);} .mobile-com-img{ padding-left: 40px !important;} .mobile-com-img1{ padding-right: 40px !important;}#magento-inti-section{ position: relative; margin-top: 90px; } .line-btn{ background-image: none; } .thnk-msg h1 { text-align: center; color: #fff; border: 1px solid #bf4544; padding: 20px; letter-spacing: 1px; background: #bf4544; border-radius: 2px; width: 550px; margin: 0 auto;}#bannerclip{ display: none;} /* ~~~~~~~~~~~~~PORTFOLIO ITEM: MOTOCROSSWORLD~~~~~~~~~~~~~ */ .motocross-cs-banner { background-image: url("../res/motocross.png"); } .ds-cs-banner { background-image: url("../res/new-cs/ds-cs-banner.png"); }.prisma-cs-banner { background-image: url("../res/new-cs/prisma-cs-banner.png"); }.tp-cs-banner { background-image: url("../res/tp-banner.png"); }.banner-img.myjoota-cs-banner { background-image: url("../res/new_bg_png.png"); }.addison-saw-cs-banner { background-image: url("../res/saws.png"); }.sew-wardrobe-cs-banner { background-image: url("../res/sew-banner.png"); }.magtec-cs-banner { background-image: url("../res/magtec-banner.png"); }.my24-cs-banner { background-image: url("../res/banner-my24.png"); }.sweet-cs-banner { background-image: url("../res/sweet-banner-img.png"); }.ds-cs-banner { background-image: url("../res/ds-pro-banner.jpg"); } .chicsta-cs-banner{ background-image: url("../res/chicsta-banner.jpg"); } .juniper-cs-banner{ background-image: url("../res/Juniper-gitex-banner.png"); } .boon-cs-banner{ background-image: url("../res/boonInsurance-banner.jpg"); } .corporate-cs-banner{ background-image: url("../res/corporate-cs-banner-main.jpg"); } .opal-cs-banner{ background-image: url("../res/the-opal-main-banner.png"); } .finisterre-cs-banner{ background-image: url("../res/finesterre-cs-banner-main.jpg"); } .addison-cs-banner{ background-image: url("../res/addison-cs-banner-main.jpg"); } .rdb-cs-banner{ background-image: url("../res/rdb-cs-banner-main.jpg"); } .strategy-cs-banner{ background-image: url("../res/strategyinsight-cs-banner-main.jpg"); } .fini-cs-banner { background-image: url("../res/fini-banner-img.png"); } .clever-cs-banner { background-image: url("../res/clever-cultures-banner.png"); }.cs-landing-card { /* width: 50%; */ padding: 0 !important;}.cs-bg { width: 40%; margin-left: auto; margin-right: auto; padding: 28px 10px;}.cs-bg p { margin-top: 0; margin-bottom: 0;}.cs-landing-strip { position: relative; margin-left: auto; margin-right: auto; background-color: #AB47BC; margin-top: 12px; margin-bottom: 12px;}.cs-title { text-transform: uppercase; font-size: 18pt; display: inline-block; margin-top: 0; margin-bottom: 0;}.cs-ind { font-family: Gotham Book; font-size: 13pt; color: #616161;}.cs-desc { font-size: 13pt; margin-top: 2px !important;}#main-cs-section { background-color: #EEEEEE !important; padding-top: 0; padding-bottom: 0;}.main-cs-cont { width: 90%; background-color: white; /* height: 500px; */}.inner-cs {}.inner-cs-cont { width: 90%}#client-biz-section { padding-top: 50px;}.cs-section-div {}.cs-num-div { width: 94px !important;}.cs-num { font-size: 30pt; font-weight: 300; color: #BDBDBD;}.cs-title-separator { height: 40px; width: 2px; background-color: #616161; display: inline-block; margin-left: 14px; /* margin-right: 16px; */}.cs-section-content { padding-top: 11px !important; padding-left: 0 !important;}.cs-section-title { font-weight: 500; font-size: 18pt; text-transform: uppercase; color: #424242;}.cs-section-text { font-family: Gotham Book; color: #757575; font-size: 13pt; margin-top: 10px;}.cs-section-vert { height: 270px; width: 1px; background-color: #BDBDBD; display: inline-block; float: right;}.cs-role-col {}.cs-role-title { text-transform: uppercase; font-size: 14pt; color: #424242; margin-bottom: -2px;}.cs-role-text { font-family: Gotham Book; color: #424242; font-size: 12pt; margin-top: 12px;}.cs-role-text li { margin-bottom: 5px;}.cs-role-separator { width: 56px; height: 2px; background-color: #757575;}#portfolio-inner-image-section {margin:0 auto;width: 80%;text-align: center;}.port-inner-img { /* position: absolute; */ width: 100%; /* left: 5%; */ }.logo-title{ font-size: 12px; margin-top: -4px; color: #E72A2A;}/* ~~~~~~~~~~~~~PORTFOLIO PAGE: FILTER~~~~~~~~~~~~~ */#portfolio-filter-section { /* padding-top: 0 !important; */ display: inline-block; background : -moz-linear-gradient(0% 50% 0deg,rgba(223, 117, 229, 1) 0%,rgba(227, 135, 194, 1) 25.75%,rgba(231, 153, 158, 1) 57.66%,rgba(234, 165, 135, 1) 83.55%,rgba(235, 169, 127, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(223, 117, 229, 1) ),color-stop(0.2575,rgba(227, 135, 194, 1) ),color-stop(0.5766,rgba(231, 153, 158, 1) ),color-stop(0.8355,rgba(234, 165, 135, 1) ),color-stop(1,rgba(235, 169, 127, 1) )); background : -o-linear-gradient(0deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%); background : -ms-linear-gradient(0deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF75E5', endColorstr='#EBA97F' ,GradientType=0)"; background : linear-gradient(90deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF75E5',endColorstr='#EBA97F' , GradientType=1); width: 100%; /* height: 200px; */}.filter-cont { width: 90%; padding-top: 30px; padding-bottom: 30px;}.filter-cont > .row { margin-bottom: 0;}.filter-type-text { /* font-family: Gotham Book; */ font-weight: 500; font-size: 13pt; color: white; text-transform: uppercase; margin-top: 0; /* margin-bottom: 0; */}.filter-button { border: 2px solid white !important; color: white !important; position: relative; padding: 6px 18px !important; text-transform: none; width: 100%;}.filter-button:hover, .filter-button:focus, .filter-button:active { border: 2px solid white !important; color: #2e2e2e !important; background-color: white !important;}.filter-button:hover img, .filter-button:focus img, .filter-button:active img { content: url("../icons/magento-black.svg");}.filter-button-img { /* display: inline-block; */ /* position: absolute; */ width: 20px; height: 20px; margin-right: 10px; margin-left: 0;}.f-btn-magento { background-image: url("../icons/services-magento.svg"); background-size : contain; background-repeat: no-repeat; }/* ~~~~~~~~~~~~~PORTFOLIO PAGE: ITEMS~~~~~~~~~~~~~ */.portfolio-items-cont { width: 90%;}/* ~~~~~~~~~~~~~PORTFOLIO PAGE: PORTFOLIO ITEMS~~~~~~~~~~~~~ */.proj-techs { width: 20px; height: 20px; background-color: #AB47BC;}.no-top-margin { margin-top: 0;}.port-titles{ margin: 0px auto;}/*blog post css*/.blog-banner-img { position: absolute; height: 100vh; width: 100%; background-size: cover; clip-path: url(styles.css) ;} .blog-about-card{ padding: 26px 27px; box-shadow: 0 30px 80px -10px rgba(0,0,0,0.19); position: relative; margin-top: -100px;} .blog-about-card-new { padding: 26px 0px; margin-top: 0px; position: relative; } .blog-about-card-kh { position: relative; } #blog-landing-card { position: relative; padding: 22px 0; margin-top: 10%; box-shadow: -30px 30px 72px 13px rgba(0,0,0,0.19); background: white; border-top: 5px solid #f85353;} #blog-landing-heading { font-size: 28pt; line-height: 1.3; width: 100%; margin-top: 0; margin-bottom: 9px; font-weight: 400; padding: 8px; } img.blog-post-img { max-width: 100%; box-shadow: 0 30px 72px 13px rgba(0,0,0,0.19); margin-top: 1em; margin-bottom: 1em;}h2.blog-sec-heading { font-size: 20pt; text-transform: capitalize;} .blog-h3 { font-weight: 600; font-size: 1.5rem;} .blog-cat a { color: #4d4747;} .blog-list li{font-family: gotham book;font-size: 14pt;padding-bottom: 15px;} .blog-list li strong{ font-weight: 600; padding-bottom: 20px;} .blog-img-dis { /* text-align: center !important; */ padding-left: 20px; padding-right: 20px; margin-top: 15px; margin-bottom: 15px;} .blog-img-dis a { font-weight: 600;} p.about-text > a{ font-weight: bold; }/*blog post end*/ /*banner changes*/ .migration-banner-img{ position: absolute; height: 100vh; width: 100%; /*background-image: url("../res/magento-banner-img.png");*/ background-size: cover; clip-path: url(styles.css) ;} .custom-banner-img{ position: absolute; height: 100vh; width: 100%; /*background-image: url("../res/magento-banner-img.png");*/ background-size: cover; clip-path: url(styles.css) ;} .banner-size{ width: 100%; height: 100vh;}/*end*/ .common-about-img { /*width: 45%;*/ /*position: absolute;*/ /*left: 0;*/ width: 100%; margin-top: -105px; transform: translateY(100px);} .about-custom{ width: 100%; height: 0; padding-bottom: 100%; background-color: #DEDEDE; /*background-image: url("../res/Magento1.png");*/ background-size: cover; /*height: 100%;*/ box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;}/*new css for header */ nav.fixed-white-nav ul a { color: #2e2e2e;} .side-nav li>a { padding: 0 16px !important;}.side-nav ul li ul li ul li a{ display: block; line-height: 16px; width: 100%; padding-left: 5px!important;} .collapsible-header { color: rgba(0,0,0,0.87); padding-left: 16px !important;} .collapsible-body { padding-left: 12px !important;} .no-padding { padding: 0 !important;}/*for arrow*/ .header-arrow{ margin-left: auto !important;} .drag-target{ display: none;}video{max-width:100%;} .ul-blog{ margin-left: 40px;} .gro-btn{ /* background-color: #43A047;*/ color: white; text-align: center; padding: 11px 18px; align-content: center; transition: all 150ms ease-in-out; width: 200px !important; background: linear-gradient(90deg, rgb(245, 91, 91) 0%, rgb(178, 20, 20) 100%);box-shadow: 0px 4px 7px 1px #000;} .blog1 { background-color: #E3E3E3; max-width: 124px; height: 50px; margin-top: -39px; margin-left: auto; margin-right: 10px; background-image: url("../res/semrush-fea.png"); background-size: cover; }.blog2 { background-color: #E3E3E3; max-width: 124px; height: 58px; background-image: url("../res/the-huffington.png"); background-size: cover; margin-top: -48px;margin-left: auto; margin-right: 10px;}.blog3 { background-color: #E3E3E3; max-width: 124px; height: 56px; margin-top: -46px; margin-left: auto; margin-right: 10px; background-image: url("../res/your-story.png"); background-size: cover;}.card-home-blog{ max-height: 544px;}.blog-card.card-home-gallery{ max-height: 300px;}.gallery-slider.blog-slider#blogs-slider .carousel-item .card-home-gallery:hover{box-shadow: none;}.gallery-slider.blog-slider#blogs-slider .carousel-item{ width: 310px; min-height: 300px; max-height: 300px;}.gro-img2-new{ width: 38%; position: absolute; left: 0; transform: translateY(100px); margin-top: -94px;}.img-size-2{ position: absolute; margin-left: 290px; margin-top: 71px;}/*portfolio-link-css*/.cs-icon{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; opacity: 0; transition: .5s ease;}.cs-icon i { font-size: 46px; margin-top: 40%; margin-right: 3%; margin-left: 3%;}.cs-icon:hover{ opacity: 0.8; background-color: #191919; }/*cannabis-page-css*/.cn-desc{ max-width: 100%;text-align: center;margin: 0 auto;padding: 25px;}.cn-card{min-height: 50px !important;margin-bottom: 12px;text-align: center;}.text-capitalize{ text-transform: capitalize;}/*contact-page-address section*/.add-usa{ width: 100%; border-radius: 5px; height: 400px; position: relative; overflow: hidden; background-image: url('../res/usa.png'); background-repeat: no-repeat;box-shadow: -10px 10px 50px rgba(0,0,0,0.24); margin: 30px 0; background-size: cover;}.add-uae{ width: 100%; border-radius: 5px; height: 400px; position: relative; overflow: hidden; background-image: url('../res/uae.jpg'); background-repeat: no-repeat;box-shadow: -10px 10px 50px rgba(0,0,0,0.24); margin: 30px 0; background-size: cover;}.add-title{ text-align: center; color: white; font-size: 36pt; margin-top: 30px;}.add-india{ width: 100%; border-radius: 5px; height: 400px; position: relative; overflow: hidden; background-image: url('../res/india.png'); background-repeat: no-repeat;box-shadow: -10px 10px 50px rgba(0,0,0,0.24); margin: 30px 0; background-size: cover;}.add-box1{ width: 80%; background: white; margin: 0px auto; padding: 32px; margin-top: 27px; min-height: 170px; opacity: 0.7;}.add-box2{ width: 80%; background: white; margin: 0px auto; padding: 19px; margin-top: 27px; min-height: 170px; opacity: 0.7;}.add-text-desc{text-align: center;font-weight: 600; color: #282828;font-size: 11pt;}.add-text-desc1{text-align: center;font-weight: 600;font-size: 11pt;}.desc1-1{color: #282828;font-weight: 600;font-size: 11pt;} .blog-about-card p , .blog-about-card-new p{ color: rgba(0,0,0,.84); font-family: Gotham Book; font-size: 14pt; line-height: 1.7; text-rendering: optimizeLegibility;} .blog-about-card h3 , .blog-about-card-new h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px;} .blog-about-card ul li , .blog-about-card-new ul li { color: rgba(0,0,0,.84); font-family: Gotham Book; font-size: 14pt; list-style: circle; /*padding-left: 6px;*/ padding: 0px 0px 13px 6px; line-height: 1.5;} .blog-about-card ol li , .blog-about-card-new ol li{ color: rgba(0,0,0,.84); font-family: Gotham Book; font-size: 14pt; padding: 0px 0px 17px 6px;} .blog-about-card ul,.blog-about-card ol , .blog-about-card-new ul, .blog-about-card-new ol { padding: 0px 0 0 15px; list-style-position: inside; } .blog-text-set h2 { font-size: 20pt !important; } .cta { background-color: #4d9de0; padding: 20px;} .cta-title { font-size: 30px; color: #ffffff; padding-bottom: 20px;} .cta-button { color: #fff; text-align: center; margin: 0 auto; border: 2px solid; padding: 10px; /* margin-top: 72px; */} a.cta-button:hover { background: #ea4747; border: 2px solid #ed4a4a;} .cta-button-main{ margin: 0 auto; max-width: 200px;} .capbox { /*background-color: #92D433;*/ border: #B3E272 0px solid; /*display: inline-block;*/ *display: inline; zoom: 1; /* FOR IE7-8 */ padding: 8px 40px 8px 8px; } .capbox-inner { text-align: center; color: #000000; margin: 5px auto 0px auto; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }#CaptchaDiv { font-style: italic; color: #000000; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #7CB342; font-size: 25px; text-align: center; max-width: 230px; }/*#CaptchaInput { margin: 1px 0px 1px 0px; }*//*suraj changes start */.price-card { background: #2A90C3; color: #fff; font-size: 36px; text-align: center; font-weight: 700; line-height: 1.6; border-radius: 10px; -ms-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; margin-bottom: 0.8em;}.price-card:hover { transform: scale(1.04);}.price-card.one { background: #FF416C; background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C); background: linear-gradient(to right, #FF4B2B, #FF416C); }.price-card.two { background: #cb2d3e; background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e); background: linear-gradient(to right, #ef473a, #cb2d3e);}.price-card.three { background: #DA4453; background: -webkit-linear-gradient(to left, #89216B, #DA4453); background: linear-gradient(to left, #89216B, #DA4453); background: #FF416C; background: -webkit-linear-gradient(-135deg, #FF4B2B, #FF416C 60%); background: linear-gradient(-135deg, #FF4B2B, #FF416C 60%) }.price-card .btn { width: 100%; padding: 10px; height: auto; font-size: 19px; background: rgba(0,0,0,.2) none repeat scroll 0 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -ms-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s;}.price-card .btn:hover { background: rgba(0,0,0,.4) none repeat scroll 0 0;}.price-card p.hours { margin: 0px auto; padding: 20px 0 10px;}.price-card span.text-sm { font-size: 28px; font-weight: 400; position: relative; left: -3px;}.price-card p.price { font-size: 51px; margin: -5px auto 20px; text-shadow: 1px 1px 0 #505050;}.footer-map1 { height: 60%; background-position: center bottom;}.contact-cta { border: 2px solid #ef5350; color: #ef5350; padding: 13px 16px; border-radius: 5px; text-transform: uppercase; font-weight: 600;}.contact-cta:hover, .testi-cta:focus, .testi-cta:active,.contact-cta:focus { background-color: #ef5350; border: 2px solid #ef5350;}.home-about-card { box-shadow: 0 0px 22px 13px rgba(0,0,0,.05); border-radius: 5px;}.card-home-blog { border-radius: 5px;}.blog-image { border-top-left-radius: 5px; border-top-right-radius: 5px;}.btn, .btn-large { color: #fff; background-color: #ef5350; box-shadow: none; border-radius: 4px;}.btn:hover, .btn-large:hover { background-color: #da3f3c;}body { border-top: 2px solid #ef5350;}.navbar-fixed { top: -2px;}::-moz-selection { color: #fff; background: #ef5350; } ::selection { color: #fff; background: #ef5350; }::-webkit-scrollbar { width: 5px;}::-webkit-scrollbar-track { background: #fff;}::-webkit-scrollbar-thumb { background-color: #ef5350; outline: 1px solid #ef5350;}.carousel.carousel-slider .carousel-item { cursor: -webkit-grab;}.carousel.carousel-slider .carousel-item:active { cursor: -webkit-grabbing;}.collapsible-header { position: relative;}.collapsible-header i.material-icons.inline-block { display: inline-block; position: absolute; right: 0;}.collapsible li.active i { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}.collapsible-body { padding: 17px !important;}button.serv-consult-btn.cta-filled { margin-left: 0;}.navbar-fixed nav.white-nav.z-depth-4,.navbar nav.white-nav.z-depth-4 { /* display: none !important; */ /* visibility: hidden !important; */ position: relative; height: initial;}#contact-ctas { vertical-align: middle; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 3em;}.cta-block .icon { background: #ef5350; border-radius: 100%; width: 50px;}.cta-block .icon img { display: block; margin: 0 auto; padding: 9px; width: 50px; height: auto; border: 1px solid #fff; border-radius: 10px;}.cta-block { display: flex; align-items: center; justify-content: center; margin-bottom: 1.3em; border: 1px solid #f5f4f4; border-radius: 10px; text-align: center; padding: 15px 10px; width: 60%; box-shadow: -1px 3px 8px #cccccc59; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}.cta-block a { color: #1f1e1e; font-size: 19px; margin-left: 10px; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}.cta-block:hover { background: #ef5350; color: #fff;} .cta-block:hover a { color: #fff;}/*#about-section { margin-top: 170px;}*/.head-form .input-field,.head-form .input-field input { margin: 0 auto;}.head-form .row { margin: 17px auto; text-align: center;}.head-form { width: auto; margin-left: 30px; background: #fafafa; position: relative; padding: 10px 30px; border-radius: 5px; box-shadow: 0px 0px 20px #6f6b6b85; margin: 0px 0; position: relative; bottom: 0;}.valign-wrapper.flex-start { align-items: flex-start;}.hire-magento-dev { margin-top: 5em;}#landing-section { position: relative;}#landing-card p.landing-subtitle { color: #fff; font-size: 14pt; margin-top: 16px; margin-bottom: 10px; font-weight: 400; word-spacing: 0; line-height: 1.5; font-size: 16px; margin-bottom: 20px;}.head-form .btn { margin-top: 10px; padding: 10px; height: auto; width: 80%; float: left;}.head-form p.price { margin: 0 auto; padding: 10px 0px; font-size: 22px; /*text-align: right;*/ color: #ef5350; font-weight: 600;}.magento-certified, .magento-certified p { text-align: center; width: 80%; margin: 7px auto; display: block;}.magento-certified p { text-align: left;}.magento-certified .section-separator { text-align: center; margin: 0 auto 25px; display: block;}.magento-certified .image-box { margin-top: 25px; display: block;}nav .brand-logo { /*margin: -25px auto 0 !important;*/ /* padding-left: 2%; */} nav .nav-wrapper { height: 80px; background: #fff; padding: 0 1%; z-index: 9; margin-top: -2px; border-top: 2px solid #ef5350; } nav ul a { color: #333;} ul#nav-desktop > li { height: 71px; vertical-align: middle; display: flex; align-items: center;}.nav-container { max-width: none;}.home-about-card { width: 85%; padding: 40px; margin-left: auto; margin-right: auto;}/*.landing-image { height: calc(85vh - 64px);}.banner-img, .about-banner-img { max-height: 90vh;}*/ ul.disc>li, ul.disc:not(.browser-default)>li { list-style-type: disc; font-size: 19px; color: #474747; font-weight: 400; font-family: 'Gotham Book', 'Montserrat', Helvetica, sans-serif; margin-bottom: 15px; margin-left: 20px; } .about-custom { background-color: transparent; box-shadow: none; text-align: center; } .delivery-section-one { background: #f2f5f7; /*padding: 5.5% 15px 8%; */ -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 85%, 0 100%); clip-path: polygon(0 0, 1600px 0, 1600px 85%, 0 100%); } .about-custom img { z-index: -1; position: relative; } .delivery-section-two { margin-top: 6%; position: relative; } .delivery-text.head { font-weight: 700; color: #333; margin: 20px auto -17px; } .del-right-bg { width: 9%; top: -10%; } #delivery-section { position: relative; } .about-left-bg { width: 7%; } .about-left-bg.update { z-index: -999; width: 8%; bottom: 0; bottom: -10%; } .mt-20 { margin-top: 4%; } .col.s12.m6.l7.pl-20, .pl-20 { padding-left: 5%; } .mb-20 { margin-bottom: 5%; }@media (min-width: 768px) { .copyright { height: 100%; min-height: 60px; } .custom-magento-sec{ margin-bottom: 5rem;} #contact-ctas { min-height: 600px; } #contact-ctas { padding-left: 7em; } .big-native-conten{ padding: 0px 80px 0px 20px; } #cs-snip{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #portfolio-inner-image-section { background-color: #14bef0; padding: 0 15%; margin-bottom: 9%; width: 100%; text-align: center;}.ecommerce-side { margin-bottom: -58px; margin-top: 30px;} .about-cont { /*padding-top: 12%; */ height: auto; } .magento-certified, .magento-certified p { width: 95%; } }@media (max-width: 450px) { .p-0, .row .col.p-0 { padding: 0; } .collapsible-header { font-size: 14px; } .features-card{ padding: 5px 25px; } .services-cards { min-height: auto!important; } .side-nav .collapsible-body li>a { padding: 0 0px!important; font-size: 13px; } #contact-ctas { padding: 10% 3% 0; } .cta-block { width: 100%; } .copyright { margin: 0 auto; font-size: 90%; line-height: 1.6; color: #555; text-align: center; padding: 10px 15px 10px; border-top: 1px solid #e0e0e0; } nav .button-collapse i { height: 56px; line-height: 56px; color: #EF5350; } .head-form .btn { width: 100%; float: none; } .head-form p.price { padding: 10px 0; text-align: center; } /*#about-section.margin-big, .margin-big { margin-top: 50vh; }*/.landing-card{ padding-top: 70px;}.landing-image { height: auto; line-height: 1.4; } #about-section h2 { font-size: 22px; line-height: 1.4; } #about-section { margin-top: 0; } #sidenav-overlay { z-index: 2; } .home-about-card { width:100%; margin-top: -20px; }}/*suraj changes end*//* rajendra css */@media (max-width: 768px) {.cust-space-head { margin-top: 100px!important;}.new-cs-img{ padding: 0;}p.cs-semi-heading { font-size: 22px;}.cs-snip-heading { font-size: 25px;} }#delivery-section { margin-top: 0px; }@media only screen and (max-width: 600px) { .cs-landing-card.center{ margin-top: 60%;}.head-form .input-field.m7.l7{ margin-top: 20px;}.uae-add{ margin-top: 18%!important;}.add-usa .add-text-desc:first-child{ margin-top: 11%;}.add-india .add-text-desc{ margin-top: 11%;}img.clutch-img { max-width: 90px;}}@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .cta-block{ width: 80%; } #features-section #first .l3.m3 .features-img{ margin-top: 70%; } #features-section #second .l3.m3 .features-img{ margin-top: 70%; } .nav .button-collapse i { height: 56px; line-height: 56px; color: #EF5350;}}@media only screen and (min-device-width: 601px) and (max-device-width: 768px) {.cta-block{ width: 110%; } .uae-add{ margin-top: 9%!important;} #features-section #first .l3.m3 .features-img{ margin-top: 50%; } #features-section #second .l3.m3 .features-img{ margin-top: 32%; } .add-india .add-text-desc{ margin-top: 8%;}.add-usa .add-text-desc{ margin-top: 5%;}.grad-toggle-btn-5 > .grad-toggle-btn { width: 18.5% !important; font-size: 12px; padding: 2px!important;}.magento-certified, .magento-certified p { width: 95%; }}@media only screen and (min-device-width: 768px) and (max-device-width: 967px) {#features-section #first .col.offset-l2, #features-section #second .col.offset-l2{ margin-left: 0.666667%; } #features-section #first .col.offset-s1.l7, #features-section #second .col.offset-s1.l7{ padding-left: 15%; width: 74%; } #features-switcher-5 .grad-toggle-btn-5 > .grad-toggle-btn{ width: 18.5% !important; /* padding: 0px!important; */ font-size: 14px; } }#tech-web-development{/* margin-top: 160px;*/}.mega-dropdown.active .row{ display: block;}/*Rajendra end*/@media (max-width: 992px){ nav .button-collapse i { height: 56px; line-height: 56px; color: #EF5350;}} @media (min-width: 1024px){.magento-side{ margin-top: 20%;}.wts-btn{ display: none;}} /*margin-top: 50vh;*/ @media (max-width: 1024px) and (min-width: 1020px) {.proj-text{ max-height: 100%;}.gro-btn { width: 90%;}.key-features-title.cta-heading{ font-size: 32pt; }}@media (min-width: 1200px){ .proj-text{ height: 165px; } .key-features-title.cta-heading{ font-size: 32pt; }}@media (max-width: 1134px) and (min-width: 768px) {.side-nav{width: 350px !important;}.del-img { top: 90px;}.footer-map1 { height: 600px; opacity: 0.5;}.footer-logo{ width: 150px;}}@media (max-width: 1134px){ #nav-desktop{ display: none; } nav a.button-collapse{ display: block!important; } nav .button-collapse i { height: 64px; line-height: 64px; color: #EF5350;}nav .brand-logo{ left: 1%; transform: translateX(1%);}}@media (min-device-width: 769px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .cta-block{ width: 80%; } .nav .button-collapse i { height: 56px; line-height: 56px; color: #EF5350;} .footer-map1{ height: 41%; } #features-section #first .col.offset-l2, #features-section #second .col.offset-l2{ margin-left: 6%; } #features-section #first .col.offset-s1.l7, #features-section #second .col.offset-s1.l7{ padding-left: 9%; } .features-switcher.grad-toggle-btn-2.section-translate{ width: 37%; }} .clutch-img { max-width: 90px; /*padding-bottom: 30px;*/}h1,h2,h3,h4,h5,h6{ font-family: Gotham !important;}.landing-subtitle{ font-family: 'Gotham Book', sans-serif !important;}ul.dropdown-content li a{ font-family: "Gotham Book";}p.features-card-title.cust-card-heading { font-size: 25px; font-weight: 700; padding: 0px 0px 30px 0px;}#features-section.no-margin{ margin: 0px;} .tab-content-prot{ display: none;}#all-tab.tab-content-prot{ display: block;}button.teb-item-menu{ border: none; background: transparent; font-size: 22px; font-weight: 500; /* padding: 10px 8px; */ /*border-bottom: 2px solid #ef5350;*/ margin: 10px 15px;}.prot-tabs-main{ text-align: center;}button.teb-item-menu.active{ color: #EF5350; border-bottom: 1px solid #EF5350; font-weight: 700; font-size: 24px;}.tab-content-prot .row.project-card-row{ margin-top: 50px;}.app-container.container{ width: 90%;}.cs-app-img{ max-width: 280px; width: 100%; margin: 0 auto;}.icon-cls { margin-top: 11px; max-width: 25px;}#portfolio-inner-image-section.portfolio-bg-img{ text-align: center; background: #f0f0f0;}#portfolio-inner-image-section.portfolio-bg-img img{ width:100%; max-width:850px; margin:0 auto;}.cs-app-img.custom-margin-mob{ margin-top: -30px;}#small-cs{ text-align: center;}.cs-button{ margin: 30px 0;}#small-cs h2{ margin-bottom: 35px;}.small-cs-app-ico li a{ width: 35px; height: 35px; /*background-size: 100% auto; background-position: 50%; background-repeat: none;*/ margin: 0 10px 0 0; list-style: none; display: inline-block; background-image: url(../res/and-ios-ico.svg); /*background-position: 0 0;*/ background-size: 260px 31px; background-repeat: no-repeat; position: relative;}.android-ico{ background-position: -107px 2px; background-size: 250px 28px; margin-right: 75px;}.ios-ico{ background-position: -107px 2px; background-size: 250px 28px; margin-right: 75px;}.uae-add{ margin-top: 12%;}/* Slider */.slick-slide { margin: 0px 2px;}.slick-slide img { width: 100%;}.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{ outline: none;} .slick-list.dragging{ cursor: pointer; cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{ position: relative; top: 0; left: 0; display: block;} .slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;} .slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden { display: none;}.feature-card-img img:hover{ /*box-shadow: 0 16px 50px rgba(0,0,0,0.14); -webkit-transition: all; -moz-transition: all; transition: all; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;*/ transform: scale(1.1); transition-duration: 300ms;}.cs-banner-icon{ width: 25px;}.magento-side.magento-dev-cust{ width: 100%; }nav a.button-collapse { margin: 0px 18px; color: #e45353!important;}nav .brand-logo img { padding: 6px;}.circle-icon img { display: block; width: 100%; max-width:90px;} .grey-bg { background: rgba(238, 238, 238, 0.45); padding-top: 4em; margin-bottom: 1.5em;}.grey-bg .features-card:hover { /* background-color: #efefef; */ background-color: rgba(238, 238, 238, 0.25);}.circle-icon { width: 100%;}/* .why-migrate .key-features-card-col .services-cards { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; flex-direction: column;} */.features-card-title1 { margin-bottom: 10px; text-align: center; font-size: 22px !important;}.features-card-title { margin-bottom: 10px;}.migration-process .circle-icon img { width: 100%; margin: 0 auto; display: block;}.migration-process .features-card { border: 0; text-align: center;}.migration-process .features-card-title { font-size: 1.5em;} .migration-process .features-card-title span { background: #ef5350; padding: 10px; display: inline-block; color: #fff; border-radius: 100%; width: 44px; height: 44px;} .migration-process .features-card p.features-card-desc { font-weight: 600; margin-top: 15px;}.grey-bg .delivery-text { text-align: center; width: 80%; margin: 20px auto 0;}.image-box img { border: 0; max-width: 100%;}#magento-inti-section.magento-inti-section { margin-top: 0; padding-bottom: 50px;} .about-custom img { max-width: 90%; margin: 0 auto; display: block; text-align: center; border-radius: 4px;} .magento-certified { padding-top: 0; margin-top: 0;}.inner-cs-2{ width: 83.3333%; margin: 0 auto;} .cs-snip-heading{ font-size: 33px; z-index: 7; color: black; line-height: 44px;}.cs-new-bg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2;} .cs-bg-inner{position: relative; z-index: 2; display: block; width: 83.33333333%; margin-right: auto; margin-left: auto; clear: both;}.cs-bg-ling-left{ position: absolute; left: 0px;} .cs-bg-ling-middle { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); }.cs-bg-ling-right{ position: absolute; right: 1px;} .cs-bg-line{ width: 1px; height: 100vh; background-color: #f0f1f2;}.col.cs-new-half{ padding: 30px;}ul.new-cs-list-ul li{ list-style: circle; padding-left: 1px; margin-left: 40px; font-size: 17px; z-index: 5; padding-top: 4px} ul.new-cs-list-ul li ul li { list-style: disc!important; font-size: 16px;}/*header{ z-index: 5;}.cs-landing-card.center{ z-index: 7;}footer{ z-index: 5; background-color: #fff;}*/ @media screen and (max-width: 480px) { .delivery-text { text-align: left; } h2 { line-height: 1.5; }}#card-features-1 .row.center-align p{ margin: 0 auto;}img.blog-post-img.cta-banner{ box-shadow: none; background: transparent;} /*Kushbu css*//*start 6/9/2019 */ /*.features-alignment { width: 90%; min-height: 40px !important; margin-left: auto; margin-right: auto; margin-left: 24% !important; }*//*#card-features-2*/ .card-feat-2 { margin-top: 50px;}/*#features-section2 */ .features-sec2{ margin-top: 50px;} .manage-services { background-image: url("../icons/manage-services.png"); background-size : contain; background-repeat: no-repeat;} .review { background-image: url("../icons/review.png"); background-size : contain; background-repeat: no-repeat;} .Customer-profiles { background-image: url("../icons/Customer-profiles.png"); background-size : contain; background-repeat: no-repeat;} .performance-courier-business { background-image: url("../icons/performance-courier-business.png"); background-size : contain; background-repeat: no-repeat;} .icon-track-earnings1{ background-image: url("../icons/track-earnings1.png"); background-size : contain; background-repeat: no-repeat;} .e-signature{ background-image: url("../icons/e-signature.png"); background-size : contain; background-repeat: no-repeat;} .icon-contact-customer { background-image: url("../icons/icon-contact-customer.png"); background-size : contain; background-repeat: no-repeat;}.icon-trip-information { background-image: url("../icons/icon-trip-information.png"); background-size : contain; background-repeat: no-repeat;} .icon-update-status { background-image: url("../icons/icon-update-status.png"); background-size : contain; background-repeat: no-repeat;} .icon-accept-reject{ background-image: url("../icons/icon-accept-reject.png"); background-size : contain; background-repeat: no-repeat;} .icon-cancel-booking{ background-image: url("../icons/icon-cancel-booking.png"); background-size : contain; background-repeat: no-repeat;} .icon-shipment-tracking{ background-image: url("../icons/icon-shipment-tracking.png"); background-size : contain; background-repeat: no-repeat;} .icon-multiple-payment{ background-image: url("../icons/icon-multiple-payment.png"); background-size : contain; background-repeat: no-repeat;} .icon-talk-driver{ background-image: url("../icons/icon-talk-driver.png"); background-size : contain; background-repeat: no-repeat;} .icon-booking-shipment { background-image: url("../icons/icon-booking-shipment.png"); background-size : contain; background-repeat: no-repeat;} .icon-selection-service{ background-image: url("../icons/icon-selection-service.png"); background-size : contain; background-repeat: no-repeat;} .courier-banner-img { /* height: 100vh; */ /* width: 100vw; */ position: absolute; height: 100vh; width: 100%; background-image: url("../res/courier-app-development-bg.png"); /* z-index: 99; */ background-size: cover; /* background-position-y: -100px; */ /* pointer-events: none; */ clip-path: url(styles.css) ; } /*end*//*Khushbu css end*//*-------------portfolio fae start-------------*/ .fae-cs-banner { background: #f7f7f7; }.port-banner-heading { text-transform: capitalize; }.fae-bg { background-color: #2baeb3; }h2.fae-heading { text-transform: capitalize !important; color:#fff; font-size: 60px; }/*.port-fae-mainbox { padding:50px 0; }*/.fae-heading4 { font-size: 32px; margin-bottom: 50px; }.fae-p { font-weight: 400; margin-bottom: 40px; font-size: 18px; line-height: 24px; }.fae-content-sec { background-color: #f7f7f7; }.port-fae-ul { margin: 0; padding: 0; color: #464855; font-size: 16px; line-height: 36px; font-weight: 400; list-style-type:disc !important; list-style-position: inside !important ; }.port-fae-ul li { list-style: disc !important; }.port-fae-ul2 { margin: 0; padding: 0; background-color: #454545; }.port-fae-ul2 li { list-style: none; display: block; }.del-img3 { width: 40%; position: absolute; right: 0; transform: translateY(-60px);} .about-img-magento3 { padding-bottom: 100%; background-image: url(../res/tempa-websitedesign.png); background-repeat: no-repeat; background-size: contain; } .fae-ul-div { width:80%; } .fae-ul { margin: 0; padding: 0; } @media only screen and (max-width: 425px){ h2.fae-heading { font-size: 46px; } .hide-small { display:none; } .port-fae-mainbox { padding: 50px 0; } img.fae-img-align { margin-top: 30px !important; } } /*-------------portfolio fae end-------------*/.game-3d-banner-img { position: absolute; height: 100vh; width: 100%; background-image: url(../res/main-banner-3d-unity.png); background-size: cover; clip-path: url(styles.css);} .side-img-deerfield { padding-bottom: 100%; background-image: url(../res/deerfield-wen-design-sidebanner.png); background-repeat: no-repeat; background-size: contain; } /*-------------pharmacy section start-------------*/ .pharmacy-app-bg { background: url("../res/pharmacy-shopping.jpg") no-repeat; background-size: cover;height:100%; width:auto; display: block; min-height:500px; overflow: hidden; } .insurance-app-bg { background: url("../res/mockup-copyspace.png") no-repeat center; background-size: cover;height:100%; width:auto; display: block; min-height:500px; overflow: hidden; } .doctor-app-bg { background: url("../res/team-of-doctors-in-hospital1.jpg") no-repeat center; background-size: cover;height:100%; width:auto; display: block; min-height:500px; overflow: hidden; } .pharmacy-app-link-bg { background-color: #e42635; width:50%; height: 100%; min-height: 530px; border-radius:50px; float: right; transform: rotate(40deg); position: relative; opacity: 0.8; } .pharmacy-content { position: absolute; top: 50px; left: 80px; width: 70%; transform: rotate(-40deg); text-align: center; } .pharmacy-content img { position:absolute; top:0; left:0; } .pharmacy-app-p { color:#fff; font-size: 13pt; } .pharmacy-app-btn { display: inline-block; background-color:#fff; padding:15px; margin-right: 30px; color:#424242; font-weight: 700; border: 2px solid #fff; border-radius: 5px; cursor: pointer; transition: background 1s ease-in-out; } .pharmacy-app-btn:hover { background: none; border: 2px solid #fff; color:#fff; } .pharmacy-h5 { display: inline-block; color:#fff; } @media (min-width: 992px) and (max-width: 1199.98px) { .pharmacy-app-link-bg { width: 65%;} .pharmacy-h5 { padding: 10px 0 10px 100px; } .pharmacy-p { padding: -20px 0 0px 0px; } } @media (min-width: 768px) and (max-width: 991.98px) { .pharmacy-app-link-bg { width: 90% } } @media only screen and (max-width: 425px){ .pharmacy-app-link-bg { width: 100%; font-size:18px; min-height: 660px; transform: rotate(0deg);} .pharmacy-app-btn { padding: 5px; margin-right: 5px; font-size: 14px; margin-bottom: 5px;} .pharmacy-app-p { font-size: 12pt; } .pharmacy-content { transform:rotate(0deg); top: 40px; left: 40px; width: 80%; }} /*-------------pharmacy section end-------------*//*-------------home page-start------------*/ .solution-cont { width: 90%;} .stats-box { display: inline-block; float: left; } .stats-icon { display: inline-block; float: left; margin: 15px 0%; width:30%;} h6.slider-h6 { font-size: 16pt; margin: 20px 0px 25px 0; } .slider-content { background: #f5f5f5; padding: 5px 20px 10px; margin: -120px -20px 0 30px; display: inline-block; min-height: 150px; width:93%;} .adjust-wth { width:80%; margin:0 auto; } .cta-outlined1 { display: inline-block; margin-top: 4px; /* margin-left: auto; */ /* margin-right: auto; */ padding: 6px 10px; margin-right: 20px; text-transform: uppercase; /* font-family: Gotham Book; */ font-size: 9pt; align-content: center; -webkit-transition: all; -moz-transition: all; transition: all; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-color: transparent !important; border: 3px solid #EF5350 !important; color: #EF5350 !important; } .cta-outlined1:hover, .cta-outlined1:focus, .cta-outlined1:active { background-color: #EF5350 !important; border: 3px solid #EF5350 !important; color: white !important; -webkit-transition: all ; -moz-transition: all ; transition: all ; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms;} .slider-solutions .slick-slide img { width:80%; box-shadow: 0 3px 6px rgba(0,0,0,0.16); } .slider-content { background: #f5f5f5; padding: 5px 20px 10px; margin: -120px -20px 0 30px; display: inline-block; min-height: 150px; width:80%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); }.slider-content img { display: block; } .slider-solutions li { padding: 0 15px; display: inline-block; float: left; min-height: 500px !important; } .slider-solutions { margin: 0; padding: 0; list-style-type: none; position: relative; width:80%; margin: 0 auto; position: relative; } .slider-solutions .slick-prev { position: absolute; top:40%; z-index: 5; left:-5%; fontfont-family: 'FontAwesome' !important; border:none; background-color: #fff; font-size: 0px; background: url("../res/solution-left-arrow.png") no-repeat; width:52px; height:52px; transition: background 1s ease-in-out; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); border-radius: 52px; cursor: pointer;} .slider-solutions .slick-next { position: absolute; top:40%; z-index: 5; right:-15px; fontfont-family: 'FontAwesome' !important; border:none; background-color: #fff; font-size: 0px; background: url("../res/solution-right-arrow.png") no-repeat; width:52px; height:52px; transition: background 1s ease-in-out; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); border-radius: 52px; cursor: pointer; } .slider-solutions .slick-prev:hover { background: url("../res/solution-left-arrow-hover.png") no-repeat; } .slider-solutions .slick-next:hover { background: url("../res/solution-right-arrow-hover.png") no-repeat; } /*.latest-projects-slider .slick-arrow { position: absolute; bottom:-50px; left:50%; }*/ .latest-projects-slider .slick-next { position: absolute; right: -40px; top: 50%; margin-left: 0%; background-image: url("../res/right-arrow-slider.png"); background-repeat: no-repeat; width:30px; height: 12px; border: none; background-color: #fff; font-size: 0px; margin-left: 40px; cursor: pointer; transition: background 1s ease-in-out; } .latest-projects-slider .slick-prev { position: absolute; left: -40px; top: 50%; background-image: url("../res/left-arrow-slider.png"); background-repeat: no-repeat; width:30px; height: 12px; border: none; background-color: #fff; font-size: 0px; cursor: pointer; transition: background 1s ease-in-out; } .latest-projects-slider .slick-next:hover { background-image: url("../res/right-arrow-slider-hover.png"); background-repeat: no-repeat; } .latest-projects-slider .slick-prev:hover { background-image: url("../res/left-arrow-slider-hover.png"); background-repeat: no-repeat; } .latest-projects-slider .slick-next:hover , .latest-projects-slider .slick-prev:hover , .latest-projects-slider .slick-next:focus , .latest-projects-slider .slick-prev:focus { background-color: #fff; }/*.slick-arrow.slick-prev:before { content: "\f177";}*/ @media only screen and (max-width:1024px){ .stats-num { font-size: 26pt; } .stats-text {font-size: 15pt; margin-bottom: 25px;} /*.adjust-wth { margin: 0 auto; }*/ .stats-icon { display: inline-block; float: left; margin: 15px 20px; width:75%; } .adjust-wth { width:70%; margin:0 auto; }} @media only screen and (max-width:768px){ .stats-num { font-size: 26pt; } .stats-text {font-size: 15pt; margin-bottom: 25px;} .stats-icon { display: inline-block; float: left; margin: 15px 0px; width:25%; } .home-about-card { padding: 20px; } .slider-solutions { width:100%; } .slider-content { width: 90%; } .slider-solutions .slick-prev { left:-3%; }} @media only screen and (max-width:320px){ .stats-num { font-size: 20pt; } .stats-text {font-size: 11pt; margin-bottom: 25px;} .stats-icon { display: inline-block; float: left; margin: 0px 0%; }} @media only screen and (max-width:425px){.latest-projects-slider .slick-arrow { display:none; }.adjust-wth {width: 70%; margin: 0 auto; }} @media only screen and (max-width:1350px){ .adjust-wth { width:90%; }} /*-------------home page-end------------*/ #landing-card.hm-sld-snip .container1 { width:80%; margin:0 auto; } @media only screen and (max-width: 425px) { .logo-alignment { margin-right: 50px; } #landing-heading { font-size: 18pt; padding-top: 0%;} #landing-card{width: 95%; margin: 0 auto;} } .icon-site-Analysis{ background-image: url("../icons/seo-on-site-analysis.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-link-building{ background-image: url("../icons/seo-link-building.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-report-analysis{ background-image: url("../icons/seo-report-analysis.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-Content-Marketing{ background-image: url("../icons/seo-Content-Marketing.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-website-audits{ background-image: url("../icons/seo-website-audits.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-off-pageactivities{ background-image: url("../icons/seo-off-pageactivities.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-logo { background-image: url("../icons/gd-logo.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto; } .icon-print {background-image: url("../icons/gd-print.png"); background-size : contain; background-repeat: no-repeat; margin: 0 auto;} .icon-infographics {background-image: url("../icons/gd-infographic.png"); background-size : contain; margin: 0 auto; background-repeat: no-repeat;} .icon-banners {background-image: url("../icons/gd-web-banner.png"); background-size : contain; margin: 0 auto; background-repeat: no-repeat;} .icon-socialpost {background-image: url("../icons/gd-social.png"); background-size : contain; margin: 0 auto; background-repeat: no-repeat; } .icon-uxwebdesign {background-image: url("../icons/gd-ui-ux.png"); background-size : contain; margin: 0 auto; background-repeat: no-repeat;} .gro-btn { width:88%; }.del-img { /*transform: translateY(-205px);*/ width: 40%;} /*edited by rajendra- Do not enable it */ @media only screen and (max-width: 1025px) { .gro-btn { width: 120%; } /*.del-img { transform: translateY(-40px); margin-top: 20px; }*/ .del-img { display: none; } .hide-on-ipad-pro { display: none; } } @media only screen and (max-width: 768px) { .gro-btn { width: 103%; }} .link-style-gdbtn { margin: 0 auto; display: inline-block !important; cursor: pointer; text-transform: capitalize; border-radius: 5px; font-weight: 700; }.width100 { width:100%; } .collapsible-header { color:#424242; } .collapsible-header:hover { color:#fff; background-color:#424242; }.collapsible-body { background-color: #fff; } .header-frm-main .input-field.col.s12.m12.l12 { margin-top: 10px;} @media only screen and (max-width: 425px) { .padding-top { padding-top: 20px; } .img-mob-view { width:50%; } .img-mob-view1 { width:40%; } } .udemy-ul { margin:0 0 0 0; padding:0; list-style: none; display: block; } .udemy-ul li { display:block; overflow:auto; padding-bottom: 20px; cursor:pointer;} .udemy-ul li div.udemy-content { float: left; width:75%; } .udemy-ul h5 { font-size: 20px; color:#13B7FE; margin-top: 0; } .udemy-ul-icon { height:100px; float:left; width:25%; margin-top: 10px; } .multi-device-icon { background: url(../res/multi-device.png) no-repeat; background-size: contain; background-repeat: no-repeat; background-position: center center; } .multi-device-icon:hover { background: url(../res/multi-device-h.png) no-repeat; background-position: center center; cursor: pointer;} .multi-device-li:hover .multi-device-icon {background: url(../res/multi-device-h.png) no-repeat; background-position: center center; cursor: pointer;} .protection-icon { background: url(../res/protection.png) no-repeat; background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer;} .protection-icon:hover { background: url(../res/protection-h.png) no-repeat; background-position: center center; } .protection-li:hover .protection-icon {background: url(../res/protection-h.png) no-repeat; background-position: center center; } .customizable-icon { background: url(../res/customizable.png) no-repeat; background-size: contain; background-repeat: no-repeat; background-position: center center; } .customizable-icon:hover { background: url(../res/customizable-h.png) no-repeat; background-position: center center; } .customizable-li:hover .customizable-icon { background: url(../res/customizable-h.png) no-repeat; background-position: center center; } @media only screen and (max-width: 425px) { .udemy-ul-icon { width:30%; } .udemy-ul li div.udemy-content { width:68%; padding-left: 2%; } } @media only screen and (max-width: 768px) { .center-on-med-down { text-align:center;} } .icons-udemy { transition: all 1s ease-out; } .icons-udemy:hover { transform: rotate(360deg); } /*-----------new portfolio 2020-----------*/ .port-main:before { content: " "; position: absolute; margin: -20px -20px; display: block; background: #C2F4F0 ; width:100%; height: 100%; top:0; right: 0px; z-index: -3; opacity:0.5; } .port-main { position:relative; display:block; background: #E7FEFD; width:100%; min-height: 20px; opacity: 0.8; z-index: 1; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1); padding: 2% 0% 0% 5%; } .violetblue { background: #eaf0fa; } .violetblue:before { background: #d3dff7; } .pinkpurple { background: #f5b8bd; } .pinkpurple:before { background: #fee5e6; } .greylight { background: #e2dede; } .greylight:before{ background: #e8e7e7; } .orangelight { background: #ffe1c1; } .orangelight:before { background: #fff3e6; } .port-main p { font-size: 18px; line-height: 26px; } .port-content { display: block; } .port-content h6 { font-size: 24px; line-height: 34px; font-weight: bold; transition: all 1s; } .port-content h6:hover { color:#ef5350; } .port-content ul { margin: 0 0 0 20px; padding: 0; list-style-type: disc; } .port-content ul li { list-style: disc; list-style-position: outside ;} .port-link { font-size: 18px; line-height: 24px; font-weight: 500; color: rgb(239, 83, 102); position: relative; display: inline-block; padding-bottom: 8px; transition: all 0.5s ease 0s; } .port-img-main { position: relative; } .port-img { display: block; width:100%; min-height: 20px; margin-bottom: 0px; /*margin-top: 100px;*/ } .port-content a { color: #ef5366; display: inline-block; } .port-link:hover { color:#333; } @media only screen and (max-width:420px){ .port-main:before { margin: -10px -10px; } .port-content , .port-img-main { padding:5%; } .port-content h6 { font-size: 22px; } .port-content p { font-size:16px; } } .gro-btn{ /* background-color: #43A047;*/ color: white; text-align: center; padding: 11px 18px; align-content: center; transition: all 150ms ease-in-out; width: 200px !important; background: linear-gradient(90deg, rgb(245, 91, 91) 0%, rgb(178, 20, 20) 100%);box-shadow: 0px 4px 7px 1px #000;} p a { display: inline-block !important;} @media only screen and (max-width: 768px) { .gro-btn{ /* background-color: #43A047;*/ display: inline-block; } } .pharmacy-solution-img { width:65% !important; } #landing-card p.text-color-grey { color:#333 !important; } /*--------------------cta-banners-solutions-pgs---------------------*/ .light-blue { background-color: #6fb96a; } .banner-form { text-align: center; padding: 1.5rem 0; } .banner-form span { color:white; font-size:32px; font-weight: bold; text-transform: capitalize; } .banner-form a { display: inline-block; background-color:#fff; color:#143A5F; padding: 15px 30px; font-weight: bold; text-transform: capitalize; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #143A5F; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /*---------left-------------*/ .coral-pink { background-color:#FF585D; } .coral-pink-dark { color: #5b2628 !important; } .coral-pink-dark:before { background-color: #5b2628 !important; content: ""; } .coral-pink-dark:hover, .coral-pink-dark:focus, .coral-pink-dark:active { color: #fff !important; } .light-green { background-color:#a3d964; } .light-green-dark { color: #487b0e !important; } .light-green-dark:before { background-color: #487b0e !important; content: ""; } .light-green-dark:hover, .light-green-dark:focus, .light-green-dark:active { color: #fff !important; } .sea-green { background-color:#4DB6AC; } .sea-green-dark { color: #00796B !important; } .sea-green-dark:before { background-color: #00796B !important; content: ""; } .sea-green-dark:hover, .sea-green-dark:focus, .sea-green-dark:active { color: #fff !important; } .green-one { background-color:#58D68D; } .green-one-dark { color: #239B56 !important; } .green-one-dark:before { background-color: #239B56 !important; content: ""; } .green-one-dark:hover, .green-one-dark:focus, .green-one-dark:active { color: #fff !important; } .purple-one { background-color:#BB8FCE; } .purple-one-dark { color: #6C3483 !important; } .purple-one-dark:before { background-color: #6C3483 !important; content: ""; } .purple-one-dark:hover, .purple-one-dark:focus, .purple-one-dark:active { color: #fff !important; } .blue-two { background-color:#7FB3D5; } .blue-two-dark { color: #1F618D !important; } .blue-two-dark:before { background-color: #1F618D !important; content: ""; } .blue-two-dark:hover, .blue-two-dark:focus, .blue-two-dark:active { color: #fff !important; } .orange-one { background-color:#F5B041 ; } .orange-one-dark { color: #B9770E !important; } .orange-one-dark:before { background-color: #B9770E !important; content: ""; } .orange-one-dark:hover, .orange-one-dark:focus, .orange-one-dark:active { color: #fff !important; } .green-two { background-color:#AED581 ; } .green-two-dark { color: #689F38 !important; } .green-two-dark:before { background-color: #689F38 !important; content: ""; } .green-two-dark:hover, .green-two-dark:focus, .green-two-dark:active { color: #fff !important; }