html,
body {
height: 100%;
}
body {
font-family: 'Urbanist', sans-serif;
font-size: 14px;
line-height: 24px;
color: #333333;
font-weight: 400;
font-style: normal;
background: #fff;
}
dl,
ol,
ul {
list-style-type: none;
}
ol,
ul {
padding-left: 0px;
}
.image-full {
width: 100%;
}
.image-max-width {
max-width: 100%;
}
.object-cover {
object-fit: cover;
}
.header-heigt-fix {
height: 94px;
}
.header-main-hm {
padding: 0px 0px 0px;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
background: transparent;
}
.nav-header-custome {
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.header-main-hm,
.nav-header-custome {
height: 94px;
}
.nav-header-custome .nav-item {
margin-right: 55px;
}
.nav-header-custome .nav-item:last-child {
margin-right: 0px !important;
}
.nav-header-custome .nav-item .nav-link {
font-weight: 500;
font-size: 15px;
line-height: 74px;
color: #000;
position: relative;
padding: 0px;
}
.header-main-hm-sub .nav-header-custome .nav-item .nav-link,
.fixnav .nav-header-custome .nav-item .nav-link {
color: #3A3A3A;
}
.nav-header-custome .nav-link.active,
.nav-header-custome .show>.nav-link,
.nav-header-custome .nav-link:hover,
.nav-header-custome .nav-link:focus,
.fixnav .nav-header-custome .nav-item .nav-link:hover,
.fixnav .nav-header-custome .nav-item .nav-link:focus,
.fixnav .nav-header-custome .nav-item .nav-link.active {
color: #E6B022 !important;
background-color: transparent;
background: linear-gradient(243.53deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.nav-header-custome .nav-link.active:after,
.nav-header-custome .nav-link:hover:after {
content: '';
width: 23px;
height: 3px;
display: block;
position: absolute;
left: 0px;
top: 70%;
border-radius: 100%;
background-image: url(../images/LinkActive.svg);
background-repeat: no-repeat;
}
.btn-booknw {
background: transparent;
border-radius: 50px;
font-weight: 400;
font-size: 15px;
color: #272C2E;
line-height: 16px;
height: 40px;
display: inline-block;
padding: 13px 27px;
text-decoration: none;
border: 1px solid #272C2E;
text-align: center;
}
.nav-headerh {
height: 149px;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.header-main-hm-sub {
background: #fff;
height: 149px;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.fixnav {
padding: 0px 0px 0px;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
background: #fff;
}
.fixnav,
.fixnav .nav-header-custome {
height: 74px;
}
.subpage-header .header-main-hm {
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
}
.offcan-custome .offcanvas-header {
padding: 1.5rem 1.5rem;
}
.offcan-custome.offcanvas-start {
border-right: none;
max-width: 80%;
}
.sidebar-pills {
padding-bottom: 2rem;
}
.logo-offcanvas img {
width: 120px;
}
.sidebar-pills .nav-link {
padding: 1rem 1rem;
color: #3A3A3A;
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
}
.sidebar-pills.nav-pills .nav-link.active,
.sidebar-pills.nav-pills .show>.nav-link {
background-color: transparent;
color: #ee1f4d;
}
.sidebar-pills.nav-pills .nav-link:focus,
.sidebar-pills.nav-pills .nav-link:hover {
color: #ee1f4d;
background-color: transparent;
}
.nav-custometp {
background-color: #254099 !important;
box-shadow: 0px 0px 25px rgba(0, 0, 0, .5);
border-bottom: 1px solid #254099;
}
.nav-custometp .cn_item {
margin-right: 7px;
}
.nav-custometp .nav-link {
display: block;
padding: 1rem 1.6rem 1rem 0rem;
}
.nav-custometp .nav-title {
font-size: 14px;
}
.nav-diver-tp {
border-left: 1px solid #4960aa;
padding-left: 20px;
}
.nav-custometp .link-dark {
color: #fff;
}
.nav-custometp .link-dark .cn_item svg {
top: -2px;
}
.header-main-hm .navbar-toggler .cn_item svg path {
stroke: #272c2e !important;
}
.nav-header-custome .nav-link.drpp:before {
display: inline-block;
content: "";
background-image: url(../images/dropdownarrow.svg);
height: 10px;
width: 10px;
background-repeat: no-repeat;
position: absolute;
right: -17px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.dropdown-menu {
background: #FFFFFF;
border-radius: 5px;
border: none;
padding: 15px 0px 15px;
min-width: 210px;
box-shadow: 0px 5px 10px rgb(0 0 0 / 22%);
}
.dropdown-item.active,
.dropdown-item:active {
color: transparent;
text-decoration: none;
background-color: transparent;
}
.dropdown-menu li {
margin: 0px 10px 0px;
}
.dropdown-item {
background: transparent;
border-radius: 5px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #383838 !important;
padding: 12px 20px;
}
.dropdown-menu li:hover .dropdown-item {
background: #F7F7F7 !important;
}
@media (max-width: 1199px) {
.header-main-hm,
.nav-headerh,
.fixnav {
height: 50px !important;
padding-top: 11px;
}
.header-main-hm,
.nav-headerh {
padding-top: 11px;
height: 50px !important;
}
.header-heigt-fix {
height: 50px;
}
.logo {
margin-left: 15px;
}
.logo img {
width: 100px;
}
.btn-booknw {
display: block;
text-align: center;
margin-top: 20px;
}
.dropdown-menu {
border: none;
padding: 15px 0px 15px;
min-width: 230px;
position: relative !important;
top: 0px !important;
transform: translate3d(0px, 0px, 0px) !important;
box-shadow: none;
background: #f7f7f7;
}
.nav-header-custome .nav-item .nav-link {
font-size: 15px;
}
.dropdown-menu .submenu {
display: block;
padding: 0px;
}
}
@media (min-width: 1200px) {
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown-menu .submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu li {
position: relative;
}
.dropdown-menu>li:hover>.submenu {
display: block;
}
.dropdown-menu.submenu li .dropdown-item {
background: transparent !important;
}
.dropdown-menu.submenu li:hover .dropdown-item {
background: #F7F7F7 !important;
}
}
/* header end*/
/* home-banner*/
.home-banner {
padding: 0px;
background-image: url(../images/banner.png);
height: 771px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
padding-top: 70px;
border-radius: 0px 0px 20px 20px;
}
.home-banner,
.home-banner .banner-right-content {
transition: 0.4s;
}
.home-banner:hover .banner-right-content {
transform: translate(0, -3px);
}
.banner-content {
width: 100%;
}
.banner-content h1 {
font-weight: 700;
font-size: 48.352px;
line-height: 66px;
color: #203556;
margin-bottom: 20px;
}
.banner-content.upliv-hm h1 {
font-size: 60px;
line-height: 72px;
}
.banner-content p {
font-weight: 700;
font-size: 19px;
line-height: 30px;
color: #272C2E;
margin-top: 20px;
}
.banner-content span {
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #3D434F;
}
@media (max-width: 1199px) {
.home-banner {
background-image: url(../images/chatbot-hero-bg.webp);
padding-top: 80px;
padding-bottom: 40px;
height: auto;
background-position: right;
}
.banner-content h1 {
font-size: 38px;
line-height: 52px;
}
.banner-content p {
font-size: 17px;
line-height: 1.6;
margin-top: 10px;
}
}
@media (max-width: 959px) {
.banner-content {
width: 100%;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.banner-content h1 {
font-size: 30px;
line-height: 36px;
margin-bottom: 18px;
}
.banner-content span {
font-size: 15px;
line-height: 26px;
}
}
@media (min-width: 1600px) {
.banner-content h1 {
font-size: 55.352px;
line-height: 69px;
}
.banner-content.upliv-hm h1 {
font-size: 78px;
line-height: 84px;
}
.banner-content span {
font-size: 16.391px;
line-height: 40px;
}
.banner-content-full span {
display: inline-block;
margin: 0px auto;
}
.banner-content p {
font-size: 22.9474px;
line-height: 132%;
margin-top: 30px;
}
}
/* home-banner end*/
.spacer-same {
overflow: hidden;
padding-top: 73px;
padding-bottom: 63px;
}
.samedefulat-head h2 {
font-weight: 500;
font-size: 34px;
line-height: normal;
color: #203556;
margin: 10px 0px 14px;
}
.samedefulat-head h1 {
font-weight: 500;
font-size: 40px;
line-height: normal;
color: #203556;
margin: 10px 0px 14px;
}
.samedefulat-head p {
font-weight: 500;
font-size: 15px;
line-height: 34px;
color: #383838;
margin-bottom: 20px;
}
.samedefulat-head.white h2 {
color: #fff;
}
.samedefulat-head.white p {
color: #DDD;
}
.button-more {
background: transparent;
font-weight: 400;
font-size: 15px;
color: #272C2E;
line-height: 16px;
display: inline-block;
padding: 13px 35px;
text-decoration: none;
border: 1px solid #272C2E;
border-radius: 20px;
text-align: center;
}
.btn:focus,
.btn:hover,
.fill {
background: #272C2E !important;
border: 1px solid #272C2E !important;
color: #fff !important;
}
@media (max-width: 767px) {
.spacer-same {
padding-top: 40px;
padding-bottom: 33px;
}
.samedefulat-head h2 {
font-size: 25px;
margin: 10px 0px 14px;
line-height: 35px;
}
.samedefulat-head h1 {
font-size: 30px;
margin: 10px 0px 14px;
line-height: 35px;
}
}
@media (max-width: 1199px) {
.spacer-same {
padding-top: 50px;
padding-bottom: 33px;
}
.samedefulat-head {
margin-bottom: 50px;
}
}
@media (min-width: 1600px) {
.spacer-same {
padding-top: 73px;
padding-bottom: 80px;
}
.digi-spacing-section {
padding-top: 110px;
}
.samedefulat-head h2 {
font-size: 48px;
margin: 10px 0px 14px;
}
.samedefulat-head h1 {
font-size: 55px;
margin: 10px 0px 14px;
}
.samedefulat-head p {
font-size: 16px;
line-height: 40px;
margin-bottom: 20px;
}
}
/* section */
.lead-section {
background-image: url(../images/lead-bg.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px 20px 0px 0px;
}
.digit-lead-lead {
background: #F9FAFB;
}
.seo-section {
background: #F5CF66;
border-radius: 0px 0px 20px 20px;
display: flex;
align-items: center;
justify-content: center;
}
.improve-section {
background-image: url(../images/improve-bg.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
border-radius: 20px;
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.seo-section.spacer-same,
.lead-section.spacer-same {
padding-top: 70px;
padding-bottom: 0px;
}
.seo-section .samedefulat-head h2,
.lead-section .samedefulat-head h2 {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.improve-section {
background-position: right;
}
}
@media (min-width: 1600px) {
.seo-section.spacer-same,
.lead-section.spacer-same {
padding-top: 0px;
padding-bottom: 0px;
}
.lead-section {
height: 647px;
}
.improve-section {
height: 496px;
margin-top: 76px;
padding: 0px;
}
.seo-section {
height: 647px;
}
}
/* section end */
/* market-social */
.market-social {
background: #0E0E0E;
padding: 70px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.market-title {
border-radius: 44.4243px;
overflow: hidden;
height: 605px;
position: relative;
padding: 60px 20px 0px 20px;
}
.color-first {
background: #FFB3C7;
}
.color-snd {
background: #BAD1FA;
}
.market-title .move-marke-img {
top: 60%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
left: 50%;
width: 100%;
height: 410px;
}
.market-title h2 {
font-weight: 700;
font-size: 28.3182px;
line-height: 33px;
color: #272C2E;
padding: 0px 30px;
}
@media (max-width: 767px) {
.market-title {
height: 565px;
padding: 60px 20px 0px 20px;
}
.market-title h2 {
font-size: 26.3182px;
line-height: 33px;
padding: 0px 30px;
}
.market-title .move-marke-img {
top: 70%;
}
}
@media (min-width: 1600px) {
.market-social {
padding: 105px 0px;
}
.market-title {
height: 705px;
padding: 70px 20px 0px 20px;
}
.market-title h2 {
font-size: 33.3182px;
line-height: 37px;
padding: 0px 40px;
}
}
/* market-social end */
/* serv-spacing-section */
.serv-content {
padding-left: 53px;
position: relative;
}
.serv-content-border {
position: relative;
}
.serv-content .nmber-serv {
font-weight: 700;
font-size: 20px;
line-height: 132%;
color: #272C2E;
position: absolute;
left: 0px;
top: 0px;
}
.serv-content-border:before {
background: #C0C0C0;
width: 1px;
height: 100px;
position: absolute;
content: '';
left: -24px;
top: -5px;
}
.serv-content h3 {
font-weight: 700;
font-size: 22px;
line-height: 132%;
color: #272C2E;
margin-bottom: 10px;
}
.serv-content p {
font-weight: 300;
font-size: 14px;
line-height: 172%;
color: #383838;
}
@media (max-width: 1199px) {
.serv-spacing-section .samedefulat-head {
margin-bottom: 0px;
}
.serv-spacing-section .spacer-same {
padding-bottom: 53px;
}
}
@media (min-width: 1600px) {
.serv-content h3 {
font-weight: 700;
font-size: 24px;
line-height: 132%;
color: #272C2E;
margin-bottom: 20px;
}
}
/* serv-spacing-section end */
/* footer-content */
.footer-content {
background: #021218;
}
.whatsapp-animat {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 100;
}
.address-bar-footer {
background: #191919;
color: #fff;
padding: 50px 0px 88px;
}
.footer-tpcontet p {
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 30px;
margin-bottom: 10px;
color: rgba(255, 255, 255, .44);
width: 77%;
margin-left: auto;
margin-right: auto;
}
.footer-nav .nav-link {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
padding: 0.5rem 2rem;
}
.footer-tpcontet {
padding-top: 51px;
padding-bottom: 35px;
}
.cpyright {
border-top: 0.5px solid rgba(255, 255, 255, 0.20);
padding: 25px 0px;
}
.copyright-text {
font-weight: 400;
font-size: 15px;
color: #fff;
}
.footer-social a {
margin-left: 23px;
}
@media (max-width: 1366px) {
.footer-social a {
margin-left: 16px;
}
}
@media (max-width: 1199px) {
.address-bar-footer {
padding: 50px 0px 30px;
}
.footer-tpcontet {
padding-top: 31px;
padding-bottom: 35px;
}
.footerlogo {
text-align: center;
}
.footer-nav {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.address-bar-footer {
padding: 40px 0px 15px;
}
.footer-tpcontet p {
font-size: 15px;
line-height: 27px;
width: 94%;
}
.footer-tpcontet {
padding-top: 40px;
padding-bottom: 35px;
}
.footer-nav .nav-link {
font-size: 13px;
padding: 0.3rem 0.9rem;
}
.cpyright {
padding: 14px 0px 10px;
}
.copyright-text {
font-size: 12px;
display: block;
margin-bottom: 7px;
}
}
@media (min-width: 1600px) {
.footer-tpcontet {
padding-top: 81px;
padding-bottom: 65px;
}
.footer-nav .nav-link {
font-size: 18px;
line-height: 20px;
padding: 0.5rem 2rem;
}
}
/* footer-content end */
/* lazy load*/
img:not([src]):not([srcset]) {
visibility: hidden;
}
.slider-contaner img:not(.tns-lazy-img),
.lazyload img {
height: auto !important;
}
/* lazy load end*/
/* servce-content */
.subbanner {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.serv-banner {
border-radius: 0px 0px 20px 20px;
height: 522px;
position: relative;
z-index: 2;
}
.banner-content-full {
width: 100%;
margin-top: -130px;
}
.button-more-top {
background: transparent;
font-weight: 400;
font-size: 15px;
color: #272C2E;
line-height: 16px;
height: 41px;
display: inline-block;
padding: 13px 33px;
text-decoration: none;
border: 1px solid #272C2E;
border-radius: 20px;
text-align: center;
margin-top: 30px;
}
.servc-section {
background: #E9EEFA;
position: relative;
}
.servce-section-mar {
position: relative;
margin-top: -160px;
z-index: 3;
}
.servce-content {
background: #FFFFFF;
border-radius: 21.8091px;
padding: 40px 44px;
margin-bottom: 61px;
height: 607px;
}
.servce-content h3 {
font-weight: 500;
font-size: 30px;
line-height: 132%;
color: #272C2E;
margin: 32px 0px 25px;
}
.servce-content p {
font-weight: 300;
font-size: 15px;
line-height: 205.5%;
color: #000000;
}
.serbanner-yes {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
height: auto !important;
}
.serbanner-yes h3,
.serbanner-yes p {
color: #fff;
}
@media (max-width: 1199px) {
.serv-banner {
height: 562px;
}
.servce-content {
padding: 40px 35px;
margin-bottom: 61px;
height: 627px;
}
.servce-content h3 {
font-size: 26px;
line-height: 132%;
margin: 25px 0px 16px;
}
.servce-content p {
font-size: 15px;
line-height: 205.5%;
}
}
@media (max-width: 959px) {
.servce-content {
padding: 50px 35px;
margin-bottom: 61px;
height: auto;
}
}
@media (max-width: 767px) {
.banner-content-full {
margin-top: -20%;
}
.servce-content {
padding: 40px 35px;
margin-bottom: 51px;
}
.servce-content h3 {
font-size: 25px;
}
.button-more-top {
margin-top: 20px;
}
}
@media (min-width: 1600px) {
.serv-banner {
border-radius: 0px 0px 20px 20px;
height: 696px;
position: relative;
z-index: 2;
}
.banner-content-full {
width: 100%;
margin-top: -120px;
}
.servce-section-mar {
position: relative;
margin-top: -240px;
z-index: 3;
}
.servce-content {
padding: 60px 44px 50px;
margin-bottom: 101px;
height: 627px;
}
.servce-content h3 {
font-size: 36.1407px;
line-height: 132%;
margin: 42px 0px 35px;
}
.servce-content p {
font-size: 15px;
line-height: 205.5%;
}
.banner-content-full span {
display: inline-block;
margin: 0px auto;
}
}
/* servce-content end */
/* about page */
.work-cont-mar {
margin-top: 90px;
margin-bottom: 20px;
}
.work-content-se h3 {
font-weight: 500;
font-size: 40px;
line-height: 126%;
color: #000000;
margin: 22px 0px 20px;
}
.work-content-se p {
font-weight: 500;
font-size: 15px;
line-height: 215%;
color: #3D434F;
margin-bottom: 20px;
}
.work-content-se ul li {
margin-bottom: 44px;
padding-left: 77px;
position: relative;
}
.work-content-se ul li p {
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #272C2E;
}
.work-svg {
position: absolute;
left: 0px;
top: -11px;
}
.work-svg img {
width: 47px;
height: 47px;
}
.about-sb-heading {
margin: 40px 0px 40px;
}
.about-sb-heading h1 {
font-weight: 700;
font-size: 40px;
color: #000000;
margin-bottom: 15px;
}
.about-sb-heading span {
font-weight: 500;
font-size: 15.391px;
line-height: 132%;
color: #3D434F;
}
.tools-conte {
background: #FFFFFF;
border-radius: 10px;
width: 137px;
height: 137px;
display: flex;
padding: 32px;
margin: 0px 16px 32px;
align-items: center;
justify-content: center;
}
@media (max-width: 959px) {
.work-cont-mar {
margin-top: 80px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.work-cont-mar {
margin-top: 40px;
margin-bottom: 0px;
}
.work-content-se h3 {
font-size: 32px;
line-height: 123%;
margin: 22px 0px 18px;
}
.work-content-se ul li {
margin-bottom: 40px;
padding-left: 64px;
}
.work-content-se ul li p {
font-size: 16px;
line-height: 21px;
}
.about-sb-heading {
margin: 20px 0px 30px;
}
.about-sb-heading h1 {
font-size: 33px;
margin-bottom: 15px;
}
.about-sb-heading span {
font-size: 14.391px;
}
}
@media (min-width: 1600px) {
.work-cont-mar {
margin-top: 120px;
margin-bottom: 30px;
}
.work-content-se h3 {
font-size: 48px;
line-height: 132%;
margin: 18px 0px 25px;
}
.work-content-se p {
font-size: 16.391px;
margin-bottom: 30px;
}
.work-content-se ul li {
margin-bottom: 44px;
padding-left: 77px;
}
.work-content-se ul li p {
font-size: 20px;
line-height: 22px;
}
.about-sb-heading {
margin: 50px 0px 50px;
}
.about-sb-heading h1 {
font-size: 45px;
margin-bottom: 15px;
}
.about-sb-heading span {
font-size: 16.391px;
line-height: 132%;
}
}
/* about page end */
/* pricing page */
.pricing-banner {
position: relative;
background-position: 0px -10px !important;
padding: 160px 0px 111px;
}
.price-heading {
margin-bottom: 60px;
}
.price-heading h1 {
font-weight: 700;
font-size: 45px;
line-height: 132%;
color: #000000;
margin-bottom: 13px;
}
.price-heading span {
font-weight: 500;
font-size: 16.391px;
line-height: 132%;
color: #3D434F;
}
.price-heading.white h1,
.price-heading.white span {
color: #fff;
}
.price-box {
background: #FFFFFF;
border-radius: 20px;
height: 572px;
padding: 50px 37px 50px;
}
.price-box h3 {
font-weight: 700;
font-size: 30px;
line-height: 132%;
color: #000000;
margin: 0px 0px 25px;
}
.price-box p {
font-weight: 400;
font-size: 13px;
line-height: 132%;
color: #000000;
margin-bottom: 20px;
}
.price-box .price-val {
font-weight: 700;
font-size: 30px;
line-height: 132%;
color: #000000;
}
.price-box .price-val span {
color: #272C2E;
font-weight: 400;
font-size: 15px;
}
.packEnter h3,
.packEnter p,
.packEnter .price-val,
.packEnter .price-val span {
color: #fff;
}
.btn.button-price {
background: #272C2E;
font-weight: 500;
font-size: 15px;
color: #fff;
line-height: 16px;
height: 54px;
display: inline-block;
padding: 20px 33px;
text-decoration: none;
border: none !important;
border-radius: 22px;
text-align: center;
margin-top: 30px;
width: 100%;
margin-bottom: 40px;
}
.price-box ul {
margin-bottom: 0px;
}
.price-box ul li {
position: relative;
padding-left: 42px;
font-weight: 400;
font-size: 13px;
line-height: 132%;
color: #000000;
margin-bottom: 25px;
}
.price-box ul li:before {
content: '';
position: absolute;
left: 0px;
top: -4px;
background-image: url(../images/Tick.svg);
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-size: cover;
}
.price-box ul li.cross:before {
display: none;
}
@media (max-width: 1199px) {
.pricing-banner {
padding: 113px 0px 76px;
}
.price-heading {
margin-bottom: 43px;
}
.price-heading h1 {
font-size: 36px;
line-height: 132%;
margin-bottom: 11px;
}
.price-heading span {
font-size: 15.391px;
line-height: 131%;
}
.price-box {
height: 572px;
padding: 40px 20px 40px;
margin-bottom: 30px;
}
.price-box h3 {
font-size: 25px;
margin: 0px 0px 19px;
}
.price-box p {
font-size: 13px;
margin-bottom: 20px;
}
.price-box .price-val {
font-size: 28px;
}
.price-box .price-val span {
font-size: 14px;
}
.button-price {
font-size: 14px;
padding: 20px 33px;
margin-top: 20px;
margin-bottom: 30px;
}
.price-box ul {
margin-bottom: 0px;
}
.price-box ul li {
padding-left: 35px;
margin-bottom: 25px;
}
}
@media (max-width: 959px) {
.price-box {
height: auto;
padding: 50px 40px 30px;
margin-bottom: 30px;
}
}
@media (max-width: 767x) {
.price-box {
height: auto;
padding: 40px 25px 30px;
margin-bottom: 30px;
}
.pricing-banner {
padding: 93px 0px 33px;
}
.price-heading h1 {
font-size: 30px;
line-height: 131%;
margin-bottom: 11px;
}
}
/* pricing page end */
/* contact page */
.contact-section {
padding-top: 203px;
padding-bottom: 90px;
}
.contact-content h1 {
font-weight: 600;
font-size: 48px;
line-height: 128%;
text-transform: capitalize;
color: #000000;
margin-bottom: 20px;
}
.contact-content span {
font-weight: 500;
font-size: 16px;
line-height: 34px;
color: #3D434F;
margin-bottom: 40px;
display: block;
}
.contact-address ul li {
margin-bottom: 15px;
}
.contact-address span {
font-weight: 500;
font-size: 15px;
line-height: 32px;
color: #3D434F;
}
.contact-address .cnt-prm {
color: #EC194D;
}
.contact-form {
border-radius: 20px;
border: 1px solid #E7E7E9;
background: #FFF;
padding: 57px 55px 0px;
}
.contact-form h2 {
font-weight: 700;
font-size: 22px;
line-height: 132%;
color: #000000;
margin-bottom: 20px;
}
.form-control-custome {
background: #FFFFFF;
border: 1px solid transparent;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
border-radius: 0px;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #000;
height: 59px;
box-shadow: none !important;
outline: none !important;
padding: 15px 25px 12px 0px;
}
.form-control-custome:focus {
outline: none !important;
border: 1px solid transparent;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
}
.form-control-custome::placeholder {
color: #797979;
opacity: 1;
}
::-webkit-input-placeholder {
text-align: left;
}
:-moz-placeholder {
text-align: left;
}
.text-area-height {
height: auto !important;
}
.button-vend {
border-radius: 22px;
background: linear-gradient(244deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%) !important;
font-weight: 500;
font-size: 15px;
height: 53px;
text-align: center;
color: #fff !important;
line-height: normal;
padding: 15px 0px;
margin-top: 10px;
border: none !important;
}
.button-vend:hover,
.button-vend:focus {
border: none !important;
background: linear-gradient(244deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%) !important;
}
@media (max-width: 1199px) {
.contact-section {
padding-top: 113px;
padding-bottom: 60px;
}
.contact-content h1 {
font-size: 34px;
line-height: 120%;
margin-bottom: 13px;
}
}
@media (max-width: 767px) {
.contact-section {
padding-top: 93px;
padding-bottom: 60px;
}
.contact-content h1 {
font-size: 28px;
line-height: 132%;
margin-bottom: 13px;
}
.contact-content span {
font-size: 15px;
line-height: 32px;
margin-bottom: 30px;
}
.contact-address ul li {
margin-bottom: 10px;
}
.contact-form {
padding: 37px 35px 26px;
}
}
@media (min-width: 1366x) {
.contact-address.gx-xl-5 {
--bs-gutter-x: 11rem;
}
}
@media (min-width: 1600x) {
.contact-section {
padding-top: 203px;
padding-bottom: 90px;
}
.contact-content h1 {
font-size: 48px;
line-height: 128%;
margin-bottom: 20px;
}
.contact-content span {
font-size: 16.391px;
line-height: 132%;
margin-bottom: 40px;
}
}
/* contact page end */
/* uplive-section */
.uplive-section {
/* background-image: url(../images/uplive-bg.png); */
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 70px;
width: 100%;
padding-top: 109px;
padding-bottom: 80px;
}
.uplive-grad-circle {
position: absolute;
left: 0px;
top: 0px;
width: 500px;
}
.uplive-imaeg {
left: 0%;
top: 17%;
}
.uplive-imaeg-multiple {
left: 50%;
top: 63%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.uplive-imaeg-multiple div {
margin-right: 63px;
}
.uplive-imaeg-multiple div:last-child {
margin-right: 0px;
}
.uplive-content {
padding-top: 93px;
margin: 0px auto;
width: 100%;
}
.uplive-content h2 {
font-weight: 700;
font-size: 62px;
line-height: 128%;
text-align: center;
color: #272C2E;
margin-bottom: 30px;
}
.uplive-content span {
position: relative;
z-index: 2;
}
.uplive-content span img {
position: absolute;
right: -30px;
z-index: 1;
}
.uplive-content p {
font-weight: 500;
font-size: 18px;
line-height: 200%;
text-align: center;
color: #3D434F;
margin: 0px auto 50px;
width: 70%;
}
.uplive-content h4 {
font-weight: 700;
font-size: 24px;
line-height: 150%;
text-align: center;
color: #272C2E;
margin: 0px auto;
width: 36%;
}
@media (max-width:1199px) {
.uplive-section {
padding-top: 69px;
padding-bottom: 50px;
}
.uplive-content {
padding-top: 33px;
width: 100%;
}
.uplive-content h2 {
font-size: 44px;
line-height: 97px;
margin-bottom: 30px;
}
.banner-content.upliv-hm h1 {
font-size: 37px;
line-height: 46px;
}
.uplive-imaeg-multiple {
width: 96%;
}
.uplive-content p {
font-size: 16px;
line-height: 150%;
margin: 0px auto 50px;
width: 60%;
}
.uplive-content h4 {
font-size: 20px;
line-height: 150%;
width: 56%;
}
.orserv-outer {
padding-top: 30px;
}
}
@media (max-width:767px) {
.uplive-section {
height: auto;
padding-top: 69px;
background-position: 70% 0%;
}
.uplive-imaeg-multiple {
width: 90%;
flex-flow: column;
position: relative !important;
top: 0px;
left: 0px;
transform: translate(0px, 0px);
margin-top: 30px;
}
.uplive-imaeg-multiple div {
margin-right: 0px;
margin-bottom: 20px;
}
.uplive-content h2 {
font-size: 23px;
line-height: 44px;
margin-bottom: 30px;
}
.uplive-content p {
font-size: 15px;
line-height: 180%;
margin: 0px auto 20px;
width: 90%;
}
.uplive-content h4 {
font-size: 18px;
line-height: 170%;
width: 83%;
}
.uplive-content span img {
width: 115px;
right: 0px;
}
}
@media (min-width:1600px) {
.uplive-content p {
margin: 0px auto 30px;
width: 38%;
}
.uplive-content h4 {
width: 29%;
}
.uplive-grad-circle {
width: 500px;
}
}
/* uplive-section */
/* webse-slider-2ndhome */
.hm-lidup-developmult-content-card {
background: linear-gradient(180deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
border-radius: 10px;
height: 273px;
border: none;
}
.hm-lidup-developmult-content-body {
position: relative;
padding: 30px 30px 0px;
cursor: pointer;
}
.hm-lidup-developmult-icon {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.hm-lidup-developmult-icon .ser-icon {
margin-right: 25px;
}
.hm-lidup-developmult-content-body .card-title {
font-weight: 500;
font-size: 22px;
line-height: 132%;
color: #272C2E;
margin: 0px;
}
.hm-lidup-developmult-content-body p {
font-weight: 300;
font-size: 14px;
line-height: 180%;
color: #383838;
margin: 0px;
}
/* webse-slider-2ndhome */
/* gradient-homeser */
.gradient-homeser {
background-image: url(../images/erygf1.png);
background-repeat: no-repeat;
background-size: cover;
}
.orserv-outer {
padding-top: 60px;
}
.app-dev-section {
background-image: url(../images/app-dev-bg.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
margin-top: 140px;
}
.app-dev-image-left {
position: relative;
margin-top: -70px;
z-index: 2;
}
.app-dev-head {
padding: 80px 0px 150px;
}
@media (max-width: 1199px) {
.gradient-homeser {
background-position: center;
}
}
@media (max-width:991px) {
.gradient-homeser {
position: relative;
z-index: 2;
margin-top: -90px;
}
}
@media (max-width: 767px) {
.gradient-homeser {
position: relative;
z-index: 2;
margin-top: 0px;
padding-top: px;
}
.orserv-outer {
padding-top: 0px;
}
.app-dev-head {
padding: 50px 0px 40px;
}
.app-dev-section {
margin-top: 90px;
}
}
/* gradient-homeser end */
/* developmult-section */
.developmult-section {
padding-top: 60px;
padding-bottom: 80px;
}
.developmult-content-card {
background: linear-gradient(180deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
border-radius: 10px;
height: 373px;
border: none;
}
.developmult-content-body {
position: relative;
padding: 0px;
cursor: pointer;
}
.developmult-content-body-inner {
opacity: 1 !important;
position: absolute;
top: 0px;
-webkit-transition: all 100ms ease 0s;
transition: all 100ms ease 0s;
}
.developmult-icon {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.developmult-icon .ser-icon {
margin-right: 25px;
}
.developmult-content-body .card-title {
font-weight: 500;
font-size: 22px;
line-height: 132%;
color: #272C2E;
margin: 0px;
}
.developmult-content-body p {
font-weight: 300;
font-size: 14px;
line-height: 180%;
color: #383838;
margin: 0px;
}
.developmult-content-body-inner,
.developmult-content-body .hover-wb-content {
padding: 30px 30px 0px;
}
.tns-outer [data-action] {
cursor: pointer;
display: none;
}
.hover-wb-content ul {
padding-top: 10px;
}
.hover-wb-content ul li {
color: #383838;
font-weight: 300;
font-size: 14px;
line-height: 32px;
color: #383838;
position: relative;
padding-left: 15px;
}
.hover-wb-content ul li:before {
position: absolute;
left: 0px;
top: 11px;
background: #272C2E;
border-radius: 100%;
content: '';
width: 5px;
height: 5px;
}
.developmult-content-body .hover-wb-content {
opacity: 0 !important;
border-radius: 10px;
background: #fff;
-webkit-transition: all 100ms ease 0s;
transition: all 100ms ease 0s;
}
.developmult-content-body:hover .developmult-content-body-inner {
opacity: 0;
}
.developmult-content-body:hover .hover-wb-content {
position: absolute;
top: 0px;
opacity: 1;
width: 100%;
height: 100%;
}
.slider-contaner-full .tns-inner {
margin-left: 20px !important;
}
.tns-nav {
position: absolute;
bottom: -46px;
top: auto;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
z-index: 10;
width: auto;
text-align: center;
white-space: nowrap;
}
.tns-nav [data-nav] {
position: relative;
display: inline-block;
margin: 0 4px;
padding: 0;
width: 14px;
height: 14px;
border-radius: 2px;
overflow: hidden;
background-color: transparent;
box-shadow: inset 0 0 0 2px #a1a1a8;
transition: all 0.3s ease-in-out;
border: 0;
}
.tns-nav [data-nav]:after {
border-radius: 50%;
overflow: hidden;
content: '';
position: absolute;
bottom: 0;
height: 0;
left: 0;
width: 100%;
background-color: #a1a1a8;
box-shadow: 0 0 1px #a1a1a8;
-webkit-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.tns-nav .tns-nav-active:after {
height: 100%;
}
.dot-custome .tns-nav [data-nav] {
background-color: #E3E9F5;
box-shadow: none;
width: 10px;
height: 10px;
border-radius: 100%;
}
.dot-custome .tns-nav [data-nav]:after {
display: none;
}
.dot-custome .tns-nav .tns-nav-active {
background: linear-gradient(90deg, rgb(236 120 194 / 40%) 100% , #FEECD4 0%);
width: 28px;
height: 10px;
border-radius: 20px;
}
.expert-section-hminner .controls {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translatey(-50%);
display: flex;
align-items: center;
z-index: 22;
justify-content: space-between;
}
.expert-section-hminner .prev, .expert-section-hminner .next {
cursor: pointer;
}
.expert-section-hminner .prev {
left: 5px;
position: relative;
}
.expert-section-hminner .next {
position: relative;
right: 5px;
}
@media (max-width: 1199px) {
.developmult-section {
padding-top: 100px;
padding-bottom: 60px;
}
}
@media (min-width: 1600px) {
.developmult-section {
padding-top: 100px;
padding-bottom: 130px;
}
}
/* developmult-section end */
/* our-problm-head */
.our-problm-head {
padding-top: 60px;
padding-bottom: 30px;
}
.our-problm-section {
padding-bottom: 50px;
}
.our-problm-head h1 {
font-weight: 500;
font-size: 48px;
line-height: 132%;
color: #272C2E;
}
.our-problm-head p {
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #383838;
}
.our-problm-box {
border-radius: 15px;
margin-top: 20px;
margin-bottom: 50px;
padding: 55px 50px 40px 50px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #CDCDCD;
}
.box-problem-second {
margin-top: 50px;
}
.box-problem-three {
margin-top: 90px;
}
.our-problm-box h3 {
font-weight: 500;
font-size: 22px;
line-height: 132%;
color: #272C2E;
margin: 40px 0px 20px;
}
.our-problm-box p {
font-weight: 300;
font-size: 14px;
line-height: 180%;
color: #383838;
}
@media (max-width: 1199px) {
.app-dev-head {
padding: 40px 0px 10px;
}
.our-problm-head h1 {
font-size: 38px;
}
.our-problm-head {
padding-top: 60px;
padding-bottom: 30px;
}
.box-problem-second,
.box-problem-three {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.our-problm-head h1 {
font-size: 28px;
line-height: 130%;
}
.our-problm-head {
padding-top: 40px;
padding-bottom: 0px;
}
.our-problm-box {
margin-top: 20px;
margin-bottom: 40px;
padding: 35px 30px 30px 30px;
}
.our-problm-section {
padding-bottom: 0px;
}
}
@media (min-width: 1600px) {
.our-problm-head {
padding-top: 90px;
padding-bottom: 70px;
}
}
/* our-problm-head end */
/* help-step */
.help-step {
padding-top: 80px;
padding-bottom: 20px;
}
.step-indicator {
margin-top: 50px;
display: flex;
padding: 0 40px;
}
.step {
display: flex;
align-items: center;
flex-direction: column;
position: relative;
z-index: 1;
}
.step-indicator .step-icon {
height: 100px;
width: 100px;
border-radius: 50%;
background: transparent;
font-size: 10px;
text-align: center;
color: #ffffff;
position: relative;
line-height: 50px;
font-size: 20px;
}
.step p {
position: relative;
bottom: -20px;
font-weight: 500;
font-size: 22px;
line-height: 132%;
text-align: center;
color: #272C2E;
width: 96%;
}
.step.active p {
color: crimson;
}
.step.step2 p,
.step.step3 p {
left: 50%;
transform: translateX(-50%);
}
.indicator-line {
width: 100%;
height: 112px;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
margin: 0px 10px;
}
.indicator-line-border {
border-top: 2px dashed #D9D9D9;
width: 100%;
}
.indicator-line.active {
background: crimson;
}
@media (max-width: 767px) {
.help-step {
padding-top: 40px;
padding-bottom: 20px;
}
.step-indicator {
margin-top: 0px;
padding: 0 20px;
flex-flow: row wrap;
justify-content: center;
margin-bottom: 10px;
}
.indicator-line {
height: 82px;
}
.step.step2 p,
.step.step3 p {
position: relative;
bottom: 0px;
font-weight: 500;
font-size: 17px;
left: auto;
transform: translateX(0%);
line-height: 122%;
text-align: center;
color: #272C2E;
width: 76%;
margin-top: 30px;
text-align: center;
margin: 30px auto 0px;
}
}
/* help-step end */
/* digital-ad-section */
.digital-ad-section {
background: #0A1019;
padding-top: 60px;
padding-bottom: 60px;
}
.digital-ad-section .samedefulat-head h2 {
color: #fff;
}
.digital-ad-section .samedefulat-head p {
color: #DDDDDD;
}
.digit-box {
border-radius: 20px;
padding: 0px 30px 50px 30px;
margin-top: 40px;
display: flex;
}
.digit-content {
padding-top: 40px;
}
.digit-content2 {
padding-bottom: 30px;
}
.digit-content-btmimg {
margin-top: 40px;
}
.digit-content-list-1 li {
position: relative;
color: #203556;
font-size: 14px;
font-weight: 400;
line-height: 32px;
padding-left: 17px;
}
.digit-content-list-1 li:after {
position: absolute;
left: 0px;
top: 13px;
content: '';
background: #203556;
width: 5px;
height: 5px;
border-radius: 100%;
}
.digit-content-list-2 li {
position: relative;
color: #203556;
font-size: 16px;
font-weight: 400;
line-height: 32px;
padding-left: 15px;
}
.digit-content-list-2 li:after {
position: absolute;
left: 0px;
top: 13px;
content: '';
background: #203556;
width: 3px;
height: 3px;
border-radius: 100%;
}
.digit-box h2 {
font-weight: 500;
font-size: 28px;
line-height: 150%;
color: #272C2E;
margin: 0px 0px 20px;
}
.digit-box h6 {
color: #203556;
font-size: 16px;
font-weight: 600;
line-height: 32px;
margin: 0px auto 20px;
width: 90%;
}
.digit-box p {
font-weight: 400;
font-size: 16px;
line-height: 172%;
color: #383838;
margin-bottom: 0px;
}
.color-vari-1 {
background: #FFFDD8;
}
.color-vari-2 {
background: #E8F3FF;
}
.color-vari-3 {
background: #D9FFFB;
}
.color-vari-4 {
background: #fff;
}
.hm-marquee-sha {
box-shadow: 0px 0px 23.95425033569336px 0px rgba(0, 0, 0, 0.10) inset;
height: 216px;
padding-top: 0px;
margin-bottom: 87px;
display: flex;
align-items: center;
}
.marquee {
--gap: 1rem;
position: relative;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 1rem;
}
.marquee__content>* {
flex: 0 0 auto;
color: white;
text-align: center;
}
.marquee__content {
flex-shrink: 0;
display: flex;
justify-content: space-around;
gap: 1rem;
min-width: 100%;
align-items: center;
}
.marquee__content {
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.marquee-gradient {
background: #FFF;
box-shadow: 0px 0px 23.95425033569336px 0px rgba(0, 0, 0, 0.10) inset;
height: 153px;
padding-top: 10px;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - 1rem));
}
}
@media (max-width:1199px) {
.slider-logo-hm img {
max-width: 110px;
}
.slider-logo-hm {
gap: 1rem 1.6rem;
}
}
@media (max-width: 1199px) {
.hm-marquee-sha {
height: 96px;
padding-top: 10px;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.digital-ad-section {
padding-top: 60px;
padding-bottom: 10px;
}
.digit-box {
padding: 0px 15px 0px 15px;
margin-top: 0px;
margin-bottom: 40px;
}
.slider-logo-hm img {
max-width: 110px;
}
.slider-logo-hm {
gap: 1rem 1.6rem;
}
}
@media (min-width: 1600px) {
.digital-ad-section {
padding-top: 70px;
padding-bottom: 100px;
}
}
/* digital-ad-section end */
/* web development page */
.webdev-banner {
background-image: none;
height: auto;
padding-top: 130px;
}
.webdev-banner .banner-content {
width: 100%;
margin: 80px 0px 60px;
}
.webapp-section {
background: #E9EEFA;
}
.webdev-section2 {
padding-top: 80px;
}
.web-developcont-card .developmult-icon {
flex-flow: column wrap;
align-items: flex-start;
}
.web-developcont-card .developmult-icon .ser-icon {
margin-bottom: 25px;
margin-right: 0px;
}
.design-lead-section {
background-image: url(../images/desingbg.png);
border-radius: 8px;
}
.our-solution-ser {
background: #0F110F;
padding-top: 50px;
padding-bottom: 30px;
}
.lead-gen {
background: #F9FAFB;
}
.white-bg {
background: #fff !important;
}
.our-webservce-box {
border-radius: 15px;
margin-top: 20px;
margin-bottom: 50px;
padding: 55px 40px 40px 40px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-flow: column;
border: 1px solid rgba(122, 122, 122, 0.30);
}
.our-webservce-box h3 {
font-weight: 500;
font-size: 42px;
line-height: 54px;
color: #272C2E;
margin: 40px 0px 20px;
}
.our-webservce-box p {
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #383838;
}
.wedev-desing-mar {
padding: 80px 0px 0px;
}
@media (max-width: 767px) {
.webdev-banner {
padding-top: 30px;
padding-bottom: 0px;
}
.webdev-section2 {
padding-top: 50px;
}
.developmult-section {
padding-top: 70px;
padding-bottom: 90px;
}
.our-webservce-box h3 {
font-size: 29px;
line-height: 38px;
margin: 20px 0px 20px;
}
.our-webservce-box {
margin-top: 20px;
margin-bottom: 30px;
padding: 55px 30px 40px 30px;
height: auto;
}
.wedev-desing-mar {
padding: 50px 0px 0px;
}
}
@media (min-width: 1600px) {
.our-solution-ser {
padding-top: 100px;
padding-bottom: 100px;
}
}
/* web development page end */
/* app development page */
.apppage-section {
background: #E9EEFA;
}
.appdev-banner {
background-image: url(../images/appdev.png);
height: 616px;
justify-content: flex-start;
align-items: flex-start;
padding-top: 230px;
}
.appdev-banner .banner-content {
width: 100%;
}
.appdev-banner-mar {
margin-top: -190px;
position: relative;
z-index: 2;
}
.appdev-section3 {
padding-top: 60px;
padding-bottom: 40px;
}
.accordion {
padding: 20px 0px 0px;
}
.accordion-button:not(.collapsed) {
color: #272C2E;
background: linear-gradient(180deg, #FFFFFF 100%, rgba(255, 255, 255, 0) 100%);
box-shadow: none;
padding-left: 23px;
}
.accordion-button:focus {
outline: 0;
box-shadow: none;
}
.accordion-button {
background: transparent;
border-radius: 10px 10px 0px 0px !important;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 31px;
letter-spacing: 0.686111px;
color: #404B63;
box-shadow: none;
padding: 18px 23px 18px 0px;
}
.accordion-body {
padding: 0px 20px 10px;
background: linear-gradient(180deg, #FFFFFF 5%, rgba(255, 255, 255, 0) 100%);
}
.accordion-body h3 {
font-weight: 500;
font-size: 24px;
line-height: 132%;
color: #272C2E;
}
.accordion-body p {
font-weight: 300;
font-size: 14px;
line-height: 26px;
color: #383838;
}
.accordion-body ul li {
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #919191;
}
.accordion-item {
margin-bottom: 10px;
border: transparent;
border-radius: 10px !important;
background: transparent;
}
.accordion-button:after {
width: 17px;
height: 11px;
background-image: url(../images/downarrow.svg);
background-repeat: no-repeat;
background-size: cover;
}
.accordion-button:not(.collapsed)::after {
background-image: url(../images/downarrow.svg);
}
.accord-app {
padding-top: 10px;
}
.accord-app .svg-icon {
margin-right: 20px;
width: 90px;
}
.our-appservce-box {
border-radius: 15px;
margin-top: 20px;
margin-bottom: 50px;
padding: 55px 40px 40px 40px;
flex-flow: column;
background: #fff;
}
.our-appservce-box h3 {
font-weight: 500;
font-size: 42px;
line-height: 54px;
color: #272C2E;
margin: 40px 0px 20px;
}
.our-appservce-box p {
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #383838;
}
.appstroe-section {
padding-top: 50px;
padding-bottom: 0px;
}
.mobile-app-bg-section {
background-image: url(../images/Group390.png);
background-repeat: no-repeat;
background-size: cover;
height: 473px;
}
.app-dev-figmlist-outer {
margin-top: -80px;
}
.app-dev-figmlist {
background: #FFFFFF;
border-radius: 15px;
}
.app-dev-figmlist-inner {
height: 160px;
}
.cross-section {
padding-top: 100px;
padding-bottom: 100px;
}
.cross-conten-left {
padding-left: 80px;
}
.cros-plat-box {
border-radius: 15px;
margin-top: 25px;
margin-bottom: 0px;
padding: 28px 20px 30px 20px;
background: #FFFFFF;
border-radius: 15px;
display: flex;
flex-flow: column;
}
.cros-plat-box h3 {
font-weight: 500;
font-size: 22px;
line-height: 132%;
color: #272C2E;
margin: 28px 0px 0px;
}
.cros-plat-box p {
font-weight: 300;
font-size: 14px;
line-height: 180%;
color: #383838;
margin-top: 10px;
}
.cros-plat-flex h3 {
margin: 0px !important;
}
.icon-svg-cros {
margin-right: 15px;
}
@media (max-width: 1199px) {
.cros-plat-box-height {
height: auto;
}
.app-dev-figmlist-inner {
height: auto;
}
.app-dev-figmlist {
padding: 30px 20px;
}
.accordion {
padding: 20px 0px 30px;
}
.cross-section {
padding-top: 60px;
padding-bottom: 30px;
}
.cross-conten-left {
padding-left: 20px;
padding-top: 50px;
}
.our-appservce-box {
height: auto;
}
}
@media (max-width: 767px) {
.appdev-banner {
height: 370px;
padding-top: 130px;
}
.appdev-banner-mar {
margin-top: -70px;
}
.appdev-section3 {
padding-top: 40px;
padding-bottom: 60px;
}
.accordion {
padding: 20px 0px 30px;
}
.accordion-button {
font-size: 20px;
}
.accord-app {
padding-top: 10px;
flex-flow: row wrap;
}
.accordion-body h3 {
font-size: 20px;
margin-top: 20px;
}
.cross-section {
padding-top: 50px;
padding-bottom: 50px;
}
.mobile-app-bg-section {
height: 563px;
}
.our-solution-ser {
padding-top: 60px;
padding-bottom: 30px;
}
.our-appservce-box {
padding: 45px 30px 40px 30px;
}
.our-appservce-box h3 {
font-size: 32px;
line-height: 46px;
margin: 20px 0px 10px;
}
.our-appservce-box p {
font-size: 15px;
line-height: 35px;
}
.appstroe-section {
padding-top: 50px;
padding-bottom: 0px;
}
}
@media (min-width: 1600px) {
.appdev-section3 {
padding-top: 100px;
padding-bottom: 120px;
}
.appstroe-section {
padding-top: 100px;
padding-bottom: 0px;
}
}
/* app development page end */
/* mission page */
.missiondev-banner {
background-image: url(../images/mission-bg.png);
height: 575px;
justify-content: flex-start;
align-items: flex-start;
padding-top: 180px;
}
.rise-title-bg {
left: 0px;
width: 300px;
}
.missiondev-banner .banner-content {
width: 100%;
}
.mission-section2 {
padding-top: 80px;
padding-bottom: 90px;
}
.mission-section2 .samedefulat-head {
padding-bottom: 40px;
}
.mision-servce-content {
background: #FFFFFF;
padding: 40px 30px;
height: 465px;
border-radius: 15px;
border: 1px solid #CDCDCD;
}
.mision-servce-content h3 {
font-weight: 500;
font-size: 30px;
line-height: 40px;
color: #272C2E;
margin: 32px 0px 15px;
}
.mision-servce-content p {
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #383838;
}
.mission-proces {
background-image: url(../images/Group371.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 70px;
}
.main-timeline-2,
.timeline-2,
.timeline-2 .card {
position: relative;
}
.timeline-2::after {
content: '';
position: absolute;
width: 2px;
background-color: #ECF2FE;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
.timeline-2:last-child:after {
height: 50%;
}
.timeline-2 .card {
box-shadow: none;
border: none;
background: transparent;
border-radius: 0px;
padding: 50px 140px 50px;
box-sizing: border-box;
}
.timeline-2 .card h3 {
font-weight: 500;
font-size: 30px;
line-height: 40px;
color: #272C2E;
}
.timeline-2 .card p {
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #383838;
}
.number-count {
position: absolute;
width: 92px;
height: 92px;
right: -45px;
background: #DAF6FF;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 36px;
line-height: 40px;
text-align: center;
color: #095A9D;
}
.number-count-2 {
background: #D3FFCC;
color: #3FA52F;
}
.number-count-3 {
background: #FFE4E5;
color: #CE3D3E;
}
.number-count-4 {
background: #FCE3FB;
color: #CA43D1;
}
.number-count-5 {
background: #FFE8CC;
color: #FF8E00;
}
.number-count-6 {
background: #E7E9FE;
color: #4B5299;
}
.number-count-7 {
background: #FFECDA;
color: #A7794F;
}
@media (max-width:1440px) {
.mision-servce-content {
padding: 40px 20px;
height: 525px;
}
}
@media (max-width:1199px) {
.mision-servce-content {
padding: 40px 20px;
height: 445px;
}
.missiondev-banner {
height: auto;
padding-top: 90px;
padding-bottom: 50px;
}
.mission-section2 {
padding-top: 40px;
padding-bottom: 0px;
}
.mission-section2 .samedefulat-head {
padding-bottom: 0px;
}
.mission-proces {
padding-top: 60px;
}
.timeline-2 .card {
padding: 10px 20px 40px;
}
.timeline-2::after {
display: none !important;
}
.number-count {
width: 82px;
height: 82px;
right: auto;
left: 50%;
display: none;
top: auto;
bottom: -14px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-size: 30px;
}
.order-screen-last {
order: 6 !important;
}
.rise-title-bg {
left: 0px;
width: 160px;
}
}
@media (max-width: 959px) {
.missiondev-banner {
padding-bottom: 0px;
}
}
@media (max-width: 767px) {
.missiondev-banner {
height: auto;
padding-top: 90px;
padding-bottom: 0px;
}
.mission-section2 {
padding-top: 40px;
padding-bottom: 0px;
}
.mision-servce-content {
padding: 30px 30px;
height: auto;
}
.mision-servce-content h3 {
font-size: 25px;
line-height: 40px;
margin: 22px 0px 0px;
}
.mission-section2 .samedefulat-head {
padding-bottom: 0px;
}
.mission-proces {
padding-top: 40px;
}
.timeline-2 .card h3 {
font-size: 25px;
line-height: 38px;
}
.timeline-2 .card {
padding: 10px 20px 20px;
}
.timeline-2 .card p {
font-size: 16px;
line-height: 35px;
}
}
@media (min-width: 1600px) {
.rise-title-bg {
width: 360px;
}
}
/* mission page end */
/* billing page */
.billing-banner {
background-image: url(../images/mission-bg.png);
height: 535px;
justify-content: flex-start;
align-items: flex-start;
padding-top: 180px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
border-radius: 0px 0px 20px 20px;
}
.billing-wrappper {
margin-top: -160px;
}
.billing-box {
background: #FFFFFF;
border-radius: 15px;
}
.billing-box-padd {
padding: 40px 40px;
}
.billing-box-title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 132%;
color: rgba(0, 0, 0, 0.5);
}
.billing-type-title {
display: flex;
align-items: center;
padding: 5px 0px 20px;
}
.billing-type-title .icon-bill {
margin-right: 15px;
}
.billing-type-subtitle {
font-style: normal;
font-weight: 700;
font-size: 30.3593px;
line-height: 132%;
color: #272C2E;
}
.billing-paragraph p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #383838;
margin-bottom: 0px;
}
.billing-total-package {
padding: 0px 0px 10px;
}
.billing-total-package-content {
display: flex;
justify-content: space-between;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
padding: 28px 0px 15px;
align-items: center;
}
.billing-total-package-content:last-child {
border-bottom: none;
}
.billing-annul {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 132%;
color: rgba(0, 0, 0, 0.5);
}
.billing-annul-pric {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 132%;
text-align: right;
color: #272C2E;
}
.billing-annul-total {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 132%;
color: #383838;
}
.billing-annul-fullprice .bill-full-pay {
font-weight: 700;
font-size: 30.3593px;
line-height: 34px;
text-align: right;
background: linear-gradient(243.53deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.billing-annulhead {
display: block;
text-align: right;
line-height: 1;
font-weight: 700;
font-size: 13px;
line-height: 14px;
text-align: right;
color: #272C2E;
}
.btn-blue {
border-radius: 22px;
background: linear-gradient(244deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
font-weight: 500;
font-size: 15px;
line-height: 132%;
color: #FFFFFF;
display: block;
text-align: center;
padding: 17px 10px;
text-decoration: none;
margin-bottom: 20px;
margin-top: 10px;
}
.billing-note {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: rgba(0, 0, 0, 0.5);
}
.bill-box-top {
margin-bottom: 30px;
}
.bill-box-top span {
font-weight: 600;
font-size: 14px;
line-height: 132%;
color: rgba(0, 0, 0, 0.5);
}
.gradient-text-theme {
background: linear-gradient(243.53deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.bill-box-top a {
font-weight: 700;
font-size: 14px;
line-height: 16px;
}
.form-heading-billing {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 132%;
color: #272C2E;
margin: 0px;
}
.inpuy-icon-on-right {
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.form-control-billingcustome {
border-radius: 22px;
border: 0.5px solid rgba(0, 0, 0, 0.50);
background: #FFF;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #000;
height: 53px;
box-shadow: none !important;
outline: none !important;
padding: 15px 40px 15px 25px;
}
.form-control-billingcustome:focus {
outline: none !important;
border: 0.5px solid #EE1E4F;
box-shadow: 0px 0px 20px 0px rgba(238, 30, 79, 0.15) !important;
}
.form-control-billingcustome::placeholder {
color: #797979;
opacity: 1;
}
::-webkit-input-placeholder {
text-align: left;
}
:-moz-placeholder {
text-align: left;
}
.payment-loc-st span {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: rgba(0, 0, 0, 0.5);
}
.check-panel-bill-icon {
margin-right: 13px;
}
.custome-paymnet-tabs.nav-pills .custome-paymnet-tabs .nav-link.active,
.custome-paymnet-tabs.nav-pills .show>.nav-link {
color: transparent;
background-color: transparent;
}
.custome-paymnet-tabs.nav-pills .nav-link.active,
.custome-paymnet-tabs.nav-pills .show>.nav-link {
color: transparent;
background-color: transparent;
}
.check-panel-bill-list {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 15px 24px 15px 20px;
width: 159px;
}
.custome-paymnet-tabs .nav-item .nav-link {
text-align: left;
}
.panel-check {
width: 18px;
height: 18px;
display: block;
border-radius: 100%;
border: 1px solid #ED1A4E;
}
.panel-check:before {
display: none;
}
.custome-paymnet-tabs.nav-pills .nav-link.active .check-panel-bill-list {
border: 1px solid #ED1A4E;
}
.custome-paymnet-tabs.nav-pills .nav-link.active .check-panel-bill-list .panel-check:before {
content: '';
display: block;
position: absolute;
left: 2px;
right: 0px;
top: 2px;
width: 12px;
border-radius: 100%;
height: 12px;
background: linear-gradient(243.53deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
}
.check-panel-bill-title {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 132%;
color: rgba(0, 0, 0, 0.5);
display: block;
margin-top: 10px;
}
.custome-check-gradient[type=checkbox] {
outline: none !important;
box-shadow: none !important;
}
.custome-check-gradient {
border: 1px solid #ED1A4E;
position: relative;
}
.custome-check-gradient:checked {
border-color: transparent;
background: linear-gradient(243.53deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
}
.custome-check-gradient:checked[type=checkbox]:after {
content: '';
position: absolute;
left: 2px;
right: 0px;
top: 2px;
width: 10px;
border-radius: 100%;
height: 7px;
background-image: url(../images/checkcheck.svg);
}
@media (max-width: 1199px) {
.billing-banner {
height: 455px;
padding-top: 120px;
}
.billing-box-padd {
margin-bottom: 30px;
}
.billing-banner .banner-content {
width: 100%;
}
}
@media (max-width: 767px) {
.bill-box-top span,
.bill-box-top a {
font-size: 13px;
}
.bill-box-form {
flex-flow: column wrap;
}
.billing-box-padd {
padding: 40px 25px;
}
.form-control-billingcustome {
font-size: 14px;
}
.check-panel-bill {
flex-flow: row wrap;
}
.check-panel-bill-list {
margin-right: 0px;
width: 180px;
margin-top: 10px;
}
.billing-paragraph p {
font-size: 15px;
line-height: 22px;
}
.billing-type-subtitle {
font-size: 21.3593px;
line-height: 26px;
}
.billing-box-title {
font-size: 18px;
}
.billing-annul-pric {
font-size: 17px;
}
.billing-annul {
font-size: 14px;
}
.billing-annul-total {
font-size: 18px;
}
.billing-total-package-content {
padding: 18px 0px 12px;
}
.billing-annul-fullprice .bill-full-pay {
font-size: 23.3593px;
line-height: 30px;
}
.billing-annulhead {
font-size: 12px;
line-height: 12px;
}
.billing-annul-total {
font-size: 18px;
line-height: 132%;
}
.billing-note {
font-size: 13px;
line-height: 22px;
}
}
/* billing page end */
/* summary page */
.summar-banner {
background-image: url(../images/Copywriting-Tool-Content-BG1.jpg);
height: 335px;
justify-content: flex-start;
align-items: flex-start;
padding-top: 180px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
border-radius: 0px 0px 20px 20px;
}
.summary-wrappper {
margin-top: -160px;
}
.congrat-box-wrappper h1 {
font-weight: 700;
font-size: 40px;
line-height: 45px;
color: #272C2E;
}
.congrat-box-wrappper span {
font-weight: 400;
font-size: 20px;
line-height: 36px;
color: #383838;
}
.congrat-box-wrappper .billing-box-padd {
padding: 40px 81px;
}
.congr-image {
margin-right: 66px;
}
.summer-head-summary {
margin: 40px 0px;
}
.summer-head-summary h1 {
font-weight: 700;
font-size: 30px;
line-height: 132%;
color: #272C2E;
margin: 0px;
}
.summer-head-summary .btn-downloadfil {
background: rgba(77, 125, 255, 0.1);
border: 1px solid #4D7DFF;
border-radius: 8px;
padding: 8px 10px;
text-decoration: none;
}
.summer-head-summary .btn-downloadfil span {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #4D7DFF;
}
.summerycustome-table .text-alignright {
font-weight: 600;
font-size: 16px;
line-height: 132%;
text-align: right;
color: #383838;
}
.summerycustome-table.table>:not(caption)>*>* {
padding: 0.8rem 0rem;
border-bottom-width: 0.5px;
font-weight: 400;
font-size: 16px;
line-height: 132%;
color: #383838;
}
.summerycustome-table-bottom.table>:not(caption)>*>* {
padding: 0.8rem 0rem;
}
.tb-sumary-total {
font-weight: 700;
font-size: 18px;
line-height: 132%;
color: #383838;
}
.card-totalfull {
font-weight: 700;
font-size: 16px;
line-height: 132%;
text-align: right;
color: #272C2E;
}
@media (max-width: 1199px) {
.congrat-box-wrappper .billing-box-padd {
padding: 40px 51px;
margin-bottom: 0px;
}
.congrat-box-wrappper span {
font-size: 16px;
line-height: 28px;
}
.congrat-box-wrappper h1 {
font-size: 31px;
line-height: 38px;
}
.congr-image {
margin-right: 36px;
}
}
@media (max-width: 767px) {
.congrat-box-wrappper,
.congrat-box {
flex-flow: column;
text-align: center;
}
.congr-image {
margin-right: 0px;
margin-bottom: 60px;
}
.summer-head-summary h1 {
font-size: 26px;
margin: 0px 0px 10px;
}
}
/* summary page end */
/* subscription page */
.nobanner-content {
padding: 140px 0px 50px;
}
.nobanner-content .banner-content {
width: 100% !important;
}
.subscption-title h3 {
font-weight: 700;
font-size: 24px;
line-height: 132%;
color: #272C2E;
}
.subscript-content .billing-box-title {
color: #383838;
}
.subscrptin-link {
font-weight: 600;
font-size: 20px;
line-height: 132%;
color: #4D7DFF;
text-decoration: none;
}
@media (max-width: 1199px) {
.nobanner-content {
padding: 100px 0px 10px;
}
.subscrptin-link {
font-size: 20px;
display: inline-block;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.subscrptin-link {
font-size: 18px;
margin-top: 30px;
}
}
/* subscription page end*/
/* login page */
.modal-custome .modal-content {
border: none;
border-radius: 15px;
}
.modal-heading {
font-weight: 700;
font-size: 28px;
line-height: 132%;
color: #272C2E;
margin: 0px;
}
.login-social-list {
background: #FFFFFF;
border: 0.5px solid rgba(0, 0, 0, 0.5);
border-radius: 10px;
padding: 17px 0px;
}
.login-social-list span {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: rgba(0, 0, 0, 0.5);
}
.modal-custome .modal-body {
position: relative;
flex: 1 1 auto;
padding: 55px;
}
@media (max-width: 767px) {
.modal-custome .modal-body {
padding: 25px;
}
}
/* login page end*/
/* drop down profile */
.drop-user-profile {
background: transparent !important;
padding: 0px 0px 0px 30px;
border: none !important;
outline: none !important;
}
.drop-user-profile-img {
width: 40px;
height: 40px;
border-radius: 100%;
padding: 0px;
border: 0.5px solid #EE1E4F;
}
.userprf-account .userprf-title {
font-weight: 400;
font-size: 14px;
color: #272C2E;
line-height: normal;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis !important;
word-break: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.drop-user-profile-img2 {
width: 36px;
height: 36px;
border-radius: 100%;
border: 1px solid #272C2E;
}
.userprf-account .userlink-profile {
font-weight: 700;
font-size: 10px;
line-height: 0;
}
.dropdown-divider {
height: 0;
overflow: hidden;
border-top: 0.5px solid rgba(0, 0, 0, 0.3);
opacity: 1;
}
/* drop down profile end */
/* service-pp page */
.resttop-section {
background-image: url(../images/uplive-bg.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 70px;
height: 1287px;
text-align: center;
width: 100%;
padding-top: 109px;
}
.rest-imaeg-multiple {
left: 50%;
top: 47%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.move-heaidng-ser {
position: absolute;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 100%;
}
.feature-serc-section {
background-image: url(../images/Group427320735.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0px 100px;
}
.service-round {
border-radius: 50px;
background: #282632;
padding: 60px 46px;
height: 300px;
}
.service-round h2 {
color: #FFF;
font-size: 22.264px;
font-weight: 700;
line-height: 132%;
margin: 30px 0px 10px;
}
.service-round p {
color: rgba(255, 255, 255, 0.80);
font-size: 14.168px;
font-weight: 300;
line-height: 180%;
}
.custome-desing-section {
height: 646px;
padding-top: 100px;
}
.banner-custome-desing {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
}
.custome-desing-box-up {
margin-top: -260px;
}
.serpricing-banner {
position: relative;
padding: 60px 0px 51px;
}
.serpricing-banner .price-box {
background: #FFFFFF;
border-radius: 20px;
display: flex;
padding-top: 0px;
padding-bottom: 50px;
flex-flow: column;
height: auto !important;
width: 100%;
}
.padding-customedesn-price-inner {
padding-left: 37px;
padding-right: 37px;
}
.up-price-bg-on {
margin-top: -50px;
}
.price-bgbanner {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
padding-bottom: 40px;
border-radius: 20px;
}
.customedesing2-topupimaeg {
left: 40%;
top: 44%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.custome-desing-section2 {
border-radius: 15px;
background: #1B1F2B;
height: 864px;
padding-top: 100px;
margin-top: 100px;
}
.custome-desing-section2 .samedefulat-head h2,
.custome-desing-section2 .samedefulat-head p {
color: #fff;
}
.custome-desing-box-up2 {
margin-top: -410px;
padding-bottom: 110px;
}
.image-round-custome2,
.image-round-custome2 img {
border-radius: 15px;
}
/* .image-round-custome2 {
box-shadow: 0px 10px 8px 0px rgba(192, 164, 250, 0.15);
} */
.customedesing2-roundbox {
padding: 60px 46px;
height: 340px;
border-radius: 15.18px;
background: #fff;
box-shadow: 0px 0px 20px rgba(217, 217, 217, .5);
}
.customedesing2-roundbox h2 {
color: #272C2E;
font-size: 22.264px;
font-weight: 500;
line-height: 132%;
margin: 30px 0px 10px;
}
.customedesing2-roundbox p {
color: #383838;
font-size: 14.168px;
font-weight: 300;
line-height: 180%;
}
.customedesing-price {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 0px;
padding-right: 0px;
}
.customedesing2-heading-up {
margin-top: -380px;
}
.customedesing2-imaeg-multiple {
left: 50%;
top: 47%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.serpricing-banner-web {
background: #17131D;
}
.serpricing-banner-web.serpricing-banner .price-box {
background: linear-gradient(180deg, #282632 45.39%, rgba(40, 38, 50, 0.00) 100%);
}
.serpricing-banner-web .price-box h3,
.serpricing-banner-web .price-box p,
.serpricing-banner-web .price-box .price-val,
.serpricing-banner-web .price-box ul li {
color: #fff;
}
.serpricing-banner-web .btn.button-price {
background: #fff !important;
color: #203556 !important;
}
.serpricing-banner-marketing {
background-image: url(../images/serpricing-banner-marketing.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
}
.video-hm {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.video-hm video {
object-fit: cover;
}
@media (max-width: 1420px) {
.custome-desing-section2 {
height: auto;
padding-top: 100px;
margin-top: 100px;
padding-bottom: 220px;
}
.custome-desing-box-up2 {
margin-top: -180px;
padding-bottom: 110px;
}
}
@media (max-width: 1199px) {
.resttop-section {
height: 987px !important;
padding-top: 49px !important;
}
.rest-imaeg-multiple {
left: 47%;
top: 47%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.custome-desing-section2 {
padding-top: 60px;
margin-top: 0px;
padding-bottom: 170px;
}
.customedesing2-heading-up {
margin-top: -310px;
}
}
@media (max-width: 767px) {
.resttop-section {
height: 707px !important;
padding-top: 39px !important;
background-position: 70% 0%;
}
.feature-serc-section {
padding: 60px 0px 60px;
}
.service-round {
padding: 40px 40px;
height: auto;
}
.move-heaidng-ser {
bottom: -10px;
}
.custome-desing-section {
height: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.custome-desing-box-up {
margin-top: -120px;
}
.serpricing-banner {
padding: 70px 0px 41px;
}
.serpricing-banner .price-box {
height: auto;
}
.customedesing2-heading-up {
margin-top: -280px;
}
}
@media (min-width: 1400px) {
.serpricing-banner .container {
max-width: 1400px;
}
.serpricing-banner .price-box {
padding-top: 0px;
padding-bottom: 50px;
}
}
@media (min-width: 1600px) {
.serpricing-banner {
position: relative;
padding: 100px 0px 111px;
}
}
@media (min-width: 1920px) {
.serpricing-banner .container {
max-width: 1720px;
}
.serpricing-banner .price-box {
padding-top: 0px;
padding-bottom: 50px;
}
}
/* service-pp page end */
/* prot-ad-section */
.bar-colorborate {
background-image: url(../images/parallax_bg_img1.jpg);
padding: 85px 0px;
margin: 50px 0px 50px;
text-align: center;
}
.bar-colorborate h3 {
color: #203556;
font-size: 40px;
font-weight: 600;
line-height: 165%;
}
.prot-ad-section {
background-image: url(../images/prot-sec.png);
background-repeat: no-repeat;
background-size: cover;
padding: 60px 0px 60px;
}
.portfo-box-rad4 {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.portfo-box-rad4 h3 {
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #fff;
margin: 24px 0px 8px;
}
.portfo-box-rad4 p {
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #fff;
margin: 0px;
text-align: center;
}
.portfo-box-rad4 img {
border-radius: 15px;
}
.portfo-box-padd2 {
padding-right: 50px;
padding-left: 35px;
padding-top: 30px;
}
.bar-port-bottom {
background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.00) 100%);
padding: 33px 0px;
text-align: center;
margin-top: 80px;
}
.bar-port-bottom h3 {
color: #FFF;
font-size: 30px;
font-weight: 400;
line-height: 165%;
}
@media (max-width: 1199px) {
.bar-colorborate {
padding: 45px 0px;
margin: 20px 0px 30px;
}
.bar-colorborate h3 {
font-size: 30px;
line-height: 50px;
width: 90%;
margin: auto;
}
.bar-port-bottom {
padding: 33px 0px;
margin-top: 80px;
}
.bar-port-bottom h3 {
font-size: 24px;
line-height: 40px;
margin: auto;
width: 90%;
}
}
@media (max-width: 767px) {
.prot-ad-section {
padding: 40px 0px 40px;
}
.portfo-box-rad4 h3 {
font-size: 17px;
margin: 19px 0px 8px;
}
.portfo-box-rad4 p {
font-size: 15px;
line-height: 22px;
}
.bar-colorborate h3 {
font-size: 25px;
line-height: 40px;
}
.bar-port-bottom h3 {
font-size: 20px;
line-height: 40px;
}
.portfo-box-padd2 {
padding-right: 15px;
padding-left: 15px;
padding-top: 23px;
}
}
@media (min-width: 1600px) {
.prot-ad-section {
padding: 100px 0px 100px;
}
}
@media (min-width: 1920px) {
.portfo-box-rad4 h3 {
font-size: 28px;
margin: 30px 0px 15px;
}
.portfo-box-rad4 p {
font-size: 16px;
line-height: 40px;
}
}
/* prot-ad-section end */
/* digitalcontent-banner */
.digitalcontent-banner {
background-image: url(../images/appdev.png);
height: 646px;
justify-content: center;
align-items: center;
}
.digitalcontent-banner .banner-content {
width: 100%;
}
.height-auto {
height: auto !important;
}
@media (max-width: 991px) {
.digitalcontent-banner {
height: auto;
padding-top: 100px;
}
}
/* digitalcontent-banner end*/
/* whyus-section*/
.whyus-section {
background-image: url(../images/whyussection.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0px 50px;
}
.service-round-2 {
border-radius: 10px;
background: linear-gradient(180deg, #282632 45.39%, rgba(40, 38, 50, 0.00) 100%);
padding: 50px 36px 50px 46px;
display: flex;
flex-flow: column;
}
.service-round-2 h2 {
color: #FFF;
font-size: 26px;
font-weight: 500;
line-height: 35px;
margin: 30px 0px 10px;
}
.service-round-2 p {
color: #DDD;
font-size: 15px;
font-weight: 500;
line-height: 35px;
}
@media (max-width: 991px) {
.whyus-section {
padding: 60px 0px 60px;
}
.service-round-2 {
padding: 46px 25px 40px 30px;
}
.service-round-2 h2 {
font-size: 21px;
line-height: 26px;
}
.service-round-2 p {
font-size: 14px;
line-height: 28px;
}
}
@media (min-width: 1600px) {
.whyus-section {
padding: 100px 0px 100px;
}
.service-round-2 h2 {
font-size: 30px;
line-height: 40px;
margin: 30px 0px 10px;
}
.service-round-2 p {
font-size: 16px;
line-height: 40px;
}
}
/* whyus-section end*/
/* partner-benft*/
.partner-benft h4 {
color: #272C2E;
font-size: 24px;
font-weight: 500;
line-height: 132%;
margin: 20px 0px 15px;
}
.partner-benft p {
color: #383838;
font-size: 14px;
font-weight: 300;
line-height: 180%;
}
.border-radius {
border-radius: 20px !important;
}
@media (max-width: 767px) {
.partner-benft h4 {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.partner-benft-continer {
max-width: 1520px;
}
}
/* partner-benft*/
/* solution page*/
.ott-content-card {
border-radius: 10px;
border: 1px solid #D9D9D9;
}
.ott-content-body {
position: relative;
padding: 50px 30px 0px;
cursor: pointer;
}
.ott-content-body .card-title {
color: #272C2E;
font-size: 30px;
font-weight: 500;
line-height: 44px;
margin: 50px 0px 50px;
}
.ott-content-body .card-title {
color: #272C2E;
font-size: 24px;
font-weight: 500;
line-height: 35px;
margin: 40px 0px 40px;
}
@media (max-width: 1199px) {
.ott-content-body .card-title {
font-size: 24px;
line-height: 35px;
margin: 40px 0px 40px;
}
}
/* solution page end*/
.custome-tabs-rad {
margin-bottom: 60px;
}
.custome-tabs-rad .nav-pills {
border-radius: 100px;
background: #FFF;
flex-flow: row;
padding: 5px;
width: 418px;
}
.custome-tabs-rad .tab-content {
margin-top: 30px;
}
.custome-tabs-rad .nav-item:last-child {
margin-right: 0px;
}
.custome-tabs-rad .nav-pills .nav-link {
font-weight: 400;
font-size: 15px;
color: #383838;
border: none;
border-radius: 0px;
background: transparent;
padding: 12px 25px;
}
.custome-tabs-rad .nav-pills .nav-link.active,
.custome-tabs-rad .nav-pills .show>.nav-link {
background: #272C2E;
border-radius: 25px;
color: #fff;
}
@media (max-width: 479px) {
.custome-tabs-rad .nav-pills .nav-link {
font-size: 12px;
padding: 7px 16px;
}
.custome-tabs-rad .nav-pills {
width: 100%;
}
}
.bann-cover {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
}
/* expert-section home page */
.expert-section-hm {
padding-top: 60px;
}
.expert-section-hminner {
margin: 50px 0px 80px;
}
.expert-servce-content {
height: 420px;
border-radius: 15px;
border: 1px solid #e2e6ee;
position: relative;
background-position: 0px 0px;
background-size: cover;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
cursor: pointer;
}
.expert-servce-content:hover {
background: #000;
}
.expert-hover-image {
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 15px;
mix-blend-mode: luminosity;
}
.expert-servce-content:hover .expert-hover-image {
opacity: 1;
}
.expert-servce-content-inner {
padding: 40px 30px;
position: relative;
z-index: 2;
}
.expert-servce-content:before {
background: linear-gradient(180deg, rgba(241, 94, 34, 0.20) 0.52%, rgba(238, 30, 79, 0.00) 50.52%, #ee1e4f78 100%);
border-radius: 15px;
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.expert-servce-content:hover:before {
opacity: 1;
}
.expert-servce-content h3 {
font-weight: 500;
line-height: 40px;
margin: 32px 0px 15px;
color: #203556;
font-size: 30px;
}
.expert-circle {
border: 1px solid #e2e6ee;
width: 90px;
height: 90px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.expert-servce-content p {
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #203556;
}
.expert-servce-content:hover p, .expert-servce-content:hover h3 {
color: #fff;
text-shadow: 1px 1px 25px #153656;
}
.expert-section-hm .tns-inner {
margin-left: 40px !important;
}
@media (max-width:1199px) {
.expert-servce-content {
height: 357px;
}
.expert-servce-content-inner {
padding: 32px 30px;
}
.expert-servce-content h3 {
line-height: 37px;
margin: 18px 0px 6px;
font-size: 24px;
}
.expert-servce-content p {
font-size: 15px;
line-height: 31px;
}
.expert-section-hminner {
margin: 0px 0px 80px;
}
}
@media (max-width:959px) {
.expert-servce-content {
height: 377px;
}
}
@media (min-width: 1600px) {
.expert-section-hm {
padding-top: 100px;
}
}
/* expert-section home page end*/
/* our process page*/
.our-prce-gradient {
background-image: url(../images/screencapture-selo-peerduck-.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
}
.our-prce-gradient-conta {
position: relative;
top: -209px;
}
.subcrb-all-partn-width {
margin-bottom: 54px;
}
.subcrb-con a {
display: flex;
align-items: center;
text-decoration: none;
}
.subcrb-con {
background: transparent;
border-radius: 4.048px;
padding: 13px 18px;
display: flex;
align-items: center;
}
.subcrb-all-partn-width .current .subcrb-con {
background: linear-gradient(244deg, #F6EB16 -23.35%, #F15E22 32.06%, #EE204A 56.29%, #EE1E4F 64.1%, #EC184D 92.51%, #A11D52 136.11%, #891A53 174.72%, #531852 208.36%);
}
.subcrb-con-first {
color: #203556;
font-size: 30px;
font-weight: 700;
line-height: 27.701px;
display: inline-block;
margin-right: 10px;
}
.subcrb-con-last {
color: #203556;
font-size: 15px;
font-weight: 400;
display: inline-block;
line-height: normal;
}
.subcrb-all-partn-width .current .subcrb-con .subcrb-con-first,
.subcrb-all-partn-width .current .subcrb-con .subcrb-con-last {
color: #FFF;
}
.ourprocess-stepbox {
border-radius: 20px;
background: #021218;
padding: 43px 38px;
}
.ourprocess-thumb {
position: relative;
}
.ourprocess-thumb:after {
border-radius: 20px;
background: rgba(32, 53, 86, 0.10);
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0px;
top: 0px;
}
.ourprocess-thumb img {
border-radius: 20px;
}
.ourprocess-stepbox-content {
padding-left: 30px;
}
.ourprocess-stepbox-content:before {
left: -12px;
position: absolute;
top: 0%;
border-left: 1px dashed rgba(255, 255, 255, .5);
height: 100%;
content: '';
}
.ourprocess-stepbox-content h4 {
color: #FFF;
font-size: 37px;
font-weight: 200;
line-height: normal;
margin: 20px 0px 13px;
}
.ourprocess-stepbox-content p {
color: #FFF;
font-size: 19px;
font-weight: 200;
line-height: 32px;
}
.number-process-count-1 {
color: #095A9D;
background: #DAF6FF;
font-size: 24.931px;
font-weight: 500;
width: 64.254px;
height: 64.254px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.number-process-count-2 {
color: #3FA52F;
background: #D3FFCC;
}
.number-process-count-3 {
color: #CE3D3E;
background: #FFE4E5;
}
.number-process-count-4 {
color: #CA43D1;
background: #FCE3FB;
}
.number-process-count-5 {
color: #FF8E00;
background: #FFE8CC;
}
.number-process-count-6 {
color: #4B5299;
background: #E7E9FE;
}
.number-process-count-7 {
color: #A7794F;
background: #FFECDA;
}
.subcrb-all-partn-width .owl-theme .owl-nav [class*='owl-'] {
margin: 0px;
padding: 0px 4px;
background: transparent;
}
.subcrb-all-partn-width .owl-theme .owl-nav {
margin-top: 0px;
}
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-prev,
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
margin-top: -28px;
padding: 0px;
}
.subcrb-all-partn .subcrb-all-partn-width .owl-theme .owl-nav {
margin-top: 0px;
}
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-prev {
left: -40px;
}
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-next {
right: -40px;
}
#sync2.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 0px;
position: relative;
top: -70px;
margin-left: 50px;
}
#sync2.owl-theme .owl-dots .owl-dot span {
width: 13px;
height: 13px;
margin: 7px;
background: #fff;
border-radius: 100%;
}
#sync2.owl-theme .owl-dots .owl-dot.active span,
#sync2.owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
outline: 4px solid rgba(255, 255, 255, .2);
}
.our-procss-section {
margin-top: -210px;
}
#sync1.owl-carousel .owl-item {
display: inline-block;
float: none;
}
@media (max-width: 1200px) {
.subcrb-all-partn-width .owl-carousel .owl-stage {
padding-left: 0px !important;
}
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-prev, .subcrb-all-partn-width .owl-carousel .owl-nav .owl-next {
top: 60%;
}
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-prev {
left: -10px;
}
.subcrb-all-partn-width .owl-carousel .owl-nav .owl-next {
right: -10px;
}
}
@media (max-width: 1199px) {
.our-prce-gradient-conta {
top: 0px;
padding-top: 50px;
}
.our-procss-section {
margin-top: 0px;
}
.ourprocess-stepbox-content {
padding-left: 0px;
padding-top: 30px;
}
.ourprocess-stepbox-content:before {
display: none;
}
.ourprocess-stepbox-content h4 {
font-size: 27px;
font-weight: 200;
margin: 18px 0px 10px;
}
.ourprocess-stepbox-content p {
font-size: 16px;
line-height: 29px;
margin-bottom: 40px;
}
.subcrb-all-partn-width {
margin-bottom: 36px;
}
#sync2.owl-theme .owl-nav.disabled+.owl-dots {
top: -70px;
margin-left: auto;
}
.ourprocess-stepbox {
height: 910px;
}
}
@media (max-width: 767px) {
.subcrb-con-first {
font-size: 22px;
}
.subcrb-con-last {
font-size: 13px;
}
.ourprocess-stepbox-content h4 {
font-size: 22px;
}
.ourprocess-stepbox {
padding: 23px 18px;
height: 640px;
}
#sync2.owl-theme .owl-nav.disabled+.owl-dots {
top: 0px;
margin-top: 10px;
}
#sync2.owl-theme .owl-dots .owl-dot span {
background: #D6D6D6;
}
#sync2.owl-theme .owl-dots .owl-dot.active span,
#sync2.owl-theme .owl-dots .owl-dot:hover span {
background: #000;
outline: 4px solid rgba(0, 0, 0, .2);
}
}
@media (min-width: 1600px) {
.our-prce-gradient-conta {
max-width: 1500px;
}
}