/*******HEADER*****/ h1, h2, h3, h4, h5, h6{ font-weight: 500;} p{line-height: 29px;} .fw-500{font-weight: 500;} .open-sans{font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;} header.main-header {background: transparent;position: fixed;z-index: 99;width: 100%;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} header.main-header.contact-page{position: absolute;} header.main-header.contact-page.fixed-me{position: fixed;} .main-header.fixed-me , .fixed-me .main-header{background: rgba(255,255,255,0.95);-webkit-box-shadow: 3px 0px 10px 2px rgba(0,0,0,0.2);box-shadow: 3px 0px 10px 2px rgba(0,0,0,0.2);} /**END*/ .logo-wrap {padding: 9px 0;display: inline-block;float: left;} .breadcrumbs {display: inline-block;float: left;padding-top: 40px;margin-left: 10px;} .breadcrumbs li, .breadcrumbs li a {display: inline;margin-right: 3px;font-size: 17px;font-weight: 300;color: #666;} .bc-white.breadcrumbs li a, .bc-white.breadcrumbs li a:hover, .bc-white.breadcrumbs li a:focus {color: #fff;} .fixed-me .bc-white.breadcrumbs li a {color: #333;} .fixed-me .bc-white.breadcrumbs li a:hover, .bc-white.breadcrumbs li a:focus{color:#F6880D;} .breadcrumbs li a:hover, .breadcrumbs li a:focus{color: #F6880D;} .breadcrumbs.p-d-page li, .breadcrumbs.p-d-page li a{ color: #fff;} .breadcrumbs.p-d-page li a:hover{color: #F6880D;} .fixed-me .breadcrumbs.p-d-page li, .fixed-me .breadcrumbs.p-d-page li a{ color: #333;} .fixed-me .breadcrumbs.p-d-page li a:hover{ color: #F6880D;} .breadcrumbs li .lnr {font-size: 13px;margin-right: 2px;} .mt-5{margin-top: 5px; } .main-header .logo-wrap .logo-2 {display: none;} .fixed-me .main-header .logo-wrap .logo-2, .main-header.fixed-me .logo-wrap .logo-2 {display: block;} .fixed-me .main-header .logo-wrap .logo-1, .main-header.fixed-me .logo-wrap .logo-1 {display: none;} #header {padding: 0px 0px 20px 0px;position: fixed;left: 0;top: 0;right: 0;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;z-index: 997;background: #fff !important} #header.header-scrolled {-webkit-box-shadow: -21.213px 21.213px 30px 0px rgba(158,158,158,0.3);box-shadow: -21.213px 21.213px 30px 0px rgba(158,158,158,0.3);background: rgba(255,255,255,0.9);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s} #header #logo img {padding: 0;margin: 0} .nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none} .nav-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;background: rgba(255,255,255,0.9)} .nav-menu li {position: relative;white-space: nowrap} .nav-menu>li {float: left} .nav-menu li:hover>ul, .nav-menu li.sfHover>ul {display: block} .nav-menu ul ul {top: 0;left: 100%} .nav-menu ul li {min-width: 180px;text-align: left} .sf-arrows .sf-with-ul {padding-right: 30px} .sf-arrows .sf-with-ul:after {content: "\f107";position: absolute;right: 15px;font-family: FontAwesome;font-style: normal;font-weight: normal} .sf-arrows ul .sf-with-ul:after {content: "\f105"} #nav-menu-container {margin: 0;display: inline-block;float: right;position: relative;} #nav-menu-container .nav-menu {padding: 0 10px;height: 68px;} .account-links, nav ul.nav-menu {float: left;} .nav-menu a {padding: 22px 10px 22px 10px;text-decoration: none;display: inline-block;color: #000;font-weight: 400;font-size: 16px;text-transform: uppercase;outline: none;} .nav-menu>li {margin-left: 10px} .nav-menu ul {margin: 22px 0 0 0;padding: 10px;-webkit-box-shadow: 0px 0px 30px rgba(127,137,161,0.25);box-shadow: 0px 0px 30px rgba(127,137,161,0.25);background: #fff} .nav-menu ul li {-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s} .nav-menu ul li a {padding: 10px;color: #333;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;font-size: 12px;text-transform: none} .nav-menu ul li:hover>a {color: #988fff} ul.nav-menu li.menu-active a, ul.nav-menu li.menu-active a:hover, ul.nav-menu li a:hover {color: #8442c2 !important;} .nav-menu ul ul {margin: 0} /**Account Links*/ .btn.btn-hire {float: right;margin-right: 50px;border: 1px solid #fff;color:#fff;text-transform: uppercase;margin-top: 16px;padding: 11px 20px 9px;font-size: 15px;line-height: 18px;border-radius: 5px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background:transparent;transition: 0.3s;-webkit-transition: 0.3s;} .btn.btn-hire:hover, .btn.btn-hire:focus{} .btn.port-btn {margin: auto;left: 0;right: 0;width: 43px;height: 41px;padding: 0;text-align: center;line-height: 40px; opacity: 0;visibility: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;font-size: 20px;padding: 3px;margin-right: 8px;border-radius: 5px !important;display: none;} .fixed-me .btn.port-btn{ top: 16px; display: inline-block; } .btn.port-btn span {display: block;background: #f5830a;border-radius: 3px;height: 33px;width: 35px;line-height: 35px;text-align: center;} .btn.port-btn span i{ color: #fff; margin:0;} header.main-header.fixed-me .btn.port-btn{ opacity: 1; visibility: visible; display: inline-block;} #mobile-nav-toggle {position: fixed;right: 15px;z-index: 1000;top: 16px;display: none;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;cursor: pointer;display: inline-block;background: transparent;border: 1px solid #fff;border-radius: 5px;width: 40px;height: 40px;text-align: center;padding: 0;line-height: 42px;font-size: 24px;} .fixed-me #mobile-nav-toggle, .fixed-me .btn.btn-hire, #mobile-nav ul li a.btn.btn-hire {border: 1px solid #ff952e;} .fixed-me #mobile-nav-toggle i, .fixed-me .btn.btn-hire, #mobile-nav ul li a.btn.btn-hire i {color: #ff952e;} #nav-menu-container {display: none} #mobile-nav-toggle i {color: #fff;font-weight: 900} #mobile-nav {position: fixed;top: 0;padding-top: 100px;bottom: 0;z-index: 998;background: #fff;left: auto;right: -290px;width: 280px;overflow-y: auto;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-repeat: no-repeat;background-size: contain;padding-bottom: 30px;background-image: url(../img/blog-head-bg1.webp);} /*#mobile-nav::before {content: '';position: fixed;background: url(../img/blog-head-bg1.webp);background-size: auto !important;width: 100%;height: 115px;top: 0;background-size: cover;z-index: 999;display: block;}*/ #mobile-nav > ul {padding: 0;margin: 0;list-style: none;overflow: auto;height: 100%;} #mobile-nav ul li {position: relative} #mobile-nav ul li a {color: #393939;font-size: 18px;overflow: hidden;padding: 17px 22px 17px 50px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;font-weight: 400;text-transform: uppercase;} #mobile-nav ul li:hover > a,#mobile-nav ul li.active > a,#mobile-nav ul li.active > a:hover,#mobile-nav ul li:hover > a:hover,#mobile-nav ul li:hover > a:focus,#mobile-nav ul li > a:focus,#mobile-nav ul li > a:hover,#mobile-nav ul .menu-item-active{background: #f17700;} #mobile-nav ul li:hover > a,#mobile-nav ul li.active > a,#mobile-nav ul li.active > a:hover,#mobile-nav ul li.active i.lnr,#mobile-nav ul li:hover i.lnr,#mobile-nav ul li > a:focus,#mobile-nav ul li > a:hover{color: #fff;} #mobile-nav ul li a span.m-icons {display: inline-block;margin-right: 16px;vertical-align: middle;width: 30px;text-align: center;} #mobile-nav ul li a span.m-icons img {display: inline-block;} #mobile-nav ul .menu-has-children i.lnr {position: absolute;z-index: 998;top: 0;left: 0;width: 50px;height: 62px;text-align: center;line-height: 65px;} #mobile-nav ul .menu-has-children li.active a {background: transparent;color: #f17700;} #mobile-nav ul li a span {display: inline-block;vertical-align: text-top;} #mobile-nav ul li a span.m-icons img {-o-transition: 0.3s;transition: 0.3s;-webkit-transition: 0.3s;opacity: 0.5;} #mobile-nav ul li:hover a span.m-icons img, #mobile-nav ul li.active span.m-icons img, #mobile-nav ul .menu-item-active span.m-icons img, #mobile-nav ul li > a:focus span.m-icons img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);opacity: 1;} #mobile-nav ul li li {padding-left: 30px} #mobile-nav ul li {position: relative;} #mobile-nav ul .menu-has-children li a {text-transform: none;} #mobile-nav ul .menu-has-children i.lnr.lnr-chevron-up {color: #fff} #mobile-nav ul .menu-has-children li a {text-transform: none;padding: 8px 12px;font-weight: 300;font-size: 17px;} #mobile-nav ul .menu-item-active {background: #F17700;color: #fff;} #mobile-nav ul .menu-item-active i.lnr {color: #fff;} #mobile-nav ul .menu-has-children ul li:hover a {background: #fff;} #mobile-nav ul .menu-has-children ul li:hover a, #mobile-nav ul .menu-has-children ul li:active a {color: #f17700;} #mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(0,0,0,0.7);display: none} /*Header Contact Info Style*/ .main-header .justify-content-between{text-align: center;} .head-contact-info {display: inline-block;width: auto;padding-top: 16px;margin-right: 15px;} .head-contact-info .c-item {display: inline-block;vertical-align: middle;} .head-contact-info .c-item a span {width: 40px;height: 40px;display: block;border: 1px solid #fff;border-radius: 50%;margin: auto;padding-top: 11px;} .head-contact-info .c-item a {display: block;text-align: center;margin: 0 2px;} .head-contact-info .c-item a span img {margin: auto;} .head-contact-info .c-item .tooltip-inner {background-color: transparent;border: 1px solid #fff;color: #fff;font-weight: 600;} .head-contact-info .c-item .tooltip-arrow {border-bottom-color: #fff;} .head-contact-info .c-item.item-wapp a span {padding-top: 10px;} .head-contact-info.mr-desktop{margin-right: 60px;} .theme-dark .c-item.item-phone span,.theme-dark .c-item.item-phone .tooltip-inner,.sticky-contact-info .c-item.item-phone a span.c-icon{background-color: #f7881c; border-color:#f7881c;} .theme-dark .c-item.item-mail span,.theme-dark .c-item.item-mail .tooltip-inner,.sticky-contact-info .c-item.item-mail a span.c-icon{background-color: #006bc0; border-color:#006bc0;} .theme-dark .c-item.item-wapp span,.theme-dark .c-item.item-wapp .tooltip-inner,.sticky-contact-info .c-item.item-wapp a span.c-icon{background-color: #68a826; border-color:#68a826;} .theme-dark .c-item.item-skype span,.theme-dark .c-item.item-skype .tooltip-inner,.sticky-contact-info .c-item.item-skype a span.c-icon{background-color: #51b9e4; border-color:#51b9e4;} .theme-dark .c-item.item-phone .tooltip-arrow {border-bottom-color: #f7881c;} .theme-dark .c-item.item-mail .tooltip-arrow {border-bottom-color: #006bc0;} .theme-dark .c-item.item-wapp .tooltip-arrow {border-bottom-color: #68a826;} .theme-dark .c-item.item-skype .tooltip-arrow {border-bottom-color: #51b9e4;} .sticky-contact-info {display: none;text-align: center;padding-top: 22px;} .sticky-contact-info .c-item {display: inline-block;margin: 0 10px;} .sticky-contact-info.narrow .c-item{margin: 0 10px;} .sticky-contact-info .c-item a {display: block;} .sticky-contact-info .c-item a span {display: inline-block;vertical-align: middle;color: #000;font-size: 15px;} .sticky-contact-info .c-item a span.c-icon {width: 33px;height: 33px;text-align: center;border-radius: 50%;padding-top: 8px;margin-right: 5px;} .sticky-contact-info .c-item a span.c-icon img {margin: auto;max-width: 16px;} .sticky-contact-info .c-item.item-mail a span.c-icon {padding-top: 11px;} .fixed-me .sticky-contact-info {display: inline-block;} .fixed-me .head-contact-info {display: none;} /*Header Contact Info Style*/ body.mobile-nav-active {overflow: hidden} body.mobile-nav-active #mobile-nav {right: 0} body.mobile-nav-active #mobile-nav-toggle i {color: #fff} body.mobile-nav-active #mobile-nav-toggle {border-color: #fff;} .section-gap {padding: 60px 0} .section-min-gap {padding: 30px 0;} .section-title {padding-bottom: 30px} .section-title h3 {margin-bottom: 20px;} .section-title h2 {margin-bottom: 20px;font-size: 55px;text-transform: uppercase;} .section-title p {font-size: 22px;margin-bottom: 0;font-weight: 300;} .section-title img {display: inline-block;margin-bottom: 60px;} .alert-msg {color: #008000} /**banners setting*/ .banner-area {background-size: cover;position: relative;overflow: hidden;height: 100vh;min-height: 500px;background: #ececec;} .banner-content.justify-content-center {padding-top: 110px;} .home-banner.banner-area .banner-content.justify-content-center{max-width: 950px;margin: auto; } .banner-content h1 {font-size: 70px;font-weight: 900;line-height: 1em !important;;} .banner-content p {font-weight: 300;font-size: 24px;margin: 15px 0 25px;} .innerpage-slide .slide-content,.banner-content .slide-content {padding-left: 50px;padding-top: 100px;z-index: 22;position: relative;} .banner-area .btn {text-transform: uppercase;min-width: 190px;} .pr-bg-gredient{background: #ffa423;background: -webkit-radial-gradient(center, ellipse cover, #ffa423 0%, #f17700 100%);background: -webkit-radial-gradient(center, ellipse, #ffa423 0%, #f17700 100%);background: -o-radial-gradient(center, ellipse, #ffa423 0%, #f17700 100%);background: radial-gradient(ellipse at center, #ffa423 0%, #f17700 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa423', endColorstr='#f17700', GradientType=1 );overflow: hidden;position: relative;height: 100vh;min-height: 600px;} .pr-bg-gredient h1, .pr-bg-gredient p{ color: #fff;} .pr-bg-gredient h1{text-shadow: 3px 4px 4px rgba(249, 122, 15, 0.7);} /***Home banner***/ .home-banner.banner-area {background-size: cover;position: relative;height: 1050px;background: #ffa423;background: -webkit-radial-gradient(center, ellipse cover, #ffa423 0%, #f17700 100%);background: -webkit-radial-gradient(center, ellipse, #ffa423 0%, #f17700 100%);background: -o-radial-gradient(center, ellipse, #ffa423 0%, #f17700 100%);background: radial-gradient(ellipse at center, #ffa423 0%, #f17700 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa423', endColorstr='#f17700', GradientType=1 );overflow: hidden;} .home-banner.banner-area .primary-btn {padding-left: 30px;padding-right: 30px} .home-banner .banner-content .btn {padding: 12px 35px;font-size: 16px;} .home-banner .banner-content h1 {color: #fff;font-size: 70px;font-weight: 900;line-height: 1em;text-shadow: 4px 4px 4px rgba(241,107,6,0.6);} .home-banner .banner-content p {color: #fff;font-weight: 300;font-size: 24px;margin: 15px 0 20px;} .slider-img-wrap .svg-img {width: 100%;} .header-btn {background-color: #fff;border-radius: 0;padding-left: 30px;padding-right: 30px;border: 1px solid transparent;color: #222} .header-btn:hover {border: 1px solid #fff;background: transparent;color: #fff} .banner-img {text-align: right} .section-titles.custom ul {padding-left: 20px;margin-top: 20px;} .section-titles.custom ul li {list-style: disc;margin-bottom: 5px;} .content-section{padding:140px 0;} .bg-theme{background:#F17700;} .d-flex{display:flex;flex-wrap: wrap;} .align-item-center{align-items: center;} /* .col-md-3{flex:0 0 25%;max-width: 25%;} */ .d-block{display:block;} .btn-outline{font-size:20px;line-height:24px;/* font-family:'Myriad Pro'; */ border:1px solid #F17700;background:none;padding:13px 30px 7px;border-radius:4px;} .btn-outline .arrow-icon{display:inline-block;vertical-align:top;vertical-align:top;visibility:hidden;opacity:0;-o-transform: translateX(-20px);-ms-transform: translateX(-20px);-moz-transform: translateX(-20px);-webkit-transform: translateX(-20px);transform: translateX(-20px);transition:all ease-in-out 0.3s;color:#F17700;font-size:24px;} .btn-outline:hover .arrow-icon{visibility:visible;opacity:1;-o-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);} .btn-outline .btn-text{display:inline-block;vertical-align:top;-o-transform:translateX(10px);-ms-transform:translateX(10px);-moz-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px);transition:all ease-in-out 0.3s;} .btn-outline:hover .btn-text{-o-transform:translateX(-10px);-ms-transform:translateX(-10px);-moz-transform:translateX(-10px);-webkit-transform:translateX(-10px);transform:translateX(-10px);} .bordered-heading{position: relative;padding:0;margin:0 0 30px;} .bordered-heading:before{content:"";width:210px;height:2px;background:#fff;position: absolute;left:0;bottom:-10px;} .heading-section p{font-size:16px;line-height:20px;} /****** Home Page Styles ******/ /* We Build */ .we-build p{font-size:26px;line-height:30px;color:#000405;font-family:'GT Eesti Text';font-weight:300;} .we-build h2{font-size:55px;line-height:65px !important;color:#000405;font-family:'GT Eesti Pro Text';margin:0 0 50px;font-family:'GT Eesti Text';font-weight:700;} .we-build .text-block{margin:0 0 30px;} /* What W Do*/ .what-we-do{position: relative;background:#F8F8F8;padding-bottom: 0 !important;} .what-we-do:after{content:"";height:500px;position:absolute;left:0;top:0;right:0;background:#F17700;z-index:0;} .what-we-do .container,.expertise .container{position:relative;z-index: 1;} .what-we-do .heading-section{margin:0 0 80px;} .what-we-do .as-circular-logo{width:297px;height:297px;position: absolute;top:-100px;right:60px;z-index:1;} .what-we-do .mb-20{margin-bottom: 20px;} .what-we-do .service-holder{padding:30px 20px;background:#fff;box-shadow:0px 3px 10px #0000001A;transition:all ease-in-out 0.3s;margin:0 0 0px;min-height:auto; height: 100%;} .what-we-do .service-holder p{font-size:16px;line-height:24px;color:#000000;font-weight:300;} .what-we-do .service-holder .icon-holder{width:80px;height:80px;font-size:40px;color:#F17700;margin:0 0 10px;color:#787878;display:flex;justify-content: center;align-items: center;transition: all ease-in-out 0.3s;} .what-we-do .service-holder .icon-holder.size { width: 110px; height: 110px;margin-top: -30px;} .what-we-do .service-holder .icon-holder.size.first {width: 120px;height: 120px;margin-left: -30px;margin-top: -40px;} .what-we-do .service-holder .icon-holder.size.second {margin-top: -80px;width: 160px;height: 160px;margin-left: -50px;position: relative;top: 30px;} .what-we-do .service-holder .icon-holder.size.third {width: 170px;height: 170px;margin-top: -90px;margin-left: -40px;position: relative;top: 40px;} .what-we-do .service-name{font-size:20px;line-height:24px;margin:0 0 15px;color:#F17700;font-weight:500;transition:all ease-in-out 0.3s;} .what-we-do .read-more-arrow{display: flex;justify-content: flex-end;} .what-we-do .read-more-arrow a{width:26px;height:26px;display: flex;justify-content: center;align-items: center;font-size:14px;color:#070707;border:1px solid #070707;border-radius:100%;transition: all ease-in-out 0.3s;} .expertise{position:relative;} .expertise .section-bg{background:#F8F8F8;position:absolute;left:0;top:0;right:0;height: 100%;} .expertise .heading-section p{color:#070707;} .expertise .heading-section h2{font-size:46px;line-height:50px !important;margin:0 0 30px;} .expertise .bordered-heading:before{background:#070707;} .expertise .section-bg img{width:100%;height:auto;} .expertise .heading-section{margin:0 0 80px;} .expertise .sub-heading{font-size:18px;line-height:22px;color:#F17700;display:block;margin:0 0 15px;font-weight:500;} .expertise h2{font-size:36px;line-height:40px !important;color:#070707;margin:0 0 15px;} .expertise .expert-text-holder{font-size:18px;line-height:28px !important;color:#070707;position: relative;z-index: 9;} .expertise .expert-text-holder p{margin:0 0 30px;} .expertise .bullet-points{position: relative;font-size:18px;line-height:22px;margin:0 0 35px;font-weight:500;} .expertise .bullet-points:before{content:"";width:2px;background:#F17700;position: absolute;left:0;top:0;bottom:13px;} .expertise .bullet-points li{position: relative;padding:0 0 0 30px;margin:0 0 20px;} .expertise .bullet-points li:before{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:100%;background:#F17700;position:absolute;left:-4px;top:0;} .expertise .expert-rows .expert-row:nth-child(odd) .image-col{float:left;} .expertise .expert-rows .expert-row:nth-child(odd) .text-col{float:right;} .expertise .expert-text-holder .btn-outline {color: #000;/* padding: 10px 30px; */} /* Tech Stacks */ .techs-stacks .heading-section{margin:0 0 80px;} .techs-stacks .heading-section h2{text-align: center;color: #000000;opacity: 0.89;font-size: 55px;margin-bottom: 24px;} .techs-stacks .heading-section p{color: #000000;font-size: 22px;line-height: 28px;opacity: 0.89;text-align: center;} .techs-stacks .nav-tabs{letter-spacing: 0;font-size:0;margin:0 0 30px;border:none;} .techs-stacks .nav-tabs li{display:inline-block;vertical-align: top;float:none;padding:0 15px;font-size:18px;line-height:22px;font-weight:500;position: relative;} .techs-stacks .nav-tabs a{padding:0;color:#494949;padding:0 0 10px;border:none;} .techs-stacks .nav-tabs a:hover{background: none;} .techs-stacks .nav-tabs li:after{width:0;height:5px;content:"";position: absolute;left:50%;bottom:0;background:#F17700;-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);transition:all ease-in-out 0.3s;} .techs-stacks .nav-tabs li:hover:after,.techs-stacks .nav-tabs li.active:after{width:100%;} .techs-stacks .nav-tabs>li.active>a,.techs-stacks .nav-tabs>li.active>a:focus,.techs-stacks .nav-tabs>li.active>a:hover{border:none;} .techs-stacks .stack-logos{display: flex;gap: 0;flex-wrap: wrap;} .techs-stacks .stack-logos li {background: #F8F8FA;width: calc(16.666% - 30px);margin: 15px;padding: 10px 10px; height: 120px;display: flex;cursor:pointer;align-items: center;justify-content: center;position: relative;margin-bottom: 50px;} .techs-stacks .stack-logos li h5 {font-size: 18px;color: #494949;position: absolute;bottom: -35px;} .techs-stacks .stack-logos li:hover {box-shadow: 0px 0px 4px 0px #00000052;transform: scale(1.1);} .techs-stacks .stack-logos li .logo-holder {width: 70px;height: 50px;display: flex;align-items: center;justify-content: center;} .techs-stacks .stack-logos li .logo-holder img {height: 100%;object-fit: contain;} /* Engagement Models */ .engagement-models .heading-section{margin-bottom: 76px;} .engagement-models .heading-section h2{text-align: center;color: #000000;opacity: 0.89;font-size: 55px;margin-bottom: 24px;} .engagement-models .heading-section p{color: #000000;font-size: 22px;line-height: 28px;opacity: 0.89;text-align: center;} .engagement-models .eng-model h2{font-size: 36px;color: #fff;opacity: 1;} .engagement-models .eng-model p{font-size: 18px;color: #fff;opacity: 1;} .engagement-models .eng-model{background-color: #F17700;padding: 34px 30px;border-radius: 13px;min-height: 378px;} .engagement-models .model-icon img{max-width: 67px;height: 67px;} .engagement-models .model-icon{width: 105px;height: 105px;border-radius: 13px;opacity: 1;display: flex;justify-content: center;align-items: center;margin-bottom: 28px;} .engagement-models .model-icon img{position: absolute;z-index: 4;max-width: 67px;height: 67px;} .engagement-models .model-icon::before{content: " ";width: 105px;height: 105px;background: #FFFFFF 0% 0% no-repeat padding-box;border-radius: 13px;opacity: 1;display: flex;justify-content: center;align-items: center;transition: all 0.3s;} .engagement-models .eng-models{margin-bottom: 80px;} .engagement-models .eng-model h2{margin-bottom: 18px;} .engagement-models .eng-model p{margin-bottom: 10px;} .engagement-models .btn-holder .button{border: 1px solid #fff;color: #fff;padding: 22px 34px 18px 34px;font-size: 20px;display: inline-block;} .eng-model .arrow-icon{display:inline-block;vertical-align:top;vertical-align:top;visibility:hidden;opacity:0;-o-transform: translateX(-20px);-ms-transform: translateX(-20px);-moz-transform: translateX(-20px);-webkit-transform: translateX(-20px);transform: translateX(-20px);transition:all ease-in-out 0.3s;color:#F17700;font-size:24px;} .eng-model:hover .arrow-icon{color: #fff; visibility:visible;opacity:1;-o-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);} .eng-model .btn-text{display:inline-block;vertical-align:top;-o-transform:translateX(10px);-ms-transform:translateX(10px);-moz-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px);transition:all ease-in-out 0.3s;} .eng-model:hover .btn-text{-o-transform:translateX(-10px);-ms-transform:translateX(-10px);-moz-transform:translateX(-10px);-webkit-transform:translateX(-10px);transform:translateX(-10px);} .eng-model:hover .model-icon::before{transform: rotate(45deg);transition: all 0.3s;} /* Our Team */ .our-team{position: relative;} .our-team .team-name {font-size: 24px;line-height: 28px;margin: 0 0 15px;font-weight: 500;color: #F17700;transition: all ease-in-out 0.3s;} .our-team .owl-stage {position: unset;} .our-team .owl-stage .owl-item {position: unset;} .our-team .team-carousal .team-cards .show-team{display: none;transition: all ease-in-out .4s;position: absolute;left: 0;width: 100%;top: 0;} .our-team .team-carousal .team-cards .hide-team:hover {cursor: pointer;} .our-team .team-carousal .team-cards:hover .show-team{display: block;z-index: 9;} .our-team .team-carousal .card{border: 10px solid #eee;border-bottom: 0;border-radius: 4px;} .our-team .team-carousal .card .card-body{flex: 1 1 auto;padding: 1rem 1rem;text-align: center;background: #eee;} .our-team .team-carousal .card img{display: block;width: 100%;height: auto;} .our-team .team-carousal .owl-controls .owl-nav .owl-prev > .fa, .our-team .team-carousal .owl-controls .owl-nav .owl-next > .fa{color: #fff;font-size: 20px;} .our-team .team-carousal .owl-controls .owl-nav {position: absolute;top: -80px;left: 0;right: 0;display: flex;} .our-team .team-carousal .owl-controls .owl-prev {left: auto;right: 25px;top: -34px;} .our-team:after{content:"";height:500px;position:absolute;left:0;top:0;right:0;background:#F17700;z-index:-1;} .our-team .heading-section{margin:0 0 80px;} /* testimonials */ .testimonials .heading-section{margin-bottom: 76px;} .testimonials .heading-section h2{text-align: center;color: #000000;opacity: 0.89;font-size: 55px;margin-bottom: 24px;} .testimonials .heading-section p{color: #000000;font-size: 22px;line-height: 28px;opacity: 0.89;text-align: center;} .testimonial-slide{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 0px 18px #C6C6C666;border: 1px solid #E7E7E7;opacity: 1;padding: 39px 20px 31px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;} .testimonial-slide ul{display: flex;gap: 4px;margin-bottom: 21px;} .testimonial-slide ul li{color: #F27B03;font-size: 18px;} .testimonial-slide p{font-size: 18px;color: #000;opacity: 1;margin-bottom: 25px;} .testimonial-author{font-size: 18px;color: #000;font-weight: 700;} .testimonial-quotes{position: absolute;bottom: -20px;right: 50px;} .testimonial .owl-stage-outer .owl-stage{margin-bottom: 29px;padding: 50px 0;} .testimonial .owl-item{opacity: 0.4;} .testimonial .owl-item.active.center {transform: scale(1.2);z-index: 9;opacity: 1;} .testimonial .owl-controls .owl-next i, .testimonial .owl-controls .owl-prev i{color: #000;font-size: 20px;} .testimonial .owl-controls .owl-next i:hover, .testimonial .owl-controls .owl-prev i:hover{color: #F27B03;} .testimonial .owl-controls .owl-nav .owl-prev, .testimonial .owl-controls .owl-nav .owl-next {position: absolute;top: 50%;transform: translateY(-50%);display: flex !important;align-items: center;} .testimonial .owl-controls .owl-prev {left: -70px;} .testimonial .owl-controls .owl-next {right: -70px;} .certification-wrap.new{ padding-top: 100px;padding-bottom: 200px; background: url(../img/team-wrap-bg.webp) no-repeat; background-position: center bottom; background-size: contain;} .certification-wrap.new .certif{ margin-top: 40px;} .certification-wrap.new .certif ul li {float: none;width:calc(20% - 20px);margin: 15px 10px;display: inline-block;} .certification-wrap.new .certif ul li a{border: 1px solid #ffffff73;border-radius: 3px; cursor: auto; background: #fff;height: 200px;line-height: normal;box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09),10.285px 12.257px 38px 0px rgba(12,34,66,0.13);border-radius: 20px;display: flex;align-items: center;justify-content: center;} .certification-wrap.new .certif ul li a img {max-width: 120px;max-height: 150px;width: 100%;} .we-build-content .btn-outline {display: inline-block;color: #000;} .expert-image-holder {height: 100%;display: flex;align-items: center;} .expert-image-holder .hoverEffects {width: 100%;} .banner-area.random { min-height: 100vh; height: auto; display: flex; align-items: center; width: 100%; justify-content: center; } .banner-area.random .banner-content{ width: 100%; } ul.sublist-styling{ padding-left: 30px; } ul.sublist-styling li{ list-style: lower-alpha; padding-left: 5px; } @media (max-width: 767px) {.banner-img { width: 60%; text-align: center; margin-left: auto; margin-right: auto} .home-banner .banner-img { width: 60%; text-align: center; margin-left: auto; margin-right: auto} .confirmation-btn .btn{ padding: 6px 15px; font-size: 14px;}} /**cntent box with image*/ .content-with-img .content-img {max-height: 290px;overflow: hidden;text-align: center;} .content-with-img .content-img img {width: auto;max-height: 290px;} .content-with-img .content-detail h3 {margin-bottom: 15px;text-transform: uppercase;font-size: 40px;} .content-with-img .content-detail p {font-size: 20px;font-weight: 300;margin-bottom: 20px;} /**END*/ /* Services Area*/ .single-ser.content-with-img {max-width: 530px;margin: 20px auto 80px;} .single-ser.content-with-img .service-img {max-height: 290px;margin-bottom: 50px;} .single-ser.content-with-img .service-img img.svg-icon {display: inline-block;height: 270px;} /**END*/ /**Achievement wrapper*/ .achv-single-wrap {position: relative;} .achv-single-wrap .achv-img .img-responsive {width: 100%;} .achv-single-wrap .achv-content {padding-top: 60px;} /*step1*/ .achv-single-wrap.step1 {padding-bottom: 280px;} .achv-single-wrap.step1::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: url(../img/achv-bg1.webp);display: block;background-repeat: no-repeat;background-position: 35% bottom;z-index: -21;} /*step2*/ .achv-single-wrap.step2 {padding-bottom: 310px;} .achv-single-wrap.step2::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: url(../img/achv-bg2.webp);background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;display: block;background-repeat: no-repeat;background-position: 60% bottom;z-index: -21;} .achv-single-wrap.step2 .achv-img img {margin-top: -35px;margin-left: 35px;} .achv-single-wrap.step2 .achv-content {padding-left: 50px;} .achv-single-wrap .achv-content h4 {margin-bottom: 20px;} /*step3*/ .achv-single-wrap.step3 .achv-img img {margin-top: -3px;max-width: 350px;} .achv-single-wrap.step3 .achv-content {padding-right: 100px;margin-top: 20px;} /*step4*/ .achv-single-wrap.step4 {padding-top: 350px;} .achv-single-wrap.step4::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: url(../img/achv-bg3.webp);background-position-x: 0%;background-position-y: 0%;display: block;background-repeat: no-repeat;background-position: 50% top;z-index: -21;} .achv-single-wrap.step4 .achv-img img {margin-top: -3px;max-width: 400px;margin-left: 15px;} .achv-single-wrap.step4 .achv-content {padding-left: 50px;padding-top: 120px;} /**END*/ /**Team wrap**/ .team-wrap {padding: 150px 30px 80px;/* background: url(../img/team-wrap-bg.webp) no-repeat; */ background-position: center bottom;} .team-wrap .btn.btn-primary {padding: 17px 28px;margin-top: 180px;margin-bottom: 50px;font-size: 20px;} /**End*/ /** Testimonials wrap*/ .testomial-area {background: url(../img/vdo-bg.webp) no-repeat;background-position: center center;} .play-button {margin: 30px auto;text-align: center;display: inline-block;} .testomial-area .owl-controls {position: absolute;top: 50%;color: #ddd;width: 100%;} .testomial-area .owl-prev, .testomial-area .owl-next {position: absolute;font-size: 26px;} .testomial-area .owl-next {right: 0;} .single-testimonial {text-align: left;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;background: rgba(0,0,0,0.4);padding: 12px 20px;height: 318px;} .single-testimonial h5 {text-transform: capitalize;color: #fff;font-weight: 400;font-size: 28px;margin-left: 30px;} .single-testimonial .desc {max-width: 800px;margin: auto;color: #e3e3e3;font-size: 18px;padding: 25px 35px;line-height: 21px;} .testi-icon {width: 90px;height: 90px;overflow: hidden;border-radius: 50%;border: 1px solid #ccc;margin-left: 33px;margin-top: 20px;} /*END*/ /** FAQs area*/ .faqs-quote-wrap .heading-section { margin-bottom: 30px; } .faqs-quote-wrap .inner-with-shadow {-webkit-box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.1);box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.1);padding: 60px;} .faqs-wrap .panel-heading {padding: 0;border: 0;background: transparent;} .faqs-wrap .panel-group .panel {margin-bottom: 0;border-radius: 0px;border: 0;background: transparent;box-shadow: none;} .faqs-wrap .panel-title > a {display: block;padding: 25px 40px 25px 6px;color: #262626;font-size: 17px;font-weight: 400;word-spacing: 0;text-decoration: none;border-bottom: 1px solid #ddd;border-radius: 0;position: relative;letter-spacing: 0;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;} .faqs-wrap .panel-heading.active .panel-title > a { border: none; } .faqs-wrap .panel-title > a span {width: 32px;height: 32px;background: #e6e6e6;display: inline-block;text-align: center;line-height: 32px;border-radius: 50%;font-size: 16px;font-weight: 400;} .faqs-wrap .panel-heading a::before {font-family: 'fontawesome';content: "\f078";float: right;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;color: #314354;font-size: 14px;right: 13px;position: absolute;top: 26%;} .faqs-wrap .panel-heading.active a:before {content: "\f077";color: #ecba00;} .faqs-wrap .panel-heading.active a span {background: #f17700;color: #fff;} .faqs-wrap .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: 0;border-bottom: 0;font-size: 16px;font-weight: 300;background-color: #F8F8FA; padding: 25px 30px;border-radius: 10px;} /*END*/ /**Quote form*/ .faqs-quote-wrap .quote-form { background: #000; text-align: center; } .faqs-quote-wrap .quote-form h5 { color: #fff; } .faqs-quote-wrap .quote-form p { color: #fff; } .quote-form {background: #ececec;padding: 30px 35px;border-radius: 10px;} .quote-form .form.iquiry-form .form-control {padding:5px 20px;background: #fff;border: none;border-bottom: 1px solid #999;border-radius: 6px;-webkit-box-shadow: none;box-shadow: none;color:#222;} .quote-form .form.iquiry-form input[type="text"] {height: 45px;} .trobtns .seprato {text-transform: uppercase;font-weight: 500;padding: 14px;line-height: 10px;display: inline-block;} .trobtns .btn-secondary {background: #ddd;line-height: 22px;} .pricelist li {width: 32.33%;float: left;text-align: center;margin: 20px 4px;padding: 20px;background: #F6F6F6;border-radius: 10px;} .pricelist li.mid {transform: scale(1.1);box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);z-index: 9;display: block;position: relative;} .pricelist {margin: 40px 0;} .jun .p-price {background: #F98E25;} .pricelist li .p-heading {padding: 15px 5px 0;font-size: 30px;} .text-center.let-tro {margin-top: 70px;} .sen .p-price {background: #D76A00;} .jun .p-price {background: #F98E25;} .p-exp {font-size: 20px;margin-bottom: 25px;color: #777;letter-spacing: 0.5px;} .p-price {width: 130px;height: 130px;margin: auto;margin-bottom: auto;text-align: center;background: #F27700;color: #fff;font-size: 30px;font-weight: bold;line-height: 130px;border-radius: 50%;margin-bottom: 15px;} /**Footer section**/ .footer-area {background: #000000;padding-top: 80px;position: relative;color: #bfbfbf;} .footer-area .footer-logo {max-width: 110px;display: inline-block;margin-bottom: 50px;} .footer-area h5 {color: #fff;font-size: 22px;line-height: 30px;padding: 8px 0;margin-bottom: 40px;font-weight: 300;border-bottom: 2px solid #806534;} .footer-area ul li {line-height: 30px;font-weight: 300;font-size: 18px;color: #bfbfbf;} .footer-area ul li a {color: #bfbfbf;font-weight: 300;font-size: 18px;} .footer-area ul li a:hover{ color: #F17700;} .copy-right-text i, .copy-right-text a {color: #988fff} .footer-widget .nobullets-list span {margin-left: 8px;} .copyirght-text {font-size: 14px;border-top: 1px solid #333;padding: 15px 0;color: #747474;font-weight: 300;margin-top: 50px;} .copyirght-text a {color: #747474;} .copyirght-text a:hover{color: #f17700;} .footer-social a {width: 50px;display: inline-table;height: 50px;text-align: center;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border: 2px solid #4d4d4d;border-radius: 50%;} .footer-social a:hover {border-color: #F17700;} .footer-social a:hover i {color: #F17700} .footer-social i {color: #4d4d4d;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;font-size: 22px;line-height: 47px;} .footer-bottom {padding: 10px;background: #f1f1f1;color: #000;font-weight: 300;font-size: 14px;display: none;} .footer-text a, .footer-text i {color: #988fff} .footer-widget .btn.btn-orange-outline { margin-top: 10px; } .white-bg {background: #fff} .section-top-border {padding: 50px 0;border-top: 1px dotted #eee} /** slide absolute img**/ .slider-img-wrap.absolute-img {position: absolute;right: 0px;max-width: 800px;z-index: 1;} /**=====**Services Page*====**/ /**services header*/ .services-page #mobile-nav-toggle, .services-page .btn.btn-hire, .services-page #mobile-nav ul li a.btn.btn-hire {border: 1px solid #ff952e;} .services-page #mobile-nav-toggle i, .services-page .btn.btn-hire, .services-page #mobile-nav ul li a.btn.btn-hire i {color: #ff952e;} /**services banner**/ .services-banner .banner-content.justify-content-center {padding-top: 9%;} .services-banner .banner-content h1 {font-size: 70px;} .services-banner .slide-content {padding-left: 50px;padding-top: 80px;} .services-banner .slide-content .btn {margin-top: 30px;} /**services-list*/ .service-list {padding: 80px 0;border-bottom: 1px solid #ddd;} .service-list:last-child {border-bottom: 0;} .service-list .service-img img {min-height: 190px;display: inline-block;} .service-list .content-detail h4 {margin-top: 20px;margin-bottom: 10px;} .devided-section {border-top: 1px solid #d1d1d1;position: relative;padding-top: 50px;} .devided-section:before {content: '';position: absolute;width: 50%;background: #f8f8f8;top: 0;bottom: 0;left: 0;right: 0;display: block;border-right: 1px solid #d1d1d1;} .devided-section .single-ser.content-with-img {max-width: 530px;margin: 20px auto 40px;} /**=====end services page=====**/ /***Contact Page*/ .contact-banner {height: 100vh !important;min-height: 500px;} .contact-banner .banner-content .slide-content {padding-top: 150px;} .contact-banner .slider-img-wrap.absolute-img {max-width: 900px;bottom: -28px;z-index: 1;right: 0;margin: inherit;left: auto;} .add-p-det {padding: 0 0 14px 0;display: block;font-size: 16px;font-weight: 500;} .uploadIcon{ cursor: pointer;} .contact-page .breadcrumbs li {color: #fff;} .contact-page .breadcrumbs li a{color:#fff;} .fixed-me .contact-page .breadcrumbs li{ color: #333;} .fixed-me .contact-page .breadcrumbs li a{ color: #333;} .btn.btn-white-outline.btn-icon {height: 80px;width: 80px;padding: 0;text-align: center;line-height: 76px;border-radius: 50%;z-index: 2;min-width: 82px;} .btn.btn-white-outline.btn-icon img {display: inline-block;} .contact-page-area .form-area input {padding: 15px} .contact-page-area .form-area input, .contact-page-area .form-area textarea {border-radius: 0;font-size: 12px} .contact-page-area .form-area textarea {height: 160px;margin-top: 0px} .contact-form input.form-control {border-radius: 3px;height: 46px;} .contact-form textarea.form-control {border-radius: 0;min-height: 170px;} /**intrested area*/ .intrested-wrap .content-with-icon { margin-top: 20px; } .content-with-icon .icon {height: 70px;} .intrest-box {border: 1px dotted #ccc;padding: 50px 20px 5px;text-align: center;border-radius: 5px;-o-transition: all 0.15s cubic-bezier(0.13, 0.47, 0.66, 0.82);transition: all 0.15s cubic-bezier(0.13, 0.47, 0.66, 0.82);-webkit-transition: all 0.15s cubic-bezier(0.13, 0.47, 0.66, 0.82);margin-bottom: 10px;} .intrest-box img {height: 120px;} .intrest-box label {text-align: left;margin-top: 30px;font-size: 24px;color: #898989;} .intrest-box label .checkmark {top: 6px;} .intrest-box:hover {border: 1px solid #ddd;-webkit-box-shadow: inset 0 0 0 5px #ddd;box-shadow: inset 0 0 0 5px #ddd;} .intrested-wrap .contact-services {padding-top: 30px;padding-bottom: 30px;} .contact-services label.radiobutton-container {font-weight: 500;} .contact-services .radiobutton-container .checkmark {top: 2px;} .contact-services .subser-list {padding-left: 50px;} .cinfo-wrap {margin-top: 30px;} .cinfo-wrap h5 {font-size: 30px;font-weight: 400;margin: 30px 0 30px;} ul.info-list li {font-size: 16px;font-weight: 300;color: #000;padding: 10px 0;} ul.info-list li a{ color: #000;} ul.info-list li a:hover{color: #f17700;} .pd-slide ul.info-list li a:hover, ul.info-list li a:focus{ color: #F18319;} ul.info-list li img.inline {vertical-align: bottom;margin-right: 5px;} ul.info-list li h6 {font-size: 20px;font-weight: 400;color: #000;margin-bottom: 6px;} ul.info-list-style li{list-style: inside;} .uploadIcon {text-align: center;border: 1px dotted;padding: 10px;} .uploadFa {font-size: 100px;} i.fa.uploadFa.fa-check {color: green;} /**END*/ .scrollmagic-pin-spacer{ z-index: 9999;} .v-middle-image {position: absolute;top: auto;bottom: 0;webkit-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);webkit-transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);} .step-image img {max-width: 540px;} .progress-bullets.loaded {display: none;} /* Game Development page */ .gamedevelopment-banner::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background: linear-gradient(to bottom,#1e2033 , #000);} .gamedevelopment-banner{background: url(../img/portfolio/game/banner-bg.png);background-repeat: no-repeat;background-size: 100%;background-position:center;} .gamedevelopment-banner .banner-content h1{color: #fff;} .gamedevelopment-banner .banner-content p{color: #fff;} /**Web development page**/ .webdevelopment-banner .slider-img-wrap.absolute-img {right: 60px;max-width: 630px;z-index: 1;bottom: 0;} .section.-full {background-position: center center !important;} .webdevelopment-banner .banner-content p{ max-width: 500px;} .products-sec{ padding-top: 70px; background-attachment: fixed !important; background-position: center top;} .products-sec h1{ margin: 30px 0 15px; font-size: 65px;} .products-sec p{ margin-bottom: 30px;} .web-custom{ background: url(../img/webdevelopment-bg1.webp) ; } .web-ecommerce{ background: url(../img/webdevelopment-bg2.webp) ; } .web-cart{ background: url(../img/webdevelopment-bg3.webp) ; } .cloud-custom{ background: #fafafa } .cloud-ecommerce{ background: url(../img/portfolio/cloud/product-bg1.webp) ; } .cloud-cart{ background: url(../img/portfolio/cloud/product-bg3.webp) ; } .it-custom{ background: url(../img/portfolio/it/productbg-1.webp) ; } .it-ecommerce{ background: url(../img/portfolio/it/productbg-2.webp) ; } .it-cart{ background: url(../img/portfolio/it/productbg-3.webp) ; } .blockchain-custom{ background: url(../img/blockchain/blockchain-bg-1.webp) ; } .blockchain-ecommerce{ background: url(../img/blockchain/blockchain-bg-2.webp) ; } .blockchain-cart{ background: url(../img/blockchain/blockchain-bg-3.webp) ; } .game-custom{ background: url(../img/portfolio/game/banner1-bg.jpg) ;background-size: cover;background-repeat: no-repeat; background-position: center bottom; } .game-ecommerce{ background: url(../img/portfolio/game/banner2-bg.webp) ;background-size: 100%; } .game-cart{ background: url(../img/portfolio/game/banner3-bg.webp) ;background-size: 100%; } .enterprise-custom{ background: url(../img/portfolio/enterprise/bg-1.webp) ;background-size: 100%; } .enterprise-ecommerce{ background: url(../img/portfolio/enterprise/bg-2.webp) ;background-size: 100%; } .enterprise-cart{ background: url(../img/portfolio/enterprise/bg-3.webp) ;background-size: 100%; } .rec-proj { margin: 30px auto; border: 1px solid #ddd; overflow: hidden; text-align: center; max-width: 300px;} .rec-proj img{ max-height: 400px;} /**End*/ /**Mobile development page**/ .product-section .media{ overflow: visible;} .product-section.mobileapps-wrap .v-middle-image{ right: -80px;} .product-section.mobileapps-wrap .step-screen{ top: 52%; max-width: 620px; width: 50%;} .mob-business{ background: url(../img/mobiledev-bg1.webp) ; } .mob-entertainment{ background: url(../img/mobiledev-bg2.webp) ; } .mob-games{ background: url(../img/mobiledev-bg3.webp) ; } .mob-arvr{ background: url(../img/mobiledev-bg4.webp) ; } .section-gap.mob-arvr {background-size: cover;min-height: 700px;} .section-gap.mob-arvr h1, .section-gap.mob-arvr p{ color: #222;margin-top: 0;} .mob-games .section-title, .mob-business .section-title, .mob-entertainment .section-title {padding-top: 120px;} /**End*/ /**Graphic Design page**/ .graphic-banner{ position: relative;} .graphic-banner:before{ content: ''; position: absolute; background: url(../img/graphicdesign-corner-img.webp) right bottom; background-repeat: no-repeat; width: 50%; height: 280px; right: 0; bottom: 0; background-size: cover; } .graphic-banner .slider-img-wrap.absolute-img {position: absolute;right: 9%;max-width: 556px;} .web-design{ background: url(../img/graphicdesign-bg1.webp) ; } .logo-design{ background: url(../img/graphicdesign-bg2.webp) ; } .cards-design{ background: url(../img/graphicdesign-bg3.webp) ; } /***end***/ /**desktop design page***/ .desktop-banner .slider-img-wrap.absolute-img {position: absolute;right: 15px;max-width: 700px;top: 50px;} .cloud-banner .slider-img-wrap.absolute-img {position: absolute;right: 15px;max-width: 800px;top: 0; bottom: 0;display: flex;align-items: center;} .it-banner .slider-img-wrap.absolute-img {position: absolute;right: 15px;max-width: 800px;top: 0; bottom: 0;display: flex;align-items: center;} .custom-dev{ background: url(../img/desktopdesign-bg1.webp) ; } .pos{ background: url(../img/desktopdesign-bg2.webp) ; } .stda{ background: url(../img/desktopdesign-bg3.webp) ; } /**end**/ /**internet marketing page***/ .seo-banner{ position: relative;} .seo-banner .slider-img-wrap.absolute-img {position: absolute;right: 15px;max-width: 700px;top: 50px;} .seo-banner::before {content: '';position: absolute;background: url(../img/seo-corner-img.webp) right bottom;background-repeat: no-repeat;width: 70%;height: 385px;right: 0;bottom: 0;background-size: cover;} .on-site{ background: url(../img/seo-bg1.webp) ; } .off-site{ background: url(../img/seo-bg2.webp) ; } .adwords{ background: url(../img/seo-bg3.webp) ; } .feature-list li { display: inline-block; margin: 3px;font-size: 16px; font-weight: 500;} /**end**/ /**products page***/ .products-banner{ height: 100vh !important;} .products-banner .slider-img-wrap.absolute-img {position: absolute;right: 60px;max-width: 400px !important;z-index: 1;} .pro-quote{padding: 29px;margin: 0;margin-left: 0px;margin-left: 4px;border-width: 8px;} .c-heading {line-height: 47px !important;font-size: 63px;} .content-with-icon h6{ font-weight: 500; margin: 10px 0;} .buttons-wrap{ margin-top: 40px;} .p-crm{ position: relative;} .p-crm:before{ content: ''; background: url(../img/product-crm-img.webp); background-repeat: no-repeat; background-size: contain; width: 47%; left: 0; bottom: 0;top: 0; position: absolute; background-position: center;} .p-pso .text-center.img-wrap {padding: 30px;} /**end**/ /**tro page***/ .tro-banner .slider-img-wrap.absolute-img { right: 50px; max-width:700px; bottom: 0; z-index: 1;} ul.exper-list {margin: 10px 0;font-size: 18px;} ul.exper-list li {padding: 10px;line-height: 20px;} .exper-list .checkmark {position: relative;display: inline-block;border: 1px solid #ddd;height: 24px;width: 24px;margin-right: 8px;vertical-align: sub;} .exper-list .checkmark::after {content: '';position: absolute;display: block;left: 7px;top: 1px;width: 8px;height: 16px;border: solid #f0851d;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .tro-links .link {font-weight: 500;font-size: 18px;margin-right: 5px;color: #222;} .tro-links .link.collapsed{ color: #222;} .tro-links .link:hover, .tro-links .link.active{color: #ff952e;} .form.iquiry-form .form-control {background: transparent;border: none;-webkit-box-shadow: none;box-shadow: none;border-bottom: 2px solid #fff;border-radius: 0;color: #fff;font-size: 18px;padding: 10px 0;} .form.iquiry-form input.form-control{height: 45px;} .form.iquiry-form input::-webkit-input-placeholder,.form.iquiry-form ::-webkit-input-placeholder{color: #fff;} .form.iquiry-form input:-ms-input-placeholder,.form.iquiry-form :-ms-input-placeholder{color: #fff;} .form.iquiry-form input::-ms-input-placeholder,.form.iquiry-form ::-ms-input-placeholder{color: #fff;} .form.iquiry-form input::placeholder,.form.iquiry-form ::placeholder{color: #fff;} .form.iquiry-form input::-webkit-input-placeholder, .form.iquiry-form::-webkit-input-placeholder, .form.iquiry-form input.form-control::-webkit-input-placeholder{color: #fff; } .form.iquiry-form input:-ms-input-placeholder, .form.iquiry-form::-webkit-input-placeholder, .form.iquiry-form input.form-control::-webkit-input-placeholder{ color: #fff;} .quote-form .form.iquiry-form .form-control::-webkit-input-placeholder{ color: #222 !important;} .quote-form .form.iquiry-form .form-control:-ms-input-placeholder{ color: #222 !important;} .quote-form .form.iquiry-form .form-control::-ms-input-placeholder{ color: #222 !important;} .quote-form .form.iquiry-form .form-control::placeholder{ color: #222 !important;} .quote-form .form.iquiry-form .form-control::-webkit-input-placeholder,.quote-form .form.iquiry-form .form-control::-webkit-input-placeholder .quote-form .form.iquiry-form input::-webkit-input-placeholder,.quote-form .form.iquiry-form ::-webkit-input-placeholder{ color: #222 !important;} .quote-form .form.iquiry-form .form-control::-webkit-input-placeholder,.quote-form .form.iquiry-form .form-control::-webkit-input-placeholder .quote-form .form.iquiry-form input::placeholder,.quote-form .form.iquiry-form ::placeholder{ color: #222 !important;} .form-group.upload-file input.form-control {height: 150px;opacity: 0;z-index: 30;display: block;position: absolute;left: 15px;width: 96%;} .form-group.upload-file .file-overlay {display: block;top: 0;bottom: 0;width: 100%;border: 1px dashed #fff;z-index: 1;color: #fff;text-align: center;padding: 25px;border-radius: 7px;} .form-group.upload-file .lnr {font-size: 60px;padding-bottom: 16px;display: block;} .tro-wrap {padding: 50px 0;border-bottom: 1px solid #ddd;} .tro-content h4 {margin-bottom: 8px;} /***career page**/ .bullet-list{ font-size: 18px; } .bullet-list i{ font-size: 12px; color: #F07800; margin-right: 10px; } .aply-btn {float: right;position: absolute;right: 20px;top: 0;} .aply-btn .btn {padding: 10px 20px;text-transform: uppercase;font-size: 15px;} .benefits .content-with-img {padding: 20px;} .benefits .content-with-img h4{margin: 20px 0;} .benefits .bullet-list li {padding: 10px 5px 10px 25px;position: relative;} .benefits .bullet-list li::before {content: "";display: inline-block;width: 14px;height: 14px;border: 2px solid #F07800;border-radius: 50%;position: absolute;left: 0px;margin-top: 4px;} .benefits .content-with-img .content h6 {margin: 25px 0 10px;font-size: 22px;} /**end***/ /***company / about page***/ .about-banner {height: 100vh !important;min-height: 500px !important;z-index: 9;} .about-intro{ z-index: 9; background: #fff; position: relative; padding-bottom: 80px;} .about-banner .slider-img-wrap { max-width: 650px !important; bottom: 0;} .about-intro h4 {margin-bottom: 15px;} /***timeline styling**/ .timeline-wrapper {min-height: 100vh;font-weight: 300;color: #fff;position: relative;} .timeline-wrapper section {height: 100vh;font-size: 40px;font-weight: 100;background-color: #22A7F0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .timeline-wrapper section:nth-child(1) {background: white;} .timeline-wrapper section:nth-child(2) {background: #084892;} .timeline-wrapper section:nth-child(3) {background: #84c157;} .timeline-wrapper section:nth-child(4) {background: #1090b0;} .timeline-wrapper section:nth-child(5) {background: #f17700;} .timeline-wrapper section:nth-child(6) {background: #03C9A9;} .timeline-wrapper section:nth-child(7) {background: #ffcc00;} .timeline-wrapper .nav__wrapper {position: fixed;padding: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 60%;height: 80%;top: 12%;} .timeline-wrapper .nav {margin: 0px 0 0px 30px;width: calc(100% - 40px);position: relative;} .timeline-wrapper .nav__counter {font-size: 24px;-webkit-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;} .timeline-wrapper .nav__title {font-size: 34px;font-weight: 500;margin: 5px 0 20px;width: 300px;height: 0;overflow: hidden;opacity: 0;color: #fff;-webkit-transition: height 0.3s ease-out, opacity 0.2s ease-out;-o-transition: height 0.3s ease-out, opacity 0.2s ease-out;transition: height 0.3s ease-out, opacity 0.2s ease-out;} .timeline-wrapper .nav__body {font-weight: 300;font-size: 18px;width: 300px;height: 0;overflow: hidden;opacity: 0;color: #fff;-webkit-transition: height 0.3s ease-out, opacity 0.2s ease-out;-o-transition: height 0.3s ease-out, opacity 0.2s ease-out;transition: height 0.3s ease-out, opacity 0.2s ease-out;} .timeline-wrapper .nav li {position: relative;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;margin-bottom: 1em;width: 100%;} .timeline-wrapper .nav::after {content: '';display: block;border-left: 2px solid white;border-top: 2px solid white;height: 50vh;position: absolute;left: -30px;} .timeline-wrapper .nav li:after{content: '';display: block;border-left: 2px solid white;border-top: 2px solid white;height: 250px;width: 20px;position: absolute;left: -30px;top: 15px;} .timeline-wrapper .nav li a {display: block;padding: 0;color: #fff;-webkit-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;} .timeline-wrapper .nav li a:hover {background-color: transparent;padding-left: 1em;} .timeline-wrapper .nav li a:focus {background-color: transparent;} .timeline-wrapper .nav li.active {pointer-events: none;padding-left: 5em;} .timeline-wrapper .nav li.active:after {width: 95px;height: 400px;top: 35px;} .timeline-wrapper .nav li.active .nav__counter {font-size: 60px;font-weight: 500;} .timeline-wrapper .nav li.active .nav__title {height: auto;opacity: 1;overflow: visible;width: 100%;} .timeline-wrapper .nav li.active .nav__body {height: auto;opacity: 1;overflow: visible;width: 100%;} /***portfolio page***/ .portfolio-banner .slider-img-wrap.absolute-img {max-width: 570px;bottom: 0;top: auto;} .alert{display: none;} img.img-responsive.imgLoader {position: fixed;top: 40%;right: 45%;z-index: 9999;display: none;} .projects-tabs {background: #f5f5f5;max-width: 100%;margin: 20px auto;text-align: center;border-bottom: 0;padding: 5px;border-radius: 35px;} .nav-tabs.projects-tabs > li {float: none;margin-bottom: -1px;display: inline-block;} .nav-tabs.projects-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 30px;color: #333;text-transform: uppercase;font-size: 14px;letter-spacing: 0.3px;font-weight: 500;padding: 10px 8px;} .nav-tabs.projects-tabs > li.active > a, .nav-tabs.projects-tabs > li.active > a:focus, .nav-tabs.projects-tabs > li.active > a:hover {color: #fff !important;cursor: default;background-color: #ff6a19;border: none;border-bottom-color: currentcolor;border-bottom-color: transparent;} .tab-slide {padding: 50px;position: relative;min-height: 300px;} .tab-slide .slide-img img {position: absolute;max-height: 370px;bottom: 0;top: -110px;} .tab-slide h2{ font-size: 60px; line-height: 70px; color: #222;} .tab-slide.graphic-banner::before {content: '';position: absolute;background: url(../img/graphicdesign-corner-img.webp) right bottom;background-size: auto;background-repeat: no-repeat;width: 40%;height: 300px;right: 0;bottom: 0;background-size: cover;} /**demo styling**/ .demo-effects {margin-bottom: 40px;} .demo-effects .set-position {display: block;} .demo-effects > div .layout-container {height: 500px;width: 100%;background: #f8f8f8;border-radius: 7px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;background-size: cover;-webkit-transition: 20s ease-out;-o-transition: 20s ease-out;transition: 20s ease-out;-webkit-box-shadow: -1px 2px 5px 1px #ececec;box-shadow: -1px 2px 5px 1px #ececec;background-image: url(../img/icons/as-loader.gif) ;background-repeat: no-repeat;} .demo-effects > div .layout-container.demo1 {background-image: url(../img/portfolio/port-web1.webp);} .demo-effects > div .layout-container.demo2 {background-image: url(../img/portfolio/port-web2.webp);} .demo-effects > div .layout-container.demo3 {background-image: url(../img/portfolio/port-web3.webp);} .demo-effects > div .layout-container.demo4 {background-image: url(../img/portfolio/port-web4.webp);} .demo-effects > div .layout-container.demo5 {background-image: url(../img/portfolio/port-web5.webp);} .demo-effects > div .layout-container.demo6 {background-image: url(../img/portfolio/port-web6.webp);} .demo-effects > div .layout-container.demo7 {background-image: url(../img/portfolio/port-web7.webp);} .demo-effects > div .layout-container.demo8 {background-image: url(../img/portfolio/port-web8.webp);} .demo-effects:hover .layout-container {background-position: center 100% !important;} /***web development deisgns***/ .demo-effects > div .layout-container.port-buzzfli {background-image: url(../img/portfolio/buzzfli/buzzfli.webp);} .demo-effects > div .layout-container.port-miryde {background-image: url(../img/portfolio/miryde/miryde.webp);} .demo-effects > div .layout-container.port-callondoc {background-image: url(../img/portfolio/telemedicine/telemedicine.webp);} .demo-effects > div .layout-container.port-chinese {background-image: url(../img/portfolio/chinese/chinese.webp);} .demo-effects > div .layout-container.port-controlpanda{background-image: url(../img/portfolio/controlpanda/controlpanda.webp);} .demo-effects > div .layout-container.port-petbud{background-image: url(../img/portfolio/petbuds/petbuds.webp);} .demo-effects > div .layout-container.port-yallalist{background-image: url(../img/portfolio/yallalist/yallalist.webp);} .demo-effects > div .layout-container.port-lynxhrm {background-image: url(../img/portfolio/lynxhrm/lynxhrm.webp);} .demo-effects > div .layout-container.port-shareads {background-image: url(../img/portfolio/shareads/shareads.webp);} .demo-effects > div .layout-container.port-hakeem {background-image: url(../img/portfolio/hakeem/hakeem.webp);} .demo-effects > div .layout-container.port-agalleria {background-image: url(../img/portfolio/agalleria/agalleria.webp);} .demo-effects > div .layout-container.port-friendsroom {background-image: url(../img/portfolio/friendsroom/friendsroom.webp);} .demo-effects > div .layout-container.port-buildingvibe {background-image: url(../img/portfolio/buildingvibe/buildingvibe.webp);} .demo-effects > div .layout-container.port-coltivi {background-image: url(../img/portfolio/coltivi/coltivi.webp);} .demo-effects > div .layout-container.port-erp {background-image: url(../img/portfolio/erp/erp.webp);} .demo-effects > div .layout-container.port-gigjobs {background-image: url(../img/portfolio/gigjobs/gigjobs.webp);} .demo-effects > div .layout-container.port-lightningfeedback {background-image: url(../img/portfolio/lightningfeedback/lightningfeedback.webp);} .demo-effects > div .layout-container.port-maritimetechnology {background-image: url(../img/portfolio/maritimetechnology/maritimetechnology.webp);} .demo-effects > div .layout-container.port-market24 {background-image: url(../img/portfolio/market24/market24.webp);} .demo-effects > div .layout-container.port-offerdaddy {background-image: url(../img/portfolio/offerdaddy/offerdaddy.webp);} .demo-effects > div .layout-container.port-pointofsale {background-image: url(../img/portfolio/pointofsale/point-of-sale.webp);} .demo-effects > div .layout-container.port-topsunbazar {background-image: url(../img/portfolio/topsunbazar/topsunbazar.webp);} .demo-effects > div .layout-container.port-yesmen {background-image: url(../img/portfolio/yesmen/yesmen.webp);} .demo-effects > div .layout-container.port-farmz {background-image: url(../img/portfolio/farmz/farmz.webp)} .demo-effects > div .layout-container.port-nexus {background-image: url(../img/portfolio/nexus/nexus.webp);} .demo-effects > div .layout-container.port-kingdom {background-image: url(../img/portfolio/kingdom/kingdomonero.webp);} .demo-effects > div .layout-container.port-definitylegend {background-image: url(../img/portfolio/definity/definity.webp);} .demo-effects > div .layout-container.port-dearmonsters {background-image: url(../img/portfolio/dearmonster/dearmonster.webp);} .demo-effects > div .layout-container.port-axieufo {background-image: url(../img/portfolio/axie/axie.webp);} .demo-effects > div .layout-container.port-biiview {background-image: url(../img/portfolio/biiview/biiview.webp);} /**end***/ /***web deisgning projects******* .demo-effects > div .layout-container.web-des1 {background-image: url(../img/portfolio/web-design/arwaco.webp);} .demo-effects > div .layout-container.web-des2 {background-image: url(../img/portfolio/web-design/Barber.webp);} .demo-effects > div .layout-container.web-des3 {background-image: url(../img/portfolio/web-design/BinKhalid.webp);} .demo-effects > div .layout-container.web-des4 {background-image: url(../img/portfolio/web-design/BuzzFly.webp);} .demo-effects > div .layout-container.web-des5 {background-image: url(../img/portfolio/web-design/CentroVegas.webp);} .demo-effects > div .layout-container.web-des6 {background-image: url(../img/portfolio/web-design/COLTIVI.webp);} .demo-effects > div .layout-container.web-des7 {background-image: url(../img/portfolio/web-design/consentcoin-1.webp);} .demo-effects > div .layout-container.web-des8 {background-image: url(../img/portfolio/web-design/cosmetics.webp);} .demo-effects > div .layout-container.web-des9 {background-image: url(../img/portfolio/web-design/E-Card.webp);} .demo-effects > div .layout-container.web-des10 {background-image: url(../img/portfolio/web-design/FixerPal.webp);} .demo-effects > div .layout-container.web-des11 {background-image: url(../img/portfolio/web-design/fs-leather.webp);} .demo-effects > div .layout-container.web-des12 {background-image: url(../img/portfolio/web-design/FutureWeb.webp);} .demo-effects > div .layout-container.web-des13 {background-image: url(../img/portfolio/web-design/Gift-aPal.webp);} .demo-effects > div .layout-container.web-des14 {background-image: url(../img/portfolio/web-design/gig-jobs.webp);} .demo-effects > div .layout-container.web-des15 {background-image: url(../img/portfolio/web-design/King.webp);} .demo-effects > div .layout-container.web-des16 {background-image: url(../img/portfolio/web-design/Loyalty-card.webp);} .demo-effects > div .layout-container.web-des17 {background-image: url(../img/portfolio/web-design/MarketMyBio.webp);} .demo-effects > div .layout-container.web-des18 {background-image: url(../img/portfolio/web-design/Musicla.webp);} .demo-effects > div .layout-container.web-des19{background-image: url(../img/portfolio/web-design/offix.webp);} .demo-effects > div .layout-container.web-des20 {background-image: url(../img/portfolio/web-design/old-control-panda.webp);} .demo-effects > div .layout-container.web-des22 {background-image: url(../img/portfolio/web-design/PWay.webp);} .demo-effects > div .layout-container.web-des23 {background-image: url(../img/portfolio/web-design/Restaurant.webp);} .demo-effects > div .layout-container.web-des24 {background-image: url(../img/portfolio/web-design/SanaCoin.webp);} .demo-effects > div .layout-container.web-des25 {background-image: url(../img/portfolio/web-design/TopSunMotors.webp);}****/ /***End*/ .demo-text {margin-top: 12px;} .ribbon-1 {width: 30px;height: 60px;background: #fd4331;top: -6px;left: 14px;position: relative;margin-bottom: 80px;-webkit-box-shadow: 4px 5px 15px 2px #5a5a5a57;box-shadow: 4px 5px 15px 2px #5a5a5a57;} .ribbon-1::before {content: '';position: absolute;height: 0;width: 0;border-bottom: 6px solid #ca3011;border-right: 6px solid transparent;right: -6px;} .ribbon-1 span {display: block;color: #fff;height: 16px;text-transform: lowercase;} .ribbon-1 span:first-child {margin-top: 3px;} .ribbon-1::after {content: '';position: absolute;height: 0;width: 0;border-left: 15px solid #fd4331;border-right: 15px solid #fd4331;border-bottom: 15px solid transparent;bottom: -15px;left: 0;} /**web portfolio**/ .web-item {margin: 30px 20px;position: relative;border: 1px solid #ddd;height: 503px;border-radius: 7px;overflow: hidden;} .web-item .img-overlay {position: absolute;bottom: -100px;right: 0;left: 0;background: rgba(255,255,255,0.9);text-align: center;padding: 20px 20px 10px;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 16px;} .web-item .img-overlay p {font-size: 15px;line-height: 22px;} .port-btn-icon {padding: 7px 17px;border-radius: 2px;} .web-item:hover .img-overlay{ opacity: 1; visibility: visible;bottom: 0;} .info-list {margin: 10px 0 20px;} /**logos portfolio***/ .logos-tab-content { padding: 20px 5px;} .logos-tab-content .container-fluid{padding: 0;} .logos-tab-content .row{ margin: 0;} .logos-tab-content .col-md-6{ padding: 0px;} .full ul.logos-listing { display: flex; margin: 0; } .full .logos-listing li { width: 16.25%; } .logos-listing li {width: 32.33%;margin: 3px;float: left;background: #fff;text-align: center;line-height: 200px;border: 1px solid #ddd;transition: 0.5s all;-webkit-transition: 0.5s all;} .logos-listing li:hover {box-shadow: 0 0 18px 0px rgba(0,0,0,0.1);transform: scale(1.1);z-index: 9999;} .logos-listing li img {max-width: 140px;line-height: 200px;max-height: 100px;} .graphic-carousel {position: relative;max-height: 340px;overflow: hidden;margin: 3px 3px 0;max-width: 700px;} .graphic-carousel .left.carousel-control i,.graphic-carousel .carousel-control.right i {position: absolute;top: 48%;} /**mobile apps portfolio**/ .mob-item {padding: 70px 0;padding-bottom: 40px;background-position: top right !important;} .mob-item .slide-img img {max-height: 700px;} .mob-item .mob-content {padding-top: 100px;} .mob-item .mob-content p {margin: 15px 0 25px;} .mob-item.slide1 {background: url(../img/portfolio/mobileapp-bg1.webp);background-attachment: fixed;background-repeat: inherit;} .mob-icon {margin-bottom: 20px;} .mob-item.slide1 p{ color: #fff; font-size: 20px;} .mob-item.slide1 .slide-img img {max-height: 666px;} /**end portfolio**/ /**portfolio detail page**/ .pd-slide{ min-height: 600px; height: 970px; height: auto;} .pd-slide .banner-content {max-width: 900px;margin: auto;} .pd-slide .slider-img-wrap {max-width: 600px;margin: auto;} .pd-slide .slider-img-wrap {text-align: center;} .active-screens-carusel .owl-item {padding: 6px;} .active-screens-carusel .owl-item a{ border: 1px solid #ddd; display: block;} .pd-slide h1{ color: #fff; text-shadow:none; margin-top: 60px;} .pd-slide p{ color: #fff; margin-bottom: 60px;} .fixerpal{ background: url(../img/portfolio/fixerpal/banner-slide.webp) !important;} .p-info-wrap{background: url(../img/portfolio/fixerpal/pro-bg.webp) ; margin-top: 50px; padding-top: 140px; padding-bottom: 130px;} .info-content h6 {margin-bottom: 15px;text-transform: capitalize;font-weight: 500;} .arrow-bullet {margin: 20px 0;} ul.arrow-bullet li{margin: 10px 0;} .p-info-wrap h4, .p-info-wrap p, .p-info-wrap ul li, .p-info-wrap h6 { color: #fff;} .p-info-wrap h4{ margin: 30px 0; text-transform: uppercase;font-size: 36px; max-width: 260px;} .tech-content { max-width: 800px; margin: 0 auto 0;} ul.tech-list li {display: inline-block;width: 115px;text-align: center;margin: 40px 5px 20px;} ul.tech-list li .icon {margin-bottom: 15px;} .cleint-feedback .c-info {max-width: 350px;margin: auto;text-align: center;} .cleint-feedback .c-info .img-wrap {width: 180px;height: 180px;border-radius: 50%;margin: 0 auto 20px;overflow: hidden;border: 1px solid #ddd;} .pt-250{padding-top: 250px !important;} .cleint-feedback .feedback {padding: 40px 0;position: relative;} .cleint-feedback .feedback:before {font-family: "FontAwesome";content: "\f10d";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight: 900;font-size: 40px;line-height: 40px;color: #ddd;position: absolute;top: -12px;} .cleint-feedback .feedback:after {font-family: "FontAwesome";content: "\f10e";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight:900;font-size: 40px;line-height: 40px;color: #ddd;position: absolute;right: 0;bottom: 0;} .shrinkToFit {cursor: -webkit-zoom-in;cursor: zoom-in;max-width: 300px;height: auto;} .p-info-wrap{ position: relative; background-position: center center; background: url(../img/portfolio/info-bg.webp) !important; background-size: cover !important; background-attachment: fixed !important;} .p-info-wrap .info-content {padding-left: 50px;} /**end**/ /**projects detail pages**/ .pd-slide.buzzfli{ background: url(../img/portfolio/buzzfli/banner-slide.webp) ; background-position: bottom center; } .pd-slide.miryde{ background: url(../img/portfolio/miryde/banner-slide.webp) ; } .pd-slide.chinesewisper{ background: url(../img/portfolio/chinese/banner-slide.webp) ; } .pd-slide.controlpanda{ background: url(../img/portfolio/controlpanda/banner-slide.webp) ; } .pd-slide.dayata{ background: url(../img/portfolio/dayata/banner-bg.webp) ;padding-bottom: 40px; } .pd-slide.nexus{ background: url(../img/portfolio/nexus/banner-bg.webp) ;padding-bottom: 40px; } .pd-slide.coinmarket{ background: url(../img/portfolio/coinmarketpoint/banner-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.farmz{ background: url(../img/portfolio/farmz/banner-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.kingdom{ background: url(../img/portfolio/kingdom/banner-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.elixyr{ background: url(../img/portfolio/elixyr/banner-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.demonster{ background: url(../img/portfolio/dearmonster/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.definity{ background: url(../img/portfolio/definity/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.axieufo{ background: url(../img/portfolio/axie/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.zombies{ background: url(../img/portfolio/zombie/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.ritzswap{ background: url(../img/portfolio/ritzswap/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.annex-finace{ background: url(../img/portfolio/annex/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.annex-nft{ background: url(../img/portfolio/annex-nft/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.bitznpizza{ background: url(../img/portfolio/bitznpizza/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.dex-loop{ background: url(../img/portfolio/dex/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.holdex{ background: url(../img/portfolio/holdex/product-bg.webp) ;min-height:100vh;padding-bottom: 40px; } .pd-slide.agalleria{ background: url(../img/portfolio/agalleria/banner-slide.webp) ; } .pd-slide.lynxhrm{ background: url(../img/portfolio/lynxhrm/banner-slide.webp);} .pd-slide.yallalist{ background: url(../img/portfolio/yallalist/banner-slide.webp) ;} /*Shareads*/ .shareads{ background: url(../img/portfolio/shareads/banner-slide.webp) ;} /*callondoc*/ .callondoc{ background: url(../img/portfolio/telemedicine/banner-slide.webp) ; } /*petbuds*/ .petbuds{ background: url(../img/portfolio/petbuds/banner-slide.webp) ; } /*fixerpal*/ .fixerpal{ background: url(../img/portfolio/fixerpal/banner-slide.webp) ;} /*hakeem*/ .hakeem{ background: url(../img/portfolio/hakeem/banner-slide.webp); background-color: #ffffff3d; background-blend-mode: color;} /*friendsroom*/ .friendsroom{ background: url(../img/portfolio/friendsroom/banner-slide.webp) ; } /**end**/ .pd-slide.yesmen{ background: url(../img/portfolio/yesmen/banner-slide.webp); } .pd-slide.maritimetechnology{ background: url(../img/portfolio/maritimetechnology/banner-slide.webp); } .pd-slide.topsunbazar{ background: url(../img/portfolio/topsunbazar/banner-slide.webp); } .pd-slide.biiview{ background: url(../img/portfolio/biiview/banner-bg.webp); background-color: #000000b8; background-blend-mode: color; } .pd-slide.gigjobs{ background: url(../img/portfolio/gigjobs/banner-slide.webp) ; } .pd-slide.offerdaddy{ background: url(../img/portfolio/offerdaddy/banner-slide.webp) ;} .pd-slide.market24{ background: url(../img/portfolio/market24/banner-slide.webp) ; } .pd-slide.erp{ background: url(../img/portfolio/erp/banner-slide.webp) ; } .pd-slide.lightningfeedback{ background: url(../img/portfolio/lightningfeedback/banner-slide.webp); } .pd-slide.pointofsale{ background: url(../img/portfolio/pointofsale/banner-slide.webp) ;} .pd-slide.coltivi{ background: url(../img/portfolio/coltivi/banner-slide.webp); } .pd-slide.buildingvibe{ background: url(../img/portfolio/buildingvibe/banner-slide.webp); } .pd-slide.appyallagas{ background: url(../img/portfolio/appyallagas/banner-slide.webp) ;} .pd-slide.apptagalong{ background: url(../img/portfolio/apptagalong/banner-slide.webp) ;} .pd-slide.appmiride{ background: url(../img/portfolio/appmiride/banner-slide.webp) ;} .pd-slide.appgiftapal{ background: url(../img/portfolio/appgiftapal/banner-slide.webp) ; background-color: #0000004f; background-blend-mode: color;} .pd-slide.apptopsunbazar{ background: url(../img/portfolio/apptopsunbazar/banner-slide.webp) ;} .pd-slide{ background-size: cover !important; background-position: center center !important;} .detail-btn-styling a.btn-round {color: #F58209;outline: none;border-color: #F58209;margin-bottom: 20px} .text-black{color: #000;} .detail-btn-styling a.btn-round:hover {color: #fff;outline: none;background: #F58209;} .anyFile {width: 51px;height: 55px;opacity: 0;cursor: pointer;} .uploadIcon {position: absolute;top: 0;} .uploadIcon i {font-size: 32px;} div.pp_default .pp_description, div.ppt, div.pp_default .pp_social{ display: none !important;} .btn.btn-app {padding: 0;border: 0;} .btn.btn-app.light:hover {background: #ff9000;} .btn.btn-app.dark:hover {background: #f7f7f7;} .apps-buttons {margin-top: 40px;text-align: center;} .apps-buttons img{ margin-bottom: 0;} .bullet-list li {padding: 8px 15px;} .tech-content.tro-tech {background: #f5f5f5;max-width: 1170px;margin: 35px 0;} .tro-detail-banner .slider-img-wrap {right: 30px;bottom: 0;max-width: 600px;} .owl-controls .owl-nav{position: absolute;top: 50%;left: 2%;right: 2%;} .owl-prev, .owl-next {position: absolute;height: 100px;color: inherit;background: none;border: none;z-index: 100;} .owl-prev, .owl-next i {font-size: 5rem;color:rgba(206, 206, 206, 0.46);} .owl-prev i:hover, .owl-next i:hover{color: #F18319;} .owl-prev {left: 0;} .owl-next {right: 0;} .owl-controls .owl-nav .owl-prev, .owl-next{display: block !important;} .bg-orange{background-color: #F17700;} .home-banner .slider-img-wrap.main-banner{max-width: 1300px !important;margin: 50px auto 0;} .text-white{color:#fff;} .certif ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;} .certif ul li{float: left;margin-left: 15px;border: 1px solid #ffffff73;border-radius: 3px;} .certif ul li:first-child{margin-left: 0px;} .p-30{padding: 30px;} .demo-effects > div .layout-container.web-des22 {background-image: url(../img/portfolio/web-design/pway.webp);} .demo-effects > div .layout-container.web-des1 {background-image: url(../img/portfolio/web-design/arwaco.webp);} .demo-effects > div .layout-container.web-des19{background-image: url(../img/portfolio/web-design/offix.webp);} #apply-now .section-title h4 {margin-top: 30px;} .m-0{margin: 0 !important;} /***.hiring-wrap {background: #f7f7f7;padding: 22px 30px 22px;} .hiring-wrap ul.exper-list li{ padding: 10px 0 10px 30px; position: relative; font-size: 16px; } .hiring-wrap .exper-list .checkmark{ position: absolute; top: 6px;}***/ /*******certification wrap***/ .certification-wrap{ padding-top: 100px;padding-bottom: 200px; background: url(../img/team-wrap-bg.webp) no-repeat; background-position: center bottom; background-size: contain;} .certification-wrap .certif{ margin-top: 40px;} .certification-wrap .certif ul li {float: none;width: 30%;margin: 15px 10px;display: inline-block;} .certification-wrap .certif ul li a{border: 1px solid #ffffff73;border-radius: 3px;background: #fff;height: 200px;line-height: 200px;box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09),10.285px 12.257px 38px 0px rgba(12,34,66,0.13);border-radius: 20px;display: block;} .certification-wrap .certif ul li a img {max-width: 200px;max-height: 150px;} .links-btn a.btn:focus, .links-btn a.btn:active, .links-btn a.btn.active {color: #333;box-shadow: none !important;border: none;background: transparent !important;} .payment-banner .slider-img-wrap.absolute-img {right: 6%;top: 40px;} .payment-banner .slider-img-wrap.absolute-img img {max-height: 740px;} .payment-info-table .table {border: 1px solid #ddd;box-shadow: 2px 0px 12px 2px rgba(0,0,0,0.3);margin-bottom: 40px;} .payment-info-table .table td {padding: 15px 20px;color: #444;font-weight: 300;} .payment-info-table .table td:first-child {white-space: nowrap;} .payment-info-table .table th {text-transform: uppercase;padding: 10px 20px;font-weight: 500;color: #222;} .margin_buttom_input {height: 46px;margin-bottom: 12px;} .nested_icon_div {position: absolute;top: 0px;width: 35px;height: 45px;border-radius: 0 3px 3px 0px;left: calc(100% - 51px);background: #f17700;} .nested_icon {padding: 12px;color: #fff;} .table-heading-fonts {font-size: 22px;} #payment_confirmation{padding: 0 15px;} .cont {background: #f8f8f8;padding: 30px 15px;} .right-img{padding: 60px 0;} .as-modal .help-block {color: #FFF;font-size: 12px;letter-spacing: 0.5px;} /*Fresh Graduate Page Style*/ .fresh-grad-page .text-small {font-size: 16px;line-height: 25px;padding-right: 25px;} .fresh-grad-page .item-step .step-icon {max-width: 150px;margin: auto auto 20px;position: relative;} .fresh-grad-page .hiring-steps {padding-bottom: 50px;} .fresh-grad-page .step-icon .step-count {width: 80px;height: 80px;background-color: #f17700;display: block;text-align: center;line-height: 80px;border-radius: 50%;font-size: 40px;font-weight: 500;color: #fff;position: absolute;right: -50px;top: 0px;} .fresh-grad-page .step-two .step-icon .step-count {right: -20px;} .fresh-grad-page .item-step {padding-top: 40px;padding-bottom: 10px;} .hiring-steps .btn-hiring {margin-top: 40px;} .hiring-steps .btn-hiring .btn {text-transform: uppercase;} .hire-journey .row{justify-content: center;} .fresh-grad-banner {min-height: 780px;} .fresh-grad-banner .d-block {display: block;} .fresh-grad-banner .banner-content p {font-size: 22px;} .fresh-grad-banner .banner-content marquee{font-size: 22px;line-height: 26px;padding: 10px 0;background: #fff;position: absolute;bottom: 0;width: 100%;left: 0;color: #333;} .fresh-grad-banner .banner-content marquee span{font-weight: 500;color: #393939;} .fresh-grad-banner .slider-img-wrap.absolute-img {max-width: 670px;width: 100%;bottom: 0;} .fresh-grad-page .section-gap.about-arhamsoft .pro-quote {padding-top: 100px;padding-bottom: 0;} .fresh-grad-page .section-gap.about-arhamsoft .pro-quote span{padding: 20px 0;} /* .fresh-grad-page .section-gap.about-arhamsoft .pro-quote .bold{font-weight: 500;} */ .hiring-list {position: relative;padding: 20px 0;} .hiring-list li {font-size: 19px;padding: 9px 0 10px 75px;min-height: 85px;position: relative;} .hiring-list li span.number {display: inline-block;width: 60px;height: 60px;vertical-align: middle;text-align: center;background: #ddd;font-size: 56px;color: #fff;line-height: 65px;margin-right: 10px;border-radius: 5px;position: absolute;left: 0;top: 0;font-weight: bold;} .info-list.custom li {padding: 5px 0;} .graphic-wraps .web-item {height: auto;} .graphic-wraps .web-item {height: 760px;padding: 2px;overflow: hidden;margin: 0;} .graphic-wraps .web-item img{ width: 100%; height: 100%; object-fit: cover;} .graphic-wraps .web-item.sm-item {height: 350px;padding: 2px;max-height: 660px;overflow: hidden;margin: 0;} .hovereffect figure {position: relative;height: 100%;width: 100%;} .graphic-wraps.v-cards .web-item.sm-item {height: 280px;} .hovereffect figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);} .hovereffect figure:hover::before {-webkit-animation: shine .95s;animation: shine .95s;} @-webkit-keyframes shine {100% { left: 125%;}} @keyframes shine {100% { left: 125%;}} .process-list li {background: #fff;padding: 12px 10px;border-radius: 7px;margin-bottom: 12px;display: flex;position: relative;} .process-list.linking li::after {content: '';position: absolute;bottom: -29px;width: 24px;height: 44px;background-size: contain;background: url(../img/linking.webp) no-repeat;right: -8px;z-index: 999;} .process-list li h5 {font-size: 22px; margin-bottom: 10px;} .process-list.linking li.no-link::after{ display: none;} .process-list li .icon {width: 86px;height: 86px;margin-right: 20px;}.process-list li .p-content {padding-top: 15px;} .boarding-process .section-title {padding-bottom: 65px;} .ar-absol {position: absolute;right: 10px;} .app-content h5 {display: flex;justify-content: space-between;} .app-content {padding: 3px 10px;} .boarding-process h4 {font-size: 38px;} .process-list li p {line-height: 22px;margin-bottom: 0;font-size: 16px;} .p-content{ padding: 10px 10px 10px 0;} .viewmore-wrap { text-align: center; margin-bottom: 40px; margin-top: 40px;} .viewmore-wrap a.collapse-link{ font-size: 16px; position: relative; padding-top: 10px;padding-bottom: 20px;display: block;} .viewmore-wrap a.collapse-link:before{ content: ''; background: #f17629; width: 16px; height: 16px; border-radius: 50%; position: absolute; left: 0; right: 0; top: -60px;bottom: 0; margin: auto;} .viewmore-wrap a.collapse-link:after{content: ''; background: #f17629; width: 2px; height: 80px; position: absolute; left: 0; right: 0; top: 0; margin: auto; top: -140px; bottom: 0;} /***header clutch setting***/ .top-clutch {display: inline-block;width: 200px;padding-top: 16px;opacity: 0; visibility: hidden;transition: 0.3s;-webkit-transition: 0.3s;} .fixed-me .top-clutch{ opacity: 1; visibility: visible;} .right-header{ float: right; display: inline-block;} .alert{display: none;} img.img-responsive.imgLoader {position: fixed;top: 40%;right: 45%;z-index: 9999;display: none;} .here-link{ color: #000;} .here-link:hover{ color: #fff;} .pb-30 {padding-bottom: 30px !important;} .get-connect {background: rgba(255,255,255,0.4);padding: 50px;max-width: 600px;margin: auto;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);} .contact-form textarea.form-control {border-radius: 0;min-height: 100px;resize: none;} .get-in .banner-content.justify-content-center {padding-top: 90px;} .get-in.banner-area {height: auto;min-height: 500px;padding-bottom: 50px;} .get-in.banner-area .contact-form .form-control {border-radius: 1px;height: 42px;font-family: 'GT Eesti Text', sans-serif;} .input-group.number .input-group-addon {padding: 0;background: transparent !important;} .input-group.number .input-group-addon .dropdown-menu{min-width: 50px;border: none; max-height: 200px; overflow: auto;} .input-group.number .input-group-addon .dropdown-menu a {display: block;padding: 9px;color: #888;} .input-group.number .input-group-addon .dropdown-menu a:hover{color: #F17700;} .input-group.number .input-group-addon a.dropdown-toggle {padding: 10px 11px;background: #fff;color: #000;font-family: open sans;font-weight: bold;} /******certificate******/ .get-in .certification-wrap{ background: none !important; padding-bottom: 0;} .get-in .certification-wrap .certif ul li {float: none;width: 120px;margin: 15px 5px;display: inline-block;border: none;} .get-in .certification-wrap .certif ul li a {border: 1px solid #ffffff73;border-radius: 3px;background: #fff;height: 120px;line-height: 100px;box-shadow: none;border-radius: 4px;display: block;padding: 10px;text-align: center;} .get-in .certification-wrap .certif ul li a:hover{box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09),10.285px 12.257px 38px 0px rgba(12,34,66,0.13);} .get-in .certification-wrap .certif ul li a img {max-width: 100%;max-height: 90px;} .get-started-browse {background: rgb(237, 237, 237) none repeat scroll 0% 0%;margin: 0px 10px 7px;width: 100px;height: 35px;position: relative;cursor: pointer;display: inline-block;vertical-align: middle;padding: 10px;font-size: 12px;font-weight: 400;color: #666;border-radius: 0;position: relative;} .get-started-browse input[type="file"]{border-image: none;opacity: 0;position: absolute;z-index: 99;top: 0;right: 0;left: 0;bottom: 0;} .form-group .iti {display: block;width: 100% !important;} .iti--allow-dropdown input {width:100% !important;border: 1px solid #ccc;} .certificates-area-block {background-color: #ececec;padding: 60px 0;} .certificates-area-block .certification-wrap {padding-top: 0;} .tech-logos {margin-top: 30px;} .tech-logos .tech-logo-item {display: inline-block;border-radius: 4px;overflow: hidden;width: 80px;height: 80px;} .tro-links .disabled{opacity: 0.4; pointer-events: none;} .p-price span {font-size: 14px;font-weight: 400;position: absolute;display: block;line-height: 15px;left: 0;right: 0;bottom: 30px;text-transform: uppercase;letter-spacing: 0.5px;} .p-price{position: relative;} /* Trending Technologies */ .technologies{text-align: center;padding: 40px 0;} .technologies .heading h2{margin-bottom: 30px;font-size: 55px;opacity: 0.89;color: #000;} .technologies .heading{margin-bottom: 50px; border-bottom: 1px solid rgba(0, 0, 0, .1)} .technologies .tech-detail{box-shadow:0px 3px 10px #0000001a;padding: 40px 16px;height: 100%;} .technologies .tech-detail p{margin-bottom: 0;font-size: 18px;line-height: 24px;color: #000000;font-weight: 300;} .technologies .tech-img{margin:auto;margin-bottom: 20px;width: 100px;height: 100px;display: flex;align-items: center;} .technologies .tech-img img{width: 100%;height: 100%;} .technologies .justify-content-center{justify-content: center;} .cloud-banner .slider-img-wrap{ display: flex; align-items: center; } @media (max-width: 1200px){.banner-content h1 { font-size: 48px;} .banner-content h4 { font-size: 32px;} .nav-tabs.projects-tabs > li > a {margin-right: 0px;font-size: 13px;letter-spacing: 0.2px;padding: 10px 13px;} } @media (max-width: 991px){.get-connect{ margin: 50px auto 10px; padding: 30px;} .nav-tabs.projects-tabs{ border-radius: 0%;}} @media (max-width: 480px){.section-title h5 { font-size: 23px;} .banner-content h1 { font-size: 36px;} .banner-content h4 { font-size: 23px; margin-top: 10px;} .get-connect{ padding: 20px 15px;} } /************MEDIA QUERIES***********/ @media (min-width: 980px) {.pd-slide.agalleria{ min-height: 700px;} .pd-slide.controlpanda{ padding-bottom: 120px;} .pd-slide.agalleria{ min-height: 750px; padding-top: 130px;} .pd-slide.lynxhrm{ min-height:800px;} /*Shareads*/ /*callondoc*/ .callondoc{ min-height: 800px;} /*petbuds*/ .petbuds{ min-height: 750px;} /*fixerpal*/ /*hakeem*/ .hakeem{ min-height: 750px;} /*friendsroom*/ .friendsroom{ min-height: 750px;} /**end**/ .pd-slide.yesmen{ min-height: 800px} .pd-slide.maritimetechnology{ min-height: 800px;} .pd-slide.topsunbazar{ padding-bottom: 120px;} .pd-slide.gigjobs{ padding-bottom: 120px;} .pd-slide.market24{ padding-bottom: 120px;} .pd-slide.erp{ min-height: 800px; padding-top: 130px;} .pd-slide.lightningfeedback{ min-height: 800px; padding-top: 130px;} .pd-slide.coltivi{ min-height: 750px;} .pd-slide.buildingvibe{ min-height: 800px; padding-top:130px;} .fresh-grad-page .banner-content .slide-content{ padding-top: 140px;} .fresh-grad-banner .slider-img-wrap.absolute-img{ right: 20px;} } .our-team .heading-section h2 {font-size: 55px;} .home-banner.banner-area.new{height: auto;background: #fff;min-height: auto;/* background-image: url('../img/video-thumb.webp'); */} .banner-area .hb-video {position: relative;} .banner-area .hb-video::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 5px);background: rgb(0 0 0 / 70%);} .banner-area .hb-video video {width: 100%;height: 100%;} .banner-text-overlay {position: absolute;z-index: 9;left: 0;right: 0;width: 100%;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;} .home-banner .banner-text-overlay .banner-content h1{text-shadow: none;} .home-banner .banner-text-overlay .banner-content.justify-content-center{padding-top: 0;} .expert-image-holder.custom {/* transform: scale(2);margin-top: 100px; */} .expertise{overflow: hidden;} .blockchain-banner .slider-img-wrap.absolute-img {right: 30px;} ul.tech-list li .icon {width: 70%;margin-left: auto;margin-right: auto;} ul.tech-list li .icon img {max-width: 100%;} ul.tech-list li p {font-size: 18px;} .award-section{ /* background-color: #f8f8f8; */ /* position: relative; top: -6px; padding: 10px 0; */ } .award-content { position: relative; top: -70px; display: flex; align-items: center; justify-content: center; } .award-content p { font-family: cursive; font-size: 20px !important; margin: 0; color: #000; /* font-weight: bold; */ } .award-content p strong{ color: #f27b03; } .award-content p a { font-weight: bold; /* margin-left: 5px; */ font-size: 14px; } .award-content img { width: 80px; } /* Tro new page */ .hire-engineers.get-in { background: url('../img/hire-bg.webp'); background-position: center; background-repeat: no-repeat; background-size: cover; } .hire-engineers.get-in .hb-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .hire-engineers.get-in .hb-video::before{ height: 100%; background: rgb(0 0 0 / 80%); } .hire-engineers.get-in .hb-video video { object-fit: cover; } .hire-engineers.get-in .banner-content { padding-top: 140px; } .hire-engineers.get-in .banner-content h1 { color: #fff; } .hire-engineers.get-in .banner-content h4 { color: #fff; } .hire-engineers.get-in .banner-content p { color: #fff; } .banner-content .slide-content .certifications { margin: 0; display: flex; margin-top: 60px; } .banner-content .slide-content .certifications li { width: 20%; margin-right: 10px; margin-bottom: 10px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 8px; height: 120px; } .banner-content .slide-content .certifications li img { height: 100%; width: 100%; object-fit: contain; } .banner-content .slide-content .certifications li a { display: block; height: 100%; width: 100%; } .hire-engineers.get-in .get-connect { background: #fff; border-radius: 12px; } .hire-engineers.get-in .get-started-browse { width: 35px; height: 35px; padding: 5px; font-size: 15px; cursor: pointer; min-width: auto; } .hire-engineers.get-in .get-started-browse input[type="file"]{ cursor: pointer; width: 100%; } .tro-detail-banner .whatsapp-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; padding: 10px; justify-content: center; border: 1px solid #DDDDDD; border-radius: 4px; } .tro-detail-banner .trobtns { display: flex; align-items: center; justify-content: center; } .trusted-section { background: #fff; box-shadow: 0px 10px 50px #07070714; padding: 40px 0; } .trusted-section .logo-list ul { display: flex; align-items: center; justify-content: space-between; } .trusted-section .container { display: flex; align-items: center; justify-content: space-between; } .trusted-section .heading { margin-right: 80px; } .trusted-section .logo-list { width: calc(100% - 270px); } .trusted-section .owl-controls{ display: none; } .trusted-section .owl-carousel .owl-stage { display: flex; align-items: center; } .trusted-section .logo-list ul li { /* width: 25%; */ text-align: center; /* max-width: 200px; */ padding: 0 15px; filter: grayscale(1); cursor: pointer; } .trusted-section .logo-list ul li:hover { filter: none; } .our-impact{ background: url('../img/impact-bg.webp'); background-repeat: no-repeat; background-size: cover; background-position: center; padding-bottom: 150px; } .our-impact .heading-section { margin-bottom: 50px; text-align: center; } .our-impact .heading-section h2 { color: #fff; } .impact-list ul { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .impact-list ul li { text-align: center; padding: 15px; } .impact-list ul li h1 { color: rgb(241 119 0 / 89%); margin-bottom: 15px; } .impact-list ul li h6 { color: #fff; } .rewards-recognition { background: #F8F8F8; } .rewards-recognition .content-wrapper { background: #fff; box-shadow: 0px 10px 50px #07070714; border-radius: 20px; padding: 80px 60px; position: relative; top: -80px; } .rewards-recognition .content-wrapper .heading-section { margin-bottom: 50px; text-align: center; } .rewards-recognition .content-wrapper ul { display: flex; align-items: center; justify-content: space-between; } .rewards-recognition .content-wrapper ul li { width: 20%; background: #fff; text-align: center; border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; border-radius: 10px; height: 120px; padding: 15px; } .rewards-recognition .content-wrapper ul li img { width: 100%; height: 100%; object-fit: contain; } .rewards-recognition .content-wrapper ul li:last-child { /* margin: 0; */ } .why-us { background: #F8F8F8; } .why-us .heading-section { text-align: center; margin-bottom: 140px; } .why-us .item { background: #fff; padding: 10px 20px 30px; border-radius: 10px; height: 100%; text-align: center; } .why-us .item .icon-holder{ width: 200px; height: 200px; margin: 0 auto; margin-top: -100px; margin-bottom: 20px; position: relative; } .why-us .item .icon-holder > img { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: 50%; } .why-us .item h6 { margin-bottom: 20px; } .augmentation-process{ background: #F8F8F8; } .augmentation-process .heading-section { margin-bottom: 50px; text-align: center; position: relative; padding-top: 70px; } .augmentation-process .heading-section .bg-text { color: #F17700; opacity: 0.25; font-size: 120px; position: absolute; left: 0; right: 0; top: 0; font-weight: 200; } .augmentation-process .heading-section h2 { color: #000; } .augmentation-process .panel { border: none; margin-top: 0; margin-bottom: 15px; box-shadow: none; background: transparent; } .augmentation-process .panel-group .panel-heading { border: none; border-radius: 10px; background: #fff; padding: 0; } .augmentation-process .panel-group .panel-heading .panel-title a { width: 100%; font-size: 24px; color: #070707; padding: 30px 40px; text-align: left; border: none; border-radius: 10px; font-weight: 500; background: #fff; display: block; } .augmentation-process .panel-group .panel-heading.active .panel-title a { background: #E6E6E6; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .augmentation-process .panel .panel-body { border: none !important; padding: 0 40px 30px; background: #E6E6E6; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .contact-services.inquiry-type .radiobutton-container { font-size: 20px; margin-bottom: 0; } .contact-services.inquiry-type .single-ser { margin-bottom: 20px; margin-right: 20px; } .custom-h2 { font-size: 40px !important; } .custom-h4 { font-size: 22px !important; } .banner-area.innerpage-slide .banner-content.justify-content-center { height: 100%; display: flex; align-items: center; } .banner-area.innerpage-slide .banner-content .slide-content { padding-top: 0; } .banner-area.innerpage-slide .banner-content.justify-content-center .container-fluid { width: 100%; } .custom-tab-btns{ margin-top: 70px; padding: 0 10px; margin-bottom: 25px; } .custom-tab-btns ul{ display: flex; align-items: center; } .custom-tab-btns ul li:not(:last-child){ margin-right: 30px; } .custom-tab-btns .btn-link { font-size: 20px; color: #000; padding: 0; margin: 0; border: none; border-radius: 0; text-decoration: none; border-bottom: 3px solid #fff; } .custom-tab-btns .btn-link.active, .custom-tab-btns .btn-link:hover { border-bottom: 3px solid #F17700; } .custom-tab-content{ display: none; padding: 0 10px; } .custom-tab-content.show{ display: block; } .custom-tab-content.mobile .web-item { margin: 0 auto; height: 300px; } .custom-tab-content.mobile .web-item .layout-container { height: 100%; background-size: cover; transition: 2s ease-out; } .custom-tab-content.mobile .img-overlay h6{ margin-bottom: 10px; } .mobile-game-banner{ position: relative; bottom: -40px; } @media (min-width: 1400px) {.webdevelopment-banner .slider-img-wrap.absolute-img { right: 50px; max-width: 700px; z-index: 1; } .contact-banner .slider-img-wrap.absolute-img { max-width: 1050px; bottom: -28px; } .graphic-banner .slider-img-wrap.absolute-img {position: absolute; right: 5%; max-width: 620px;} .desktop-banner .slider-img-wrap.absolute-img { right: 5%; max-width: 800px;} .products-banner .slider-img-wrap.absolute-img { position: absolute; right: 100px; max-width: 500px; z-index: 1;} .tro-banner .slider-img-wrap.absolute-img { right: 50px; max-width: 800px; z-index: 1;} .portfolio-banner .slider-img-wrap.absolute-img { max-width: 700px; bottom: 0; top: auto;} .about-banner .slider-img-wrap { max-width: 800px; bottom: 0;} .graphic-carousel { position: relative; max-height: 400px; overflow: hidden; margin: 3px 3px 0; max-width: 800px;} } @media(max-width:1439px){.sticky-contact-info, .fixed-me .sticky-contact-info{display: none;} .fixed-me .head-contact-info {display: inline-block;} .fixed-me .head-contact-info .c-item.item-phone span, .fixed-me .head-contact-info .c-item.item-phone .tooltip-inner{background-color: #f7881c; border-color:#f7881c;} .fixed-me .head-contact-info .c-item.item-mail span, .fixed-me .head-contact-info .c-item.item-mail .tooltip-inner{background-color: #006bc0; border-color:#006bc0;} .fixed-me .head-contact-info .c-item.item-wapp span, .fixed-me .head-contact-info .c-item.item-wapp .tooltip-inner{background-color: #68a826; border-color:#68a826;} .fixed-me .head-contact-info .c-item.item-skype span, .fixed-me .head-contact-info .c-item.item-skype .tooltip-inner{background-color: #51b9e4; border-color:#51b9e4;} .fixed-me .head-contact-info .c-item.item-phone .tooltip-arrow {border-bottom-color: #f7881c;} .fixed-me .head-contact-info .c-item.item-mail .tooltip-arrow {border-bottom-color: #006bc0;} .fixed-me .head-contact-info .c-item.item-wapp .tooltip-arrow {border-bottom-color: #68a826;} .fixed-me .head-contact-info .c-item.item-skype .tooltip-arrow {border-bottom-color: #51b9e4;} .fixed-me .btn.port-btn { top: 0;} .content-section { padding: 100px 0;} .we-build p{font-size:24px;line-height:30px;} .we-build h2{font-size:55px;line-height:65px !important;margin:0 0 30px;} .what-we-do .as-circular-logo { width: 230px; height: 230px; top: -80px; right: 60px;} .techs-stacks .heading-section h2,.engagement-models .heading-section h2,.testimonials .heading-section h2 ,.our-team .heading-section h2{ font-size: 45px; margin-bottom: 10px;} .engagement-models .eng-models { margin-bottom: 50px;} .expert-image-holder.custom { /* transform: scale(1.8); */} .testimonial .owl-controls .owl-next { right: -50px;} .testimonial .owl-controls .owl-prev { left: -50px;} .expert-image-holder.custom { /* transform: scale(1.5); */} .technologies .heading h2{font-size: 45px;} .banner-content .slide-content .certifications li{ height: 100px; } .contact-banner .banner-content .slide-content { padding-top: 50px; } .banner-area.thankyou .slider-img-wrap { max-width: 650px; margin: auto; } .timeline-wrapper .nav__wrapper{ top: 5%; } .timeline-wrapper .nav li{ margin-bottom: 5px; } .timeline-wrapper .nav li.active .nav__counter { font-size: 40px; } .timeline-wrapper .nav__title { font-size: 24px; margin: 5px 0 5px; } .timeline-wrapper .nav__body { font-size: 15px; line-height: 24px; } .banner-content h1{ font-size: 55px; } .banner-content p{ font-size: 20px; } } @media (max-width: 1200px) {.nav-menu a { padding: 22px 6px 22px 6px; font-size: 14px;} .banner-content.justify-content-center { padding-top: 80px; } .innerpage-slide .slide-content, .banner-content .slide-content{padding-left: 20px;} .home-banner.banner-area { height: 750px;} .home-banner .banner-content h1, .banner-content h1 { font-size: 48px;} .home-banner.banner-area .slider-img-wrap { max-width: 880px;} .logos-listing li { width: 32%;} .timeline-wrapper .nav__wrapper{ top: 5%;} .timeline-wrapper .nav li.active .nav__counter { font-size: 24px; } .timeline-wrapper .nav li.active { pointer-events: none; padding-left: 2em;} .timeline-wrapper .nav li.active:after { width: 60px;} .timeline-wrapper .nav__title { font-size: 18px; margin-bottom: 5px;} .timeline-wrapper .nav__body { font-size: 12px; line-height: 20px; } .mobiledev-banner .slider-img-wrap { max-width: 600px; top: 30%;display: flex;align-items: center;margin: auto;} .portfolio-banner .slider-img-wrap.absolute-img { max-width: 540px;} .fresh-grad-banner { min-height: 730px;} .fresh-grad-banner .slider-img-wrap.absolute-img { max-width: 600px;} .boarding-process h4 { font-size: 32px;} .ar-absol{ top: 0;} .about-banner .slider-img-wrap {max-width: 530px !important;bottom: 0;} .products-banner .slider-img-wrap.absolute-img{max-width: 365px !important;} .content-section { padding: 80px 0;} .we-build p{font-size:20px;line-height:24px;} .we-build h2{font-size:60px;line-height:65px !important;margin:0 0 25px;} .what-we-do .heading-section { margin: 0 0 50px;} .what-we-do .as-circular-logo { width: 200px; height: 200px; top: -70px; right: 40px;} .what-we-do .as-circular-logo {width: 150px;height: 150px;top: -50px;right: 30px;} .testimonial .owl-controls .owl-next { right: -40px;} .testimonial .owl-controls .owl-prev { left: -40px;} .expertise .heading-section { margin: 0 0 40px;} .section-gap { padding: 40px 0;} .techs-stacks .heading-section h2,.engagement-models .heading-section h2,.testimonials .heading-section h2,.our-team .heading-section h2{ font-size: 36px; margin: 0 0 20px;} .techs-stacks .heading-section , .engagement-models .heading-section ,.testimonials .heading-section{ margin: 0 0 60px;} .techs-stacks .stack-logos li { width: calc(20% - 20px); margin: 10px;margin-bottom: 45px;} .engagement-models .eng-model h2{ font-size: 30px;} .engagement-models .model-icon { width: 90px; height: 90px;} .engagement-models .model-icon::before { width: 90px; height: 90px;} .engagement-models .model-icon img { max-width: 60px; height: 60px;} .engagement-models .eng-models { margin-bottom: 50px;} .our-team .team-name { font-size: 20px;} .certification-wrap.new .certif ul li a{ height: 170px;} .certification-wrap.new .certif ul li a img { max-width: 100px; max-height: 120px; width: 100%;} .technologies .heading h2{font-size: 36px;} .award-content{ top: -40px; } .award-content p{ font-size: 18px !important; } .award-content img{ width: 60px; } .banner-content .slide-content .certifications{ flex-wrap: wrap; margin-top: 30px; } .banner-content .slide-content .certifications li { width: 120px; height: 100px; } .our-impact{ padding-bottom: 100px; } .augmentation-process .panel-group .panel-heading .panel-title a { font-size: 20px; padding: 25px 30px; } .augmentation-process .panel .panel-body { padding: 0 30px 25px; } .why-us .heading-section { margin-bottom: 100px; } .why-us .item { padding: 10px 15px 20px; } .why-us .item .icon-holder { width: 160px; height: 160px; margin-top: -80px; margin-bottom: 10px; } .custom-h2 { font-size: 34px !important; } .custom-h4 { font-size: 20px !important; } } @media (max-width: 991px) {h1, .products-sec h1{ font-size: 55px;} h2 { font-size: 50px;} h3 { font-size: 40px;} h4 { font-size: 35px;} header.main-header::after { display: none;} header.main-header::before { width: 50%;} #mobile-nav-toggle { top: 20px;} .banner-content.justify-content-center { padding-top: 100px; } .home-banner .banner-content h1, .services-banner .banner-content h1, .banner-content h1{ font-size: 50px;} .home-banner.banner-area .slider-img-wrap { max-width: 550px; margin: 20px auto 0;} .breadcrumbs li{ font-size: 15px;} .home-banner.banner-area { height: 600px;} header { position: relative;} .section-title { padding-bottom: 0;} #contact_us .section-title { text-align: center;padding-bottom: 10px;} .section-title h2 { font-size: 54px;} .single-ser.content-with-img { margin: 50px auto 20px;} .achv-single-wrap.step3 .pull-right { float: none !important;} .achv-single-wrap { padding: 30px !important;} .achv-single-wrap::after { display: none !important;} .achv-single-wrap .achv-content { padding-top: 30px !important;padding-left: 0 !important;padding-right: 0 !important;text-align: center;padding-bottom: 40px;} .mob-item .mob-content .btn.btn-app img { max-width: 55px;} .achv-single-wrap .achv-img img { margin-top: 20px !important; margin-bottom: 0 !important; margin-left: 0 !important;} .achv-img { text-align: center;} .achv-single-wrap .achv-img .img-responsive { width: auto; min-width: 200px; display: inline-block;} .team-wrap { padding: 30px 10px;} .team-wrap .btn.btn-primary { padding: 15px 28px; margin-top: 40px; margin-bottom: 30px; font-size: 18px;} .footer-area { padding-top: 60px;} .footer-widget { min-height: 270px;} .copyirght-text { text-align: center;} .footer-social { margin-bottom: 10px;} #mobile-nav ul li a.btn.btn-hire { color: #ff952e; margin-right: 33px; width: 215px; padding: 13px 20px;} #mobile-nav ul li a.btn.btn-hire:hover { color: #fff;} .services-banner.banner-area { height: auto;} .services-banner .banner-content p { font-size: 20px;} .services-banner .slide-content { padding-left: 0; padding-top: 40px; text-align: center; max-width: 480px; margin: auto;} .services-banner .slide-content .btn { margin-top: 6px; margin-bottom: 5px; padding: 11px 20px;} .slider-img-wrap img { margin: auto; margin-top: 20px;} .contact-banner{ min-height: 670px;height: auto !important;} .contact-banner .slider-img-wrap.absolute-img { max-width: 630px;margin: auto;} .slider-img-wrap.absolute-img { position: relative !important; max-width: 640px; right: 0; left: 0; margin: auto;} .innerpage-slide.banner-area{ min-height: 710px;height: auto;} .innerpage-slide .slide-content { padding-left: 0; padding-top: 30px; text-align: center;} .webdevelopment-banner .banner-content p { margin: 10px auto;} .graphic-banner .slider-img-wrap.absolute-img, .webdevelopment-banner .slider-img-wrap.absolute-img { max-width: 400px;} .desktop-banner .slider-img-wrap.absolute-img{ top: auto; max-width: 500px;} .p-crm:before{ content: ''; background: none;} .tab-slide h2 { font-size: 50px;} .tab-slide { padding: 40px 20px; position: relative;} .tab-slide .slide-img img { position: absolute; max-height: 320px; top: -60px;} .btn-condensed { padding: 15px 20px; border-radius: 5px; font-size: 16px;} .tab-slide.graphic-banner::before{ height: 180px;} .mob-item .mob-content { padding-top: 20px;} .innerpage-slide .slide-content, .banner-content .slide-content {padding-left: 30px;padding-top: 0px;z-index: 22;position: relative;text-align: center;margin-bottom: 20px;padding-right: 30px;} .contact-banner .banner-content .slide-content { padding-top: 50px;} .portfolio-banner .slider-img-wrap.absolute-img img { width: auto; margin: auto; margin-top: auto; margin-top: 20px; max-height: 350px;} .portfolio-banner .slider-img-wrap.absolute-img { max-width: 610px; bottom: 0; top: auto; min-height: 300px !important;} .graphic-carousel{ margin: 10px auto; max-width: 590px;} .sec-img img { max-height: 500px;} .products-banner .slider-img-wrap.absolute-img{ right: 0;} .products-banner .slider-img-wrap.absolute-img img { max-height: 290px; width: auto; margin: 0 auto;} .graphic-banner::before{width: 100%;height: 220px; background-size: contain;} .tro-banner .slider-img-wrap.absolute-img { right: 0; max-width: 470px;} .seo-banner .slider-img-wrap.absolute-img { right: 0; max-width: 400px; top: auto;} .seo-banner::before, .team-wrap{ background-size: contain;} .pd-slide { min-height: 450px; height: auto;background-color: rgb(0 0 0 / 30%) !important; background-blend-mode: color;} .pd-slide h1{ margin-top: 0;} .pd-slide p{ margin-bottom: 0;} .timeline-wrapper .nav__wrapper{ width: 100%;} .timeline-wrapper section img { display: none;} .timeline-wrapper .nav li.active{ padding-left: 1em; } .timeline-wrapper .nav li.active::after { width: 40px; height: 100%;} .btn.port-btn {top: 17px;margin: inherit;right: 50px; left: auto;} .single-ser.content-with-img{ min-height: 580px;} .aply-btn {float: left;position: relative;right: 20px;top: 0;margin-top: 10px;margin-left: 20px;} .products-sec {padding-top: 30px;} .single-testimonial .desc {padding: 30px;height: auto;} .mobiledev-banner .slider-img-wrap {top: auto;} .tro-detail-banner .slider-img-wrap {right: 0;left: 0; bottom: 0;} .tro-detail-banner .slider-img-wrap img{max-height: 500px;} .mob-games .section-title, .mob-business .section-title, .mob-entertainment .section-title { padding-top: 0px;} .about-banner{ min-height: 720px;} .about-banner .slider-img-wrap { max-width: 420px !important;} .products-sec{ text-align: center;} .payment-banner .slider-img-wrap.absolute-img { right: 6%; top: auto;} .payment-banner .slider-img-wrap.absolute-img img { max-height: 500px;} .fresh-grad-banner .slider-img-wrap.absolute-img { max-width: 380px;} .graphic-wraps .web-item {height: 500px;max-width: 360px;} .graphic-wraps .web-item.sm-item { height: 200px;} .graphic-wraps.v-cards .web-item.sm-item { height: 170px;} .single-testimonial { text-align: center; margin-bottom: 30px; padding: 30px 20px;} .testi-icon{ margin: auto;} .head-contact-info{padding-top: 20px;margin-right: 60px;} .boarding-process .section-title { padding-bottom: 25px;} .process-list.linking {margin-bottom: 40px;} .service-list {padding: 30px 0;} .content-section { padding: 60px 0;} .we-build .text-block { margin: 0 0 20px;} .we-build h2 { font-size: 50px; line-height: 60px !important; margin: 0 0 20px;} .we-build p { font-size: 18px; line-height: 24px;} .what-we-do .as-circular-logo { width: 150px; height: 150px; top: -50px; right: 30px;} .what-we-do .as-circular-logo { width: 100px; height: 100px; top: -30px; right: 20px;} .what-we-do .service-holder { padding: 20px 20px} .expert-image-holder { margin-top: 0;} .techs-stacks .stack-logos li { width: calc(25% - 20px); margin: 10px;margin-bottom: 40px;} .engagement-models .eng-model{ margin-bottom: 30px;} .engagement-models .eng-models { margin-bottom: 20px;} .certification-wrap.new .certif ul li { width: calc(33.33% - 20px);} .certification-wrap.new { padding-top: 80px; padding-bottom: 100px;} .expert-image-holder.custom { /* transform: scale(1); */ margin-top: 0;} .award-content{ top: -30px; } .award-content p{ font-size: 16px !important; } .banner-content .slide-content .certifications{ justify-content: center; } .trusted-section .heading { margin-right: 50px; } .rewards-recognition .content-wrapper { padding: 60px 40px; top: -60px; } .augmentation-process .heading-section { margin-bottom: 30px; padding-top: 50px; } .augmentation-process .heading-section .bg-text { font-size: 80px; } .mb-md-80{ margin-bottom: 80px; } .full ul.logos-listing { flex-wrap: wrap; } .full .logos-listing li { width: 32%; } .banner-area.payment-banner { height: auto; } } .footer-area h5{ margin-bottom: 10px; } @media (max-width: 830px){.pr-bg-gredient{ min-height: 700px;} .pricelist li {width: 31.33%;} .pricelist li .p-heading{ font-size: 17px;} .p-exp {font-size: 13px;} .products-banner {height: auto !important;}} @media (max-width: 768px) { .recent-projects .web-item { margin: 30px 0px 0;} .innerpage-slide.banner-area, .home-banner.banner-area, .pr-bg-gredient { height: auto;} .payment-info-table .table th { text-transform: uppercase; padding: 10px 6px; font-weight: 500; color: #222; font-size: 18px;} .table-responsive.payment-info-table { border: none;} .payment-info-table .table td { padding: 7px 6px; white-space: normal !important; font-size: 14px;} .slider-img-wrap.absolute-img, .products-banner .slider-img-wrap.absolute-img { position: relative;} .products-banner, .contact-banner, .about-banner { height: auto !important;} .slider-img-wrap.absolute-img{ max-width: 460px;} .benefits .content-with-img{ padding: 0;} .benefits .content-with-img h4{ font-size: 25px;} .contact-banner .slider-img-wrap.absolute-img { max-width: 630px; position: relative; margin: auto; float: right;} .tro-wrap { padding: 30px 0;} .achv-single-wrap .achv-content{ padding-top: 20px !important; padding-bottom: 0;} .web-item .img-overlay p{ display: none;} .port-btn-icon { padding: 4px 13px;} .web-item { margin: 10px 0px;} .tab-slide{ margin-bottom: 30px;} .g-recaptcha { width: 290px !important;} .g-recaptcha > div { width: 290px !important;} .trobtns {text-align: left;} .pricelist li.mid {transform: scale(1);} .pricelist li { width: 100%;} } @media (max-width: 767px) { .section-gap { padding: 30px 0;} h1, .products-sec h1{ font-size: 50px;} h2 { font-size: 40px;} h3 { font-size: 35px;} h4 { font-size: 30px;} .section-title p { font-size:20px;} .banner-content p{ font-size: 22px;} .work-process-area .single-work-process { width: 100%} .work-process-area .work-arrow { display: none} .logo-wrap{ padding: 5px 0;} #logo img { max-height: 50px} .breadcrumbs{ display: none;} #mobile-nav-toggle { top: 10px} .home-banner .banner-content.justify-content-center { padding-top: 80px;} .single-ser.content-with-img{ min-height: 530px;} .achv-single-wrap .achv-content{ padding-bottom: 0;} .home-banner .banner-content .btn { margin-bottom: 5px;} .footer-widget { min-height: auto;} .footer-area h5 { margin-bottom: 10px; margin-top: 20px;} .section-title { padding-bottom: 10px; text-align: center;} .intrested-wrap .section-title { text-align: left; margin-bottom: 20px;} .service-list { text-align: center;} .section-title img { display: inline-block; margin-bottom: 20px; max-width: 135px;} .devided-section .single-ser.content-with-img .service-img img.svg-icon { display: inline-block; height: 160px;} .devided-section { padding-top: 0;} .devided-section .single-ser.content-with-img .service-img { margin-bottom: 25px;} .devided-section .content-with-img .content-detail h3 { margin-bottom: 4px; font-size: 35px;} .devided-section .content-with-img .content-detail p { font-size: 18px;} .slider-img-wrap.absolute-img { max-width: 480px;} .products-sec { padding-top: 40px;} .webdevelopment-banner .slider-img-wrap.absolute-img { max-width: 400px; right: 0;} .services-banner .banner-content.justify-content-center { padding-top: 20%;} .btn.port-btn{ top: 5px;} .projects-tabs{ border-radius: 0;} .innerpage-slide .slide-content { padding-left: 0 !important; padding-top: 0 !important; text-align: center !important;} .webdevelopment-banner .banner-content p{ /* margin: auto; */ margin-bottom: 20px;} .banner-area{ height: auto !important; text-align: center !important;} .slider-img-wrap.absolute-img{ position: relative !important; margin: auto;} .img-wrapper { max-width: 400px; margin: 20px auto 20px;} .buttons-wrap { margin-top: 40px; text-align: center;} .innerpage-slide .slide-content, .banner-content .slide-content { padding-left: 0; padding-top: 0; padding-right: 0;} .contact-banner .banner-content .slide-content { padding-top: 30px;} .tro-wrap { padding: 30px 0;} .tro-wrap .img-wrapper { margin: 10px 0; text-align: left; max-width: none;} .tro-content { text-align: left;} .aply-btn {float: none;position: inherit;right: 0;top: 0;margin-left: 0; } .benefits .bullet-list li { padding: 5px 5px 5px 25px; position: relative;} .trigger-more {display: block !important;text-align: center !important;} .tab-slide{ text-align: center;} .tab-slide .slide-img img{ display: none;} .btn-condensed{ margin: 3px;} .web-item { margin: 30px auto; max-width: 400px;} .mob-item .mob-content{ text-align: center; margin-bottom: 30px;} .pull-right, .pull-left{ float: none !important;} .slide-img{ text-align: center;} .slide-img img { max-height: 400px !important;} .mob-item { padding: 30px 0;} .slider-img-wrap img { width: auto; margin: auto; margin-top: 20px; max-height: 350px;} .timeline-wrapper .nav__wrapper{ width: 100%;} .timeline-wrapper section img { display: none;} .timeline-wrapper .nav li.active{ padding-left: 1em; } .timeline-wrapper .nav li.active::after { width: 40px; height: 100%;} .section-gap { padding: 40px 0;} .footer-bottom{ font-size: 13px;} .contact-banner { min-height: 520px;} .contact-banner .slider-img-wrap.absolute-img { max-width: 550px; float: right;} .contact-banner .slider-img-wrap img { width: auto; margin: auto; margin-top: auto; margin-top: -20px; max-height: 450px;} .tab-slide.graphic-banner::before { height: 136px; background-size: contain; width: 100%;} .p-info-wrap { margin-top: 40px; text-align: center;} .info-icon img { max-height: 60px; margin: 10px 0;} .p-info-wrap h4 { margin: 10px auto; text-transform: uppercase; font-size: 25px;} .p-info-wrap .info-content{ padding-left: 0;} .p-info-wrap h6 { font-size: 16px;} .tab-slide{ min-height: auto;} .pd-slide{ height: auto;} .certification-wrap .certif ul li { width: 45%;} .mob-arvr{ background: url(../img/mobiledev-bg4-t.webp) ; text-align: center; background-position: center; } .graphic-wraps .web-item, .graphic-wraps .web-item.sm-item, .graphic-wraps.v-cards .web-item.sm-item { margin: 0 auto;} .head-contact-info {padding-top: 10px;} .tro-listing .iquiry-form {padding: 0 5px;} .contact-banner.thankyou { min-height: 100vh !important;} .single-testimonial{ height: auto !important;} .single-testimonial h5{ margin-left: 0 !important;} .btn-white.btn.disabled, .btn-white.btn[disabled], .btn-white{ background:rgba(255,255,255,0.85); } .content-section { padding: 40px 0;} .we-build h2 { font-size: 40px; line-height: 50px !important;} .expertise .heading-section { margin: 0 0 20px;} .expertise .heading-section h2 { font-size: 36px; line-height: 45px !important; margin: 0 0 20px;} .bordered-heading:before { content: ""; width: 180px; bottom: -4px;} .techs-stacks .stack-logos li { width: calc(33.33% - 20px); margin: 10px;margin-bottom: 40px;} .testimonial .owl-controls { display: none;} .home-banner.banner-area.new { height: 350px !important;} .banner-area .hb-video{ height: 100%;} .banner-area .hb-video::before{ height: 100%;} .banner-area .hb-video video{ object-fit: cover;} .home-banner .banner-text-overlay .banner-content h1 { text-shadow: none; font-size: 22px;} .home-banner .banner-text-overlay .banner-content p { line-height: 20px; margin: 10px 0 15px; font-size: 20px;} .home-banner .banner-text-overlay .banner-content.justify-content-center { padding-top: 40px;} .technologies{padding: 25px 0} .technologies .heading{margin-bottom: 25px;} .technologies .heading h2{margin-bottom: 15px;} .award-content{ top: -20px; } .banner-content .slide-content .certifications li { width: 70px; height: 60px; padding: 10px; } .get-connect{ margin-top: 20px; } .trusted-section .heading { margin-right: 30px; } .our-impact{ padding-bottom: 100px; } .impact-list ul li{ width: 50%; } .rewards-recognition .content-wrapper { padding: 40px 20px; } .rewards-recognition .content-wrapper ul{ flex-wrap: wrap; justify-content: center; } .rewards-recognition .content-wrapper ul li { width: 120px; margin-right: 10px; margin-bottom: 10px; height: 100px; } .augmentation-process .heading-section { padding-top: 30px; } .augmentation-process .heading-section .bg-text { font-size: 60px; } .augmentation-process .panel-group .panel-heading .panel-title a { font-size: 18px; padding: 20px 25px; } .augmentation-process .panel .panel-body { padding: 0 25px 20px; } .mt-sm-40{ margin-top: 40px !important; } .custom-h2 { font-size: 30px !important; } .custom-h4 { font-size: 18px !important; } .custom-tab-btns ul { justify-content: center; } .mobile-game-banner{ bottom: -20px; } } @media (max-width: 585px) { p, .bullet-list, ul li, .fz-18, .footer-area ul li a {font-size: 16px !important;line-height: 24px;} .innerpage-slide .slide-content{ padding-top: 0;padding-left: 0;} .slider-img-wrap img{ width: auto;} .logos-listing li { width: 48%;} .tab-slide h2 { font-size: 43px; margin-bottom: 15px;} .tab-slide { padding: 40px 0px;} .web-item .img-overlay{ padding:30px;} .timeline-wrapper section{ min-height: 740px;} .as-modal .modal-body { position: relative; padding: 15px 25px 20px;} .form-group.upload-file .file-overlay{ padding: 15px;} .copyirght-text a { color: #747474; font-size: 13px;} .about-intro{ padding-bottom: 30px;} .tro-links .link { font-size: 16px; margin-right: 15px;} ul.exper-list li { padding: 5px;} .exper-list .checkmark{ margin-right: 5px;} .single-ser.content-with-img {min-height: auto;} .single-ser.content-with-img { margin: 20px auto 70px;} .achv-single-wrap .achv-content{ margin-bottom: 30px;} ul.exper-list { margin: 10px 0;} .nav-tabs.projects-tabs > li{ display: block;} .home-banner .banner-content .btn {padding: 10px 35px;font-size: 16px;} .payment-btn .btn{ margin-bottom: 10px;} .pd-slide {min-height: 370px;} .pd-slide h1{margin-top: 0;} .pd-slide p{ margin-bottom: 10px;} .timeline-wrapper .nav li.active .nav__counter { font-size: 50px;} .timeline-wrapper .nav__title { font-size: 25px; margin-bottom: 6px;} .timeline-wrapper .nav { margin: 0px 0 0px 16px;} .timeline-wrapper .nav__body{ line-height: 22px; font-size: 15px !important;} .timeline-wrapper .nav li.active { padding-left: 0;} .timeline-wrapper .nav li.active::after { width: 30px;} /* .faqs-wrap .panel-title > a {display: block;padding: 8px 40px 10px 46px;-o-text-overflow: ellipsis;text-overflow: ellipsis; white-space: initial;min-height: 42px;line-height: 22px;border-radius: 5px;} */ .faqs-wrap .panel-title > a span { position: absolute; left: 2px; top: 4px; border-radius: 2px;} .rc-anchor-normal{ width: 270px !important;} .achv-single-wrap .achv-content h4 { margin-bottom: 5px;} #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} .certification-wrap .certif ul li { float: none; width: 49%; margin: 10px 0; display: inline-block;} .certification-wrap .certif ul li a img { max-width: 110px; width: 100%;} .certification-wrap .certif ul li a { height: 160px; line-height: 160px;} .certification-wrap .certif { margin-top: 15px;} /* #mobile-nav > ul{ height: 76vh;} */ .as-modal .modal-body .btn { margin-top: 0px;} .graphic-wraps .web-item {height: 370px;max-width: 260px;margin: auto !important;} .section-gap.mob-arvr{ min-height: 490px !important;} .fixed-me .head-contact-info { display: none;} .fixed-me .btn.port-btn { top: 9px;} .we-build h2 { font-size: 32px; line-height: 40px !important; margin-bottom: 15px;} .expertise .sub-heading { font-size: 16px; line-height: 22px; margin: 0 0 5px;} .expertise h2 { font-size: 30px; margin: 0 0 15px;} .expertise .expert-text-holder p { margin: 0 0 15px;} .techs-stacks .heading-section h2, .engagement-models .heading-section h2 ,.testimonials .heading-section h2,.our-team .heading-section h2{ font-size: 30px;} .techs-stacks .heading-section, .engagement-models .heading-section, .testimonials .heading-section { margin: 0 0 30px;} .techs-stacks .nav-tabs li{ margin-bottom: 10px;} .testimonial .owl-item.active.center { transform: scale(1);} .testimonial .owl-stage-outer .owl-stage{ padding: 0;} .certification-wrap.new .certif ul li { width: calc(50% - 20px);} .certification-wrap.new { padding-top: 70px; padding-bottom: 90px;} .technologies .heading h2{font-size: 30px;} .trusted-section .heading { margin-right: 20px; } .full .logos-listing li { width: 48%; } } @media (max-width: 480px) { h1, .products-sec h1{ font-size: 38px;} .mob-arvr{ background: url(../img/mobiledev-bg4-m.webp) ; text-align: center; padding-top: 10px; } h2 { font-size: 35px;} h3 { font-size: 30px;} h4 { font-size: 26px;} h6 { font-size: 20px;} .section-gap{ padding:30px 0;} .section-title p { font-size: 18px;} .banner-content p{ font-size: 20px;} .banner-area .btn{ margin-bottom: 5px;} .banner-area{ height: auto;} .home-banner.banner-area { height: 580px;} #mobile-nav ul li a { font-size: 16px; padding: 7px 22px 10px 50px; width: 100%; display: block; outline: none; font-weight: 400; text-transform: uppercase;} .active-screens-carusel .owl-controls .owl-nav { top: 40%;} #mobile-nav ul .menu-has-children i.lnr { width: 50px; height: 45px; text-align: center; line-height: 50px;} .btn.btn-hire { margin-right: 45px; margin-top: 9px;} .banner-content h1, .home-banner .banner-content h1, .services-banner .banner-content h1 { font-size: 40px;} .achv-single-wrap { padding: 0 !important;} .faqs-quote-wrap .inner-with-shadow { -webkit-box-shadow: none; box-shadow: none; padding: 0;} .section-title h2 { font-size: 40px;} .content-with-img .content-detail h3 { margin-bottom: 10px; font-size: 40px;} .content-with-img .content-detail p { font-size: 18px;} .single-ser.content-with-img .service-img { margin-bottom: 20px;} .single-ser.content-with-img .service-img img.svg-icon { display: inline-block; height: 170px;} .single-testimonial .desc { font-size: 18px; padding: 20px 30px;} .single-testimonial h5{ font-size: 16px;} .quote-form { padding: 30px 15px;} .btn-condensed { padding: 13px 14px; border-radius: 5px;} .service-list .service-img img { height: 170px; display: inline-block; margin-bottom: 5px;} .services-banner .banner-content p { font-size: 18px; line-height: 22px;} .service-list { padding: 40px 0;} .devided-section::before { width: 100%; background: #f8f8f8; top: 0; bottom: 0; left: 0; height: 47%;} .devided-section .col-xs-6 { width: 100%;} .home-banner .banner-content p { font-size: 18px;} .banner-area{ height: auto;} .slider-img-wrap.absolute-img, .contact-banner .slider-img-wrap.absolute-img { position: relative; margin-top: 0; bottom: -10px;} .contact-banner .slider-img-wrap.absolute-img img { margin-top: 0; width: auto;} .btn.btn-white-outline.btn-icon { height: 70px; width: 70px; line-height: 69px; min-width: 70px;} ul.info-list li { font-size: 17px; padding: 6px 0;} .cinfo-wrap h5 { margin: 15px 0 0;} .about-banner .slider-img-wrap img { width: auto;} .footer-area .footer-logo { max-width: 80px; display: inline-block; margin-bottom: 10px;} .banner-content.justify-content-center { text-align: center;} .web-item .img-overlay h5 { margin-top: 10px;} .web-item .img-overlay{ padding:20px 10px;} .nav-tabs.projects-tabs > li > a{ padding: 10px 20px;} .pro-quote { padding: 20px; margin-left: 0px; margin-left: 5px;} .timeline-wrapper .nav__title { font-size: 20px;} .fixed-me .head-contact-info, .head-contact-info{display: none;} .thankyou-msg .btn {margin: 5px 0px !important;width: 100%;} .we-build h2 { font-size: 22px; line-height: 30px !important;} .btn-outline { font-size: 16px; line-height: 22px; padding: 13px 10px 7px; margin-bottom: 5px;} .btn-outline:hover .btn-text { -o-transform: translateX(-5px); -ms-transform: translateX(-5px); -moz-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px); } .what-we-do .as-circular-logo { width: 80px; height: 80px;} .expertise .heading-section { margin: 0 0 0px;} .expertise .heading-section h2 { font-size: 32px; line-height: 40px !important; margin: 0 0 10px;} .expertise h2 { font-size: 24px; line-height: 30px !important; margin: 0 0 15px;} .techs-stacks .stack-logos li { width: calc(50% - 20px);} .engagement-models .eng-model { padding: 25px 20px;} .engagement-models .eng-model h2 { font-size: 24px; margin-bottom: 10px;} .engagement-models .btn-holder button { padding: 15px 20px 12px 20px; font-size: 18px;} .our-team:after { height: 350px;} .certification-wrap.new .certif ul li { width: calc(100% - 20px);} .certification-wrap.new { padding-top: 60px; padding-bottom: 70px;} .our-impact{ padding-bottom: 80px; } .our-impact .heading-section { margin-bottom: 20px; } .impact-list ul li{ width: 100%; } .rewards-recognition .content-wrapper { padding: 30px 15px; } .augmentation-process .panel-group .panel-heading .panel-title a { font-size: 16px; padding: 15px 15px; } .augmentation-process .panel .panel-body { padding: 0 15px 15px; } .augmentation-process .heading-section .bg-text { font-size: 50px; } }