body, html{
font-family: 'Roboto', sans-serif;
font-family: 'Jost', sans-serif;
font-family: 'Inter', sans-serif;
background:#010b15;
}
html {
scroll-behavior: smooth;
}
.dm-font{
font-family: 'DM Serif Display', serif !important;
}
.roboto{
font-family: 'Roboto', sans-serif !important;
}
.jost-font{
font-family: 'Jost', sans-serif !important;
}
@font-face {
font-family: gallient;
src: url("../fonts/Gallient.ttf");
}
a{
text-decoration: none;
}
a:hover{
color: #000;
}
img{
max-width: 100%;
}
.marg776{
margin: 60px 0 !important;
}
.padd776{
padding: 50px 0 !important;
}
.mrgn120{
margin-left: -120px !important;
}
.fn-italic{
color: #ee7a2f !important;
font-style: italic !important;
}
.form-control:focus{
box-shadow: none;
}
b, strong {
font-weight: 500;
}
/*------ heder ------*/
.logo img {
max-width: 150px;
}
.logo.logo-with-cap img {
max-width: 210px;
}
.pdft-hdr-acs {
padding-left: 125px;
}
.acsius-hdr h3 {
color: #fff;
font-size: 39px;
font-weight: 700;
line-height: 50px;
margin: 0;
}
.acsius-hdr2 h3{
color: #ee7a2f;
font-size: 26px;
font-weight: 400;
}
.acsius-hdr2 p{
color: #354154;
font-size: 17px;
font-weight: 300;
line-height: 27px;
margin-bottom: 40px;
font-family: 'Roboto';
}
.acsius-hdr3 h3{
color: #354154;
font-size: 47px;
font-weight: 400;
margin-bottom: 30px;
letter-spacing: 2px;
line-height: 51px;
}
.acsius-hdr4 h3,
.acsius-hdr4 h2{
font-size: 40px;
font-weight: 300;
line-height: 48px;
margin-bottom: 15px;
}
.acsius-hdr5 h3 {
font-size: 30px;
font-weight: 600;
margin-bottom: 20px;
}
.acsius-hdr6 h3{
font-size: 30px;
font-weight: 500;
margin-bottom: 15px;
}
.acsius-hdr7 h3,
.acsius-hdr7 h2{
color: #000;
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 20px;
}
.acsius-hdr7 p{
font-size: 18px;
font-weight: 400;
line-height: 31px;
font-style: italic;
}
.acsius-hdr7 h5{
color: #18ccff;
font-size: 24px;
font-weight: 400;
}
/*------ heder end ------*/
/***menu***/
.menu_sec {
text-align: center;
position: static;
}
.menu_sec #main-nav.stellarnav {
background: none;
}
.ace-responsive-menu > li > a {
text-transform: uppercase;
}
.ace-responsive-menu > li.menu-active > a {
background: none !important;
}
.menu_sec .stellarnav ul li {
text-align: left;
}
.menu0-posi {
position: relative;
}
.menu-cont001 {
max-width: 1250px;
margin: 0 auto;
display: flex;
}
.ace-responsive-menu > li > ul.sub-menu {
width: 100%;
right: 0;
border-radius: 0;
background-color: #000 !important;
overflow: hidden;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li a:hover {
color: #59bbe3;
background: none;
}
.menu_sec .stellarnav ul .regular-menu1 li {
width: 33%;
display: inline-block;
vertical-align: top;
}
.men-left:before {
position: absolute;
content: "";
background: #2896ced9;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.men-left {
width: 27%;
display: inline-block;
position: relative;
text-align: center;
background: #3ea1d3 url("images/celebration/new-office/0017.jpg") left top
no-repeat;
background-size: cover;
padding: 40px 30px 52px;
}
.img-mnu1 {
display: inline-block;
width: 30px;
display: none;
text-align: center;
}
.men-left img {
width: 80px;
height: 80px;
border: #fff solid 3px;
border-radius: 50%;
position: relative;
margin-bottom: 15px;
}
.men-left p {
color: #fff;
font-size: 14px;
line-height: 22px;
position: relative;
margin-bottom: 15px;
}
.men-left strong {
display: block;
position: relative;
padding-top: 15px;
font-size: 17px;
color: #fff600;
font-weight: 500;
}
.men-left .own-btn1 {
display: inline-block;
color: #fff;
font-size: 16px;
border-radius: 50px;
position: relative;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.1);
text-transform: none;
padding: 11px 36px 11px;
margin-top: 8px;
}
.regular-menu1 {
width: 72%;
display: inline-block;
padding: 40px 30px 30px 80px;
vertical-align: top;
}
.men-left h5 {
font-size: 25px;
color: #fff;
position: relative;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li a {
font-size: 21px;
font-weight: 600;
color: #2896ce;
margin: 0;
}
.ace-responsive-menu > li > ul.thrd-cls-mnu.sub-menu {
width: 80%;
}
.regular-menu1.mnu-thrd12 {
padding: 35px 25px 25px 25px;
}
ul.thrd-cls-mnu.sub-menu .men-left {
width: 35%;
}
ul.thrd-cls-mnu.sub-menu .regular-menu1 {
width: 64%;
}
.menu_sec .stellarnav ul.thrd-cls-mnu .regular-menu1 li {
width: 49%;
}
.regular-menu1 p {
margin: 0;
color: #4f5557;
font-weight: 300;
font-size: 16px;
}
.regular-menu1.mnu-thrd12 li i,
.mnu-tpo li .img-mnu2,
.mnu-thrd12 li .img-mnu2 {
display: inline-block;
position: absolute;
left: 7px;
top: 11px;
font-size: 22px;
color: #2896ce;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li {
padding: 0px 15px 0 40px;
position: relative;
vertical-align: top;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li a {
padding: 14px 0;
border-bottom: #cccccc5c solid 1px;
margin-right: 45px;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li i {
font-size: 19px;
vertical-align: middle;
color: #2896ce;
}
.mnu-tpo li {
display: inline-block;
vertical-align: top;
width: 19%;
padding: 0px 10px 0 25px;
border-right: #ccc solid 1px;
position: relative;
}
.pack-mnu1 .mnu-tpo li {
width: 49%;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu {
width: 80%;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu .pack-mn1 {
width: 25%;
display: inline-block;
vertical-align: top;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu .mnu15-tpo {
width: 70%;
display: inline-block;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo li a {
font-size: 21px;
font-weight: 600;
color: #2896ce;
}
.mnu-tpo li i {
display: inline-block;
position: absolute;
left: 8px;
top: 14px;
font-size: 22px;
color: #2896ce;
}
.mnu-tpo li p {
margin-bottom: 10px;
color: #4f5557;
font-weight: 300;
font-size: 16px;
}
.btm-tpo12 {
background-color: #2896ce;
padding: 15px 35px;
color: #fff;
}
.btm-txt12 {
float: left;
width: 75%;
}
.btm-txt21 {
float: right;
width: auto;
padding-top: 20px;
}
.btm-tpo12 {
float: left;
width: 100%;
}
.btm-txt12 p {
color: #fff;
}
.btm-txt21 .own-btn1 {
position: relative;
display: inline-block;
color: #fff;
font-size: 16px;
border-radius: 50px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.1);
text-transform: none;
padding: 11px 36px 11px;
margin-top: 8px;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo {
padding: 20px;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo li:last-child {
border: 0;
}
.menu-main {
padding-top: 11px;
padding-bottom: 10px;
box-shadow: #ccc 0 3px 5px;
z-index: 999;
position: relative;
}
.menu_sec #main-nav.stellarnav {
display: inline-block;
padding-top: 17px;
}
/* .menu_sec .stellarnav ul li.dwnin .arrow {
display: none;
} */
.serv-mn5 {
padding: 45px 20px;
width: 20%;
float: left;
border: #0e0e0e solid 1px;
position: relative;
}
.title-mnu01 {
font-size: 21px;
font-weight: 700;
color: #ef7f30;
line-height: 26px;
margin-bottom: 20px;
text-transform: lowercase;
z-index: 9;
position: relative;
}
.title-mnu01:after {
content: "";
width: 56px;
height: 2px;
background: #000;
display: block;
margin-top: 14px;
}
.ace-responsive-menu li ul.sub-menu li a:after {
content: "\f105";
width: 0.875rem!important;
height: 0.875rem!important;
font-family: fontawesome;
background-size: 80% auto;
border: #2a66a3 solid 1px;
position: relative;
display: inline-block;
transform: translate(10px,0px);
font-size: 9px;
text-align: center;
color: #ffffff;
}
.location {
text-align: right;
display: inline-block;
padding-top: 0;
transform: translateY(-11px);
}
.inc-btn {
display: inline-block;
margin-left:10px;
padding-top: 12px;
}
.inc-btn a {
background-color: #1b2c3e;
/* border: #2ca8d9 solid 1px; */
font-weight: 500;
display: inline-block;
color: #fff;
text-transform: uppercase;
font-size: 14px;
border-radius: 50px;
/* padding: 7px 14px; */
position: relative;
overflow: hidden;
--offset: 1px;
}
.inc-btn a:hover {
background-color: #2ca8d9;
}
.inc-btn a::before {
content: '';
background: conic-gradient(transparent 270deg, #2ca8d9 , transparent);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
aspect-ratio: 1;
width: 100%;
animation: inq-btn 2s linear infinite;
}
.inc-btn a::after {
content: '';
background: inherit;
border-radius: inherit;
position: absolute;
inset: var(--offset);
height: calc(100% - 2* var(--offset));
width: calc(100% - 2* var(--offset));
}
@keyframes inq-btn{
0% {
transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
}
100% {
transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
}
}
.inc-btn a:hover span:after{
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
transition: opacity .3s ease-in-out;
border-radius: 50px;
opacity: .7;
}
.inc-btn a span {
background: transparent;
z-index: 1;
position: relative;
padding: 7px 14px;
display: inline-block;
}
.top-right-text{
text-align:right;
}
.rank-menu0 {
position: absolute;
color:#ee7a2f;
font-size: 14px;
left: 2px;
top: -4px;
font-style: normal;
}
.ace-responsive-menu > li > a.phn {
font-size: 16px;
font-weight: 500;
line-height: 18px;
display: block;
color: #ee802f;
padding: 0;
}
.ace-responsive-menu > li > a.phn:after {
display: none;
}
.ace-responsive-menu > li > a:after {
height: 0.125rem;
content: "";
display: block;
background: #ee7a2f;
transition: all .3s ease-in-out;
width: 0;
}
.ace-responsive-menu > li > a:hover:after {
width: 100%;
}
.ace-responsive-menu > li > ul.small-menu.sub-menu {
width: 240px;
position: absolute;
right: 0;
}
.ace-responsive-menu > li > ul.small-menu.sub-menu li {
width: auto;
}
.menu_sec .stellarnav ul li.small-res-menu {
position: relative;
}
.ace-responsive-menu > li > ul.small-menu.sub-menu a {
padding: 12px 15px;
}
/***menu***/
/*------ home Page menu ------*/
.navbar-collapse .nav-item .nav-link{
position: relative;
color: #fff;
font-size: 21px;
font-weight: 300;
padding: 5px 20px;
}
.navbar-collapse .nav-item a:nth-child(2){
color: #ee802f;
font-size: 16px;
font-weight: 500;
line-height: 18px;
display: block;
}
.navbar-collapse .nav-item .nav-link span{
position: absolute;
color: #ee7a2f;
font-size: 14px;
left: 0;
top: 0;
}
.navbar-collapse .navbar-nav{
padding-top: 20px;
}
.location img{
width: auto;
margin-right: 5px;
}
.location a{
color: #fff;
font-size: 20px;
font-weight: 300;
}
/*------ home Page banner ------*/
.banner-main-home {
padding-top: 250px;
position: relative;
padding-bottom: 0;
margin-bottom: 120px;
overflow: hidden;
background: url(../img/bnr-bck.png) center center no-repeat;
}
.banner-main-home:after {
content: "";
width: 100%;
height: 200px;
position: absolute;
bottom: 0;
box-shadow: inset #010b15 0px -120px 80px 0px;
left: 0;
z-index: 1;
}
.txt-bnr-cont {
position: relative;
}
.cd-headline{
margin:0 0 0px 16px;
display: inline-block;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-size: 110px;
font-style:normal;
font-family: gallient;
font-weight: 300;
line-height: 88px;
}
.cd-words-wrapper b i{
font-style:normal;
color:#2ca8d9;
}
.cd-words-wrapper b.is-visible {
position: relative;
transform: translate(0);
left: 0;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
}
.cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-3 b {
opacity: 0;
}
.cd-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-moz-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-moz-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}
/**banner lines**/
.hero {
overflow: visible;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero .lines {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: 1.5s all ease
}
.hero.animated .lines {
opacity: 1;
overflow: hidden
}
.hero .line-container {
position: relative;
width: 100%;
height: 1px;
background-color: #19253242;
margin-bottom: 0
}
.hero .line-container:nth-of-type(2) .animated-line,.hero .line-container:nth-of-type(4) .animated-line,.hero .line-container:nth-of-type(6) .animated-line {
animation: moveLineReverse 15s linear infinite
}
.hero .animated-line {
position: absolute;
top: 50%;
left: -1%;
width: 4px;
height: 4px;
border-radius: 50%;
background: #6a6f80;
transform: translate(-50%,-50%);
animation: moveLine 10s linear infinite
}
.hero .line-container:nth-child(1) {
position: absolute;
top: 5.5vw;
left: 0
}
@media(max-width: 1679px) {
.hero .line-container:nth-child(1) {
top:8.5vw
}
}
@media(max-width: 1023px) {
.hero .line-container:nth-child(1) {
top:11.5vw
}
}
@media(max-width: 600px) {
.hero .line-container:nth-child(1) {
top:18.5vw
}
}
.hero .line-container:nth-child(2) {
position: absolute;
top: 12.9vw;
left: 0
}
.hero .line-container:nth-child(2) .animated-line {
animation-delay: 5s
}
@media(max-width: 1679px) {
.hero .line-container:nth-child(2) {
top:15.9vw
}
}
@media(max-width: 1023px) {
.hero .line-container:nth-child(2) {
top:18.9vw
}
}
@media(max-width: 600px) {
.hero .line-container:nth-child(2) {
top:25.9vw
}
}
.hero .line-container:nth-child(3) {
position: absolute;
top: 20.2vw;
right: 0
}
.hero .line-container:nth-child(3) .animated-line {
animation-delay: 12s
}
@media(max-width: 1679px) {
.hero .line-container:nth-child(3) {
top:23.2vw
}
}
@media(max-width: 1023px) {
.hero .line-container:nth-child(3) {
top:26.2vw
}
}
@media(max-width: 600px) {
.hero .line-container:nth-child(3) {
top:33.2vw
}
}
.hero .line-container:nth-child(4) {
position: absolute;
top: 27.55vw;
left: 0
}
.hero .line-container:nth-child(4) .animated-line {
animation-delay: 13s
}
@media(max-width: 1679px) {
.hero .line-container:nth-child(4) {
top:30.55vw
}
}
@media(max-width: 1023px) {
.hero .line-container:nth-child(4) {
top:33.55vw
}
}
@media(max-width: 600px) {
.hero .line-container:nth-child(4) {
top:40.55vw
}
}
.hero .line-container:nth-child(5) {
position: absolute;
top: 34.9vw;
right: 0
}
.hero .line-container:nth-child(5) .animated-line {
animation-delay: 8s
}
@media(max-width: 1679px) {
.hero .line-container:nth-child(5) {
top:37.9vw
}
}
@media(max-width: 1023px) {
.hero .line-container:nth-child(5) {
top:40.9vw
}
}
@media(max-width: 600px) {
.hero .line-container:nth-child(5) {
top:47.9vw
}
}
.hero .line-container:nth-child(6) {
position: absolute;
top: 42.3vw;
left: 0
}
.hero .line-container:nth-child(6) .animated-line {
animation-delay: 4s
}
@media(max-width: 1679px) {
.hero .line-container:nth-child(6) {
top:45.3vw
}
}
@media(max-width: 1023px) {
.hero .line-container:nth-child(6) {
top:48.3vw
}
}
@media(max-width: 600px) {
.hero .line-container:nth-child(6) {
top:55.3vw
}
}
.hero .lines2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: 1.5s all ease
}
.hero .lines2 .line-container {
position: relative;
width: 1px;
height: 100%;
background-color: #19253242;
margin-bottom: 0
}
.hero .lines2 .line-container:nth-of-type(2) .animated-line,.hero .lines2 .line-container:nth-of-type(4) .animated-line,.hero .lines2 .line-container:nth-of-type(6) .animated-line,.hero .lines2 .line-container:nth-of-type(8) .animated-line,.hero .lines2 .line-container:nth-of-type(10) .animated-line {
animation: moveLineTopReverse 10s linear infinite
}
.hero .lines2 .animated-line {
position: absolute;
top: -1%;
left: 50%;
width: 4px;
height: 4px;
border-radius: 50%;
background: #6a6f80;
transform: translate(-50%,-50%);
animation: moveLineTop 10s linear infinite
}
.hero .lines2 .line-container:nth-child(1) {
position: absolute;
top: 0;
left: 16.2vw
}
.hero .lines2 .line-container:nth-child(1) .animated-line {
animation-delay: 2s
}
.hero .lines2 .line-container:nth-child(2) {
position: absolute;
top: 0;
left: 23.6vw
}
.hero .lines2 .line-container:nth-child(2) .animated-line {
animation-delay: 5s
}
.hero .lines2 .line-container:nth-child(3) {
position: absolute;
top: 0;
left: 31vw
}
.hero .lines2 .line-container:nth-child(3) .animated-line {
animation-delay: 9s
}
.hero .lines2 .line-container:nth-child(4) {
position: absolute;
top: 0;
left: 38.25vw
}
.hero .lines2 .line-container:nth-child(4) .animated-line {
animation-delay: 3s
}
.hero .lines2 .line-container:nth-child(5) {
position: absolute;
top: 0;
left: 45.55vw
}
.hero .lines2 .line-container:nth-child(5) .animated-line {
animation-delay: 6s
}
.hero .lines2 .line-container:nth-child(6) {
position: absolute;
top: 0;
left: 53vw
}
.hero .lines2 .line-container:nth-child(6) .animated-line {
animation-delay: 4s
}
.hero .lines2 .line-container:nth-child(7) {
position: absolute;
top: 0;
left: 60.3vw
}
.hero .lines2 .line-container:nth-child(7) .animated-line {
animation-delay: 13s
}
.hero .lines2 .line-container:nth-child(8) {
position: absolute;
top: 0;
left: 67.65vw
}
.hero .lines2 .line-container:nth-child(8) .animated-line {
animation-delay: 18s
}
.hero .lines2 .line-container:nth-child(9) {
position: absolute;
top: 0;
left: 75vw
}
.hero .lines2 .line-container:nth-child(9) .animated-line {
animation-delay: 11s
}
.hero .lines2 .line-container:nth-child(10) {
position: absolute;
top: 0;
left: 82.4vw
}
.hero .lines2 .line-container:nth-child(10) .animated-line {
animation-delay: 2s
}
.hero.animated .lines2 {
opacity: 1
}
@keyframes moveLine {
0% {
left: 0
}
100% {
left: 100%
}
}
@keyframes moveLineReverse {
0% {
left: 100%
}
100% {
left: -100%
}
}
@keyframes moveLineTop {
0% {
top: 0
}
100% {
top: 100%
}
}
@keyframes moveLineTopReverse {
0% {
top: 100%
}
100% {
top: -100%
}
}
/**banner lines**/
.cre-txt {
font-size: 90px;
font-style: normal;
font-weight: 800;
text-transform: uppercase;
line-height: 86px;
display: inline-block;
margin: 0;
color: #fff;
}
.cre-txt img {
padding: 10px 50px;
}
.bnr-dig-img {
display: inline-block;
width: 19%;
vertical-align: top;
padding-top: 13px;
padding-left: 70px;
}
.bnr-txt-dig {
display: inline-block;
width: 79%;
padding-top: 15px;
}
.bnr-txt-dig span {
display: block;
color: #fff;
opacity: .6;
font-weight: 200;
font-size: 17px;
padding-right: 80px;
line-height: 27px;
padding-top: 12px;
}
.banr-imgbotm{
padding-top:45px;
}
.gsap-marker-end,
.gsap-marker-start,
.gsap-marker-scroller-end,
.gsap-marker-scroller-start{
display: none !important;
}
.text > h3 > div {
background: linear-gradient(to right,rgb(255, 255, 255) 50%,rgb(37, 37, 37) 50%);
background-size: 200% 100%;
background-position-x: 100%;
color: transparent;
background-clip: text;
-webkit-background-clip: text;
}
.ebmr-txt h3 {
color: #fff;
font-size: 49px;
font-weight: 700;
line-height: 57px;
margin: 0;
}
.ebmr-txt p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 25px;
padding-top: 15px;
}
.ebmr-red a {
display: block;
color: #fff;
text-transform: uppercase;
font-weight: 700;
border-bottom: #2ca8d9 solid 1px;
padding-bottom: 10px;
margin-top:30px;
}
.ebmr-red a:hover{
color: #2ca8d9;
}
.row-wid {
max-width: 1140px;
margin: 0 auto;
}
.quot-hm-main{
padding-top:80px;
padding-bottom:80px;
/* background:url(../img/str-img.png) top center no-repeat;
background-size:cover; */
position: relative;
overflow:hidden;
}
.slide-str {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.slide-str img {
width: 100%;
}
.qute-wht {
background-color: #09131d;
border-radius: 100px;
padding: 20px;
margin-bottom: 100px;
position: relative;
border: #1a242d solid 1px;
overflow:hidden;
}
.qute-whtsblb {
filter: blur(40px);
position: absolute;
top: 0;
left: 0;
width: 250px;
height: 250px;
border-radius: 50%;
background: rgb(44 168 217 / 16%);
}
.qute-whtsfkblb {
display: hidden;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 200px;
height: 200px;
border-radius: 50%;
}
.qte-txt-lft {
transition: background 300ms ease-in-out;
}
.qute-wht:hover > .qte-txt-lft {
background: rgb(26, 26, 26, 0.6);
backdrop-filter: blur(80px);
}
.qte-txt-lft {
padding-left: 110px;
position: relative;
z-index: 1;
border-right: #1a242d solid 1px;
}
.qte-txt-lft img {
position: absolute;
left: -46px;
top: -36px;
height: 148px;
}
.qte-txt-lft p {
margin: 0;
font-size: 18px;
line-height: 24px;
color: #fff;
}
.qte-txt-lft p b {
font-weight: 600;
}
.qte-txt-lft p em {
font-style: normal;
color: #2ca8d9;
font-weight: 500;
}
.qte-txt-ryt a {
position: relative;
display: inline-block;
text-align: center;
color: #fff;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
background-size: 400%;
border-radius: 30px;
z-index: 1;
font-weight: 600;
padding: 10px 25px;
}
.qte-txt-ryt a:before {
content: "";
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
z-index: -1;
background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
background-size: 400%;
border-radius: 40px;
opacity: 0;
transition: .5s;
}
.qte-txt-ryt a:hover:before {
filter: blur(20px);
opacity: 1;
animation: animate-btn 8s linear infinite;
}
.qte-txt-ryt p {
margin-bottom: 9px;
color: #fff;
}
.qte-txt-ryt {
text-align: center;
}
.qte-txt-ryt a:hover {
animation: animate-btn 8s linear infinite;
}
@keyframes animate-btn {
0% {
background-position: 0%;
}
100% {
background-position: 400%;
}
}
.user-ui {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 30px 25px 0 25px;
margin-top: 25px;
overflow: hidden;
position:relative;
z-index:1;
min-height: 400px;
max-height: 400px;
}
.user-ui.lnk-bui {
max-height: 414px;
}
.user-uitxt h5 {
font-size: 28px;
color: #fff;
font-weight: 700;
}
.user-uitxt p {
display: block;
color: #fff;
opacity: .6;
font-weight: 100;
font-size: 16px;
line-height: 24px;
padding-top: 0;
margin: 0;
position: relative;
min-height: 48px;
}
.user-uitxt {
position: relative;
z-index: 9;
}
.user-imgpd2 {
margin-top: 38px;
}
.imghovr-sh .hidim {
position: absolute;
bottom: 0;
transition: 1s;
}
.user-uitxt:hover .hidim{
opacity:0;
}
.user-imgpd {
padding-top: 113px;
padding-bottom: 103px;
}
.roun-cont {
width: 500px;
height: 500px;
position: absolute;
left: 22px;
top: 22px;
}
/* .roun-div {
position: absolute;
width: 500px;
height: 500px;
left: 21px;
top: 20px;
border: #ccc solid 1px;
border-radius: 50%;
} */
.roun-div {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
}
.roun-div1{
animation: runddiv1 8s linear infinite;
}
@keyframes runddiv1 {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.roun-div2{
animation: runddiv2 10s linear infinite;
}
@keyframes runddiv2 {
0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.roun-div3{
animation: runddiv3 12s linear infinite;
}
@keyframes runddiv3 {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.roun-div4{
animation: runddiv4 9s linear infinite;
}
@keyframes runddiv4 {
0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.roun-div5{
animation: runddiv5 6s linear infinite;
}
@keyframes runddiv5 {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.roun-div6{
animation: runddiv6 4s linear infinite;
}
@keyframes runddiv6 {
0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
/* .dot1 {
position: absolute;
top: -11px;
left: calc(50% - 10px);
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
transform-origin: 50% 19vw;
animation: runddiv1 10s linear infinite;
} */
/* .dot2 {
position: absolute;
top: -11px;
left: calc(50% - 10px);
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
transform-origin: 50% 19vw;
animation: runddiv1 10s linear infinite;
} */
.user-imgpd3 {
padding-top: 33px;
}
.texthlp {
background-color: #000b15;
max-width: 120px;
border-radius: 15px;
margin: 8px auto;
position: relative;
z-index: 9;
transition: .9s;
}
.texthlp:hover {
background-color: #2ca8d9;
transition: .9s;
}
.texthlp a{
padding: 15px;
display:block;
}
.texthlp p {
color: #fff;
font-size: 19px;
line-height: 26px;
font-weight: 200;
margin: 0;
}
.hlp-div1 {
width: 100%;
height: 100%;
border: #0d1822 solid 1px;
position: absolute;
left: 0;
top: 0;
border-radius: 50px;
animation: hlp-bordiv01 1s linear .4s infinite;
}
.hlp-div2 {
width: 85%;
height: 85%;
border: #0f1a25 solid 1px;
position: absolute;
left: 8%;
top: 8%;
border-radius: 35px;
animation: hlp-bordiv1 1s linear .2s infinite;
}
.hlp-div3 {
width: 70%;
height: 70%;
border: #101c27 solid 1px;
position: absolute;
left: 15%;
top: 15%;
border-radius: 25px;
animation: hlp-bordiv1 1s linear infinite;
}
.hlp-div-mn {
position: relative;
padding: 40px;
margin-bottom: 7px;
margin-top: 10px;
max-width: 212px;
margin: 10px auto;
}
@keyframes hlp-bordiv1 {
0%{
border-color: #2ca8d96e;
}
100% {
border-color:#0d1822;
}
}
@keyframes hlp-bordiv01 {
0%{
border-color: #2ca8d92e;
}
100% {
border-color:#0d1822;
}
}
/* .mq-hm1 {
display: inline-block;
vertical-align: middle;
margin: 0 20px;
} */
.mq-hm1 {
color: #fff;
font-size: 70px;
text-transform: uppercase;
font-weight: 800;
font-family:roboto;
}
.outer-container {
overflow: hidden;
}
.mq-hm1 img {
display: inline-block;
width: 60px;
height: 60px;
object-fit: contain;
margin:0 90px 15px 25px;
vertical-align: middle;
}
.mq-hm1 p {
display: inline-block;
line-height: 80px;
margin: 0;
}
.mq-hm1.mq-light {
color: #ffffff00;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #fff;
}
.work-title{
margin: 0;
z-index: 1;
display:flex;
white-space: nowrap;
column-gap:0px;
font-weight: 300;
font-family: 'Roboto';
}
.work-title .paralax-title1{
position: relative;
display: flex;
text-transform: uppercase;
color: #dafe09;
}
.work-title b {
font-weight: bold;
}
.pad-tp-btm{
padding-top:70px;
padding-bottom:70px;
}
.wel-hmmain{
background:url(../img/wel-bg10000.png) left center no-repeat;
background-size:contain;
}
.wel-lft p {
color: #2ca8d9;
font-size: 20px;
font-weight: 500;
line-height: 25px;
margin-top: 20px;
}
.wel-ryt p {
font-size: 74px;
color: #fff;
line-height: 85px;
margin-bottom: 15px;
}
.wel-ryt p b {
font-weight: 700;
}
/* .wel-ryt1,
.wel-ryt2 {
padding-right: 140px;
} */
.wel-ryt1 p {
font-size: 33px;
color: #fff;
line-height: 44px;
font-weight: 500;
margin-bottom: 20px;
}
.wel-ryt2 p {
font-size: 18px;
color: #fff;
font-weight: 200;
line-height: 29px;
margin-bottom: 40px;
}
/* .wel-btn a {
color: #fff;
border: #374552 solid 1px;
border-radius: 50px;
padding: 9px 30px;
display: inline-block;
font-weight: 300;
font-size: 16px;
}
.wel-btn a:hover {
background-color: #fff;
color: #000b15;
} */
.wel-btn .btn {
display: inline-block;
color: #fff;
padding: 24px;
position: relative;
letter-spacing: .5px;
}
.btn__circle, .btn__text, .btn__white-circle {
position: absolute;
}
.btn__circle {
top: 0;
left: 0;
height: 100%;
border-radius: 100%;
width: 100%;
box-shadow: inset 0 0 1px 1px #fff;
transition: 0.3s linear;
overflow: hidden;
padding: 2px;
border: none;
}
/* .btn__circle::after {
content: '';
background: inherit;
border-radius: inherit;
position: absolute;
inset: var(--offset);
height: calc(100% - 2* var(--offset));
width: calc(100% - 2* var(--offset));
background: #1a3250;
width: 95%;
height: 93%;
left: 1px;
}
.btn__circle::before {
content: '';
background: conic-gradient(transparent 270deg, #2ca8d9, transparent);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
aspect-ratio: 1;
width: 100%;
animation: rotate001 2s linear infinite;
}
@keyframes rotate001{
0% {
transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
}
100% {
transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
}
} */
.btn__white-circle {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 46px;
height: 46px;
border-radius: 100%;
background: #fff;
display: flex;
transition: 0.3s ease-in-out;
}
.btn__white-circle svg {
width: 24px;
height: 24px;
margin: auto;
fill: #fff;
}
.btn__text {
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
z-index: 2;
padding: 13px 8px;
transition: 0.3s linear;
font-size: 16px;
font-weight: 200;
color: #fff;
}
.wel-btn .btn:hover .btn__circle {
transform: scale(0);
}
.wel-btn .btn:hover .btn__white-circle {
transform: translate(-50%, -50%) scale(1);
}
.wel-btn .btn:hover .btn__text {
transform: translate(30px, -50%);
}
.btn__white-circle:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 50%;
}
@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}
.wel-btn .btn:hover .btn__white-circle:before {
opacity: 1;
}
.wel-btn .btn:focus {
outline: 0;
box-shadow: none;
border: none;
}
.com-mnhm {
background: #000b15 url(../img/str-img.png) left top no-repeat;
}
.botm-com1,
.botm-com2,
.botm-com3,
.botm-com4 {
text-align: center;
}
.botm-com1 p {
font-size: 56px;
font-weight: 700;
color: #fff;
line-height: 68px;
}
.botm-com2 p {
font-size: 22px;
color: #2ca8d9;
font-weight: 400;
margin: 25px 0;
line-height: 28px;
}
.botm-com3 ul {
padding: 0;
margin: 0;
}
.botm-com3 ul li {
display: inline-block;
list-style-type: none;
padding: 0 10px;
}
.botm-com4 p {
font-size: 40px;
font-weight: 500;
color: #fff;
line-height: 48px;
margin: 0;
}
.text-loop {
display: flex;
white-space: nowrap;
overflow:hidden;
margin-top: 50px;
margin-bottom: 40px;
}
.itemtext {
display: flex;
}
.listtext {
display: flex;
align-items: top;
-webkit-animation: loop 40s infinite linear;
animation: loop1 40s infinite linear;
}
.itemtext .mq-hm1 img {
margin: 0 90px 15px 30px;
}
.itemtext .mq-hm1.mq-light {
color: #ffffff00;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #fff;
}
@keyframes loop1 {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.pad-rmv{
padding-left:0;
padding-right:0;
}
.brnd-roclr {
background-color: #fff;
align-items: center;
}
.frame-three{
background-color:#010b15;
}
.frame-two.owl-carousel .owl-item img {
width: auto;
height: 190px;
margin:0 auto;
transition: .3s;
margin-top: 90px;
}
.frame-two.owl-carousel .owl-item.center img {
height: 380px;
margin-top: 0px;
}
.app-scroll-section {
overflow: hidden;
position: relative;
}
.app_secouter {
position: absolute;
padding: 0 20px;
width:100%;
height:100%;
}
.app_secouter .app_secinner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 31px;
}
.app_secouter .app_imgs div{
margin-bottom:30px;
}
.brnd-txt p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 24px;
padding-top: 15px;
}
.exp-txt1 p {
color: #fff;
font-size: 100px;
font-weight: 700;
line-height: 96px;
}
.exp-txt2 p {
color: #fff;
font-size: 36px;
line-height: 45px;
font-weight: 400;
margin: 0;
}
.exp-txt2 p b {
font-weight: 600;
}
.exp-txt3 {
margin-top: 20px;
text-align:center;
}
.exp-secout {
border-left: #333c44 solid 1px;
border-right: #333c44 solid 1px;
}
.exp-txtupr {
padding: 40px 20px 0px 20px;
}
.exp-awr-main {
border-top: #333c44 solid 1px;
}
.awr-txt2 p {
font-size: 36px;
color: #fff;
font-weight: 300;
line-height: 43px;
margin-bottom: 30px;
}
.awr-txt2 {
padding: 50px 30px;
max-width: 325px;
}
.awr-img1 {
text-align: center;
margin-top: -25px;
padding-bottom: 35px;
}
.awr-txt1 {
border-bottom: #333c44 solid 1px;
}
.awr-txt1 ul {
display: block;
list-style: none;
padding: 50px 30px;
max-width: 300px;
}
.awr-txt1 ul li {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin-bottom: 20px;
}
.awr-txt1 ul li:last-child {
margin-bottom: 0;
}
.awr-txt1 .slick-list.draggable{
padding:0!important;
}
.awr-txt1 .slick-slider {
margin-bottom: 0 !important;
max-width: 290px;
padding: 30px 30px 10px;
}
.slider--vertical div{
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin:0px 0 15px;
}
.awr-txt1 .slick-slide {
text-transform: uppercase;
transform-origin: center left;
transition: opacity .1s ease, transform .1s ease;
}
.awr-txt1 .slick-slider .slick-list:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
box-shadow: inset #000b15 -20px -100px 60px -20px;
left: 0;
z-index: 9;
}
.awr-txt1 .slick-slider .slick-list:after{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
box-shadow: inset #000b15 -20px 100px 70px -14px;
left: 0;
z-index: 9;
}
.vid-awr video {
object-fit: cover;
border-radius: 30px;
}
.colb-bec p {
font-size: 36px;
color: #fff;
line-height: 45px;
font-weight: 700;
}
.colb-bec span {
color: #2ca8d9;
}
.colb-bec {
border-top: #1a242d solid 1px;
padding-top: 25px;
margin-top: 19px;
}
.text-sldrclnt span {
color: #fff;
border: #1a242d solid 1px;
border-radius: 50px;
padding: 3px 30px;
display: inline-block;
font-weight: 600;
font-size: 18px;
display:inline-block;
margin-bottom:20px;
}
.text-sldrclnt p {
font-size: 17px;
color: #fff;
font-weight: 200;
font-style: italic;
line-height: 29px;
margin: 0;
}
.text-sldrclnt {
position: relative;
padding-right: 230px;
}
.image-sldrclnt {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
}
.owl-carousel .owl-item .image-sldrclnt img {
height: 140px;
width: 140px;
border-radius: 50%;
}
.clnt-love-us-slider {
position: relative;
}
.clnt-love-us-slider .owl-nav button.owl-next {
position: absolute;
right: 0px;
top: 50%;
font-size: 56px !important;
width: 110px;
height: 110px;
border-radius: 50%;
background: #000408 url(../img/arrow-wht.png) center center no-repeat;
transform: translateY(-50%);
background-size: 59px;
}
.clnt-love-us-slider .owl-nav button.owl-next:hover{
background-color: #2ca8d9;
}
.clnt-love-us-slider .owl-nav button.owl-prev {
display: none;
}
.clnt-love-us-slider .owl-nav button.owl-next span {
font-size: 0;
}
.acrol {
position: relative;
min-height: 430px;
max-height: 430px;
overflow: hidden;
}
.acrol:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
box-shadow: inset #010b15 0px 90px 80px 0px;
top: 0;
left: 0;
z-index: 1;
}
.acrol img {
max-width: 180px;
margin: 0 auto;
animation: loopaclo1 15s infinite linear;
}
.acrol:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
box-shadow: inset #010b15 0px -90px 80px 0px;
bottom: 0;
left: 0;
}
@keyframes loopaclo1 {
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.circlehm1 {
width: 10px;
height: 10px;
background: #212d38;
margin: 5px 10px;
border-radius: 50%;
transform-origin: top center;
animation: spincirclehm1 1s linear infinite;
}
.circleshm {
margin-top: 20px;
}
.row12 {
display: flex;
flex: 0 1 100%;
}
@keyframes spincirclehm1 {
0% {transform: rotate(0) scale(1.1);}
50% {transform: rotate(180deg) scale(0.2);}
100% {transform: rotate(360deg) scale(1.1);}
}
.row12:nth-child(1) .circlehm1 {animation-delay: 100ms;} /* = 0.1s */
.row12:nth-child(2) .circlehm1 {animation-delay: 200ms;} /* = 0.1s */
.row12:nth-child(3) .circlehm1 {animation-delay: 300ms;} /* = 0.1s */
.row12:nth-child(4) .circlehm1 {animation-delay: 400ms;} /* = 0.1s */
.row12:nth-child(5) .circlehm1 {animation-delay: 500ms;} /* = 0.1s */
.row12:nth-child(6) .circlehm1 {animation-delay: 600ms;} /* = 0.1s */
.row12:nth-child(7) .circlehm1 {animation-delay: 700ms;} /* = 0.1s */
.row12:nth-child(8) .circlehm1 {animation-delay: 800ms;} /* = 0.1s */
.row12:nth-child(9) .circlehm1 {animation-delay: 900ms;} /* = 0.1s */
.row12:nth-child(10) .circlehm1 {animation-delay: 1000ms;} /* = 0.1s */
.row12:nth-child(11) .circlehm1 {animation-delay: 1100ms;} /* = 0.1s */
.row12:nth-child(12) .circlehm1 {animation-delay: 1100ms;} /* = 0.1s */
.row12:nth-child(13) .circlehm1 {animation-delay: 1100ms;} /* = 0.1s */
.row12:nth-child(14) .circlehm1 {animation-delay: 1100ms;} /* = 0.1s */
/**webdesign new**/
.banner-main-inner {
padding-top: 250px;
position: relative;
padding-bottom: 0;
margin-bottom: 100px;
overflow: hidden;
background: url(../img/bnr-bck.png) center center no-repeat;
}
.banner-main-inner:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
box-shadow: inset #010b15 0px -130px 70px -10px;
left: 0;
z-index: 1;
}
.common-star {
overflow: hidden;
position: relative;
}
.weblines {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
width: 90vw;
}
.webline {
position: absolute;
width: 1px;
height: 100%;
top: 0;
left: 50%;
background: #19253291;
overflow: hidden;
}
.webline::after {
content: '';
display: block;
position: absolute;
height: 15vh;
width: 100%;
top: -50%;
left: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2ca8d9 75%, #ffffff 100%);
animation: dropweb 7s 0s infinite;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.webline:nth-child(1) {
margin-left: -20%;
}
.webline:nth-child(1)::after {
animation-delay: 2s;
}
.webline:nth-child(3) {
margin-left: 20%;
}
.webline:nth-child(3)::after {
animation-delay: 2.5s;
}
@keyframes dropweb {
0% {
top: -50%;
}
100% {
top: 110%;
}
}
.pad-rmvdesk{
padding-left:0;
padding-right:0;
}
.webd-bnrtxt {
position: relative;
z-index: 2;
}
.bnr-big-txt p{
text-align: center;
font-size: 46px;
font-weight: 600;
color: #fff;
line-height: 56px;
}
.wel-btn {
position: relative;
}
.wel-btn.text-center {
padding-right: 65px;
}
.bnr-smll-txt {
max-width: 1120px;
margin: 0 auto;
}
.bnr-smll-txt p {
display: block;
color: #fff;
font-weight: 200;
font-size: 18px;
padding: 0 100px;
line-height: 30px;
text-align: center;
margin-bottom: 25px;
}
.banr-webb1 {
margin-top: -100px;
transform:scale(1.2);
}
.banr-webb1 img {
width: 100%;
}
.btn-bnrinr {
display: flex;
justify-content: center;
column-gap: 20px;
margin-top: 30px;
position: relative;
z-index: 3;
padding-right: 65px;
}
.stnd-txt p {
font-size: 80px;
color: #fff;
font-weight: 700;
line-height: 83px;
}
.stun-txt p {
color: #fff;
font-size: 42px;
font-weight: 700;
line-height: 50px;
}
.stnd-txt h5 {
font-size: 24px;
line-height: 31px;
color: #fff;
font-weight: 400;
margin: 0;
}
.stun-txt2 {
max-width: 350px;
}
.stun-txt2 p {
color: #fff;
opacity: .65;
font-size: 16px;
font-weight: 200;
margin-bottom: 30px;
}
.bg-grey-color{
background-color:#09131d;
}
.stun-inrcol {
padding-left: 40px;
padding-right: 0;
padding-top: 50px;
position: relative;
}
.round-main-div {
width: 780px;
margin-left: auto;
position: absolute;
overflow: hidden;
margin-top: -70px;
margin-right: 0;
height: 100%;
bottom: -170px;
right: -152px;
}
.rond-inr {
width: 100%;
height: 100%;
position: absolute;
left: 0;
padding-left: 50px;
padding-top: 50px;
}
.img-rond{
position: absolute;
background-color: #09131d;
border-radius: 50%;
border: #1a242d solid 1px;
text-align: center;
display: block;
z-index: 1;
}
.rond-inr .img-rond img {
filter: brightness(0) invert(1);
}
.rond-inr .img-rond:hover img {
filter: brightness(1) invert(0);
}
.rond-inr1 .img-rond:hover {
border-color:#30a8ff;
}
.rond-inr1 .img-rond1:hover{
border-color:#f70063;
}
.rond-inr2 .img-rond:hover{
border-color:#ff9a00;
}
.rond-inr2 .img-rond2:hover{
border-color:#7425ee;
}
.rond-inr3 .img-rond:hover{
border-color:#f24e1e;
}
.rond-inr4 .img-rond:hover{
border-color:#5faa44;
}
.rond-inr1 .img-rond {
left: 3%;
top: 43%;
width: 100px;
height: 100px;
line-height: 94px;
-webkit-animation: rondone 1s infinite linear;
animation: rondone 1s infinite linear;
}
.rond-inr1 .img-rond1 {
left: 43%;
top: 8px;
width: 90px;
height: 90px;
line-height: 81px;
-webkit-animation: rondone1 1s infinite linear;
animation: rondone1 1s infinite linear;
}
.rond-inr2 .img-rond {
left: 26%;
top: 28%;
width: 90px;
height: 90px;
line-height: 81px;
-webkit-animation: rondone2 2s infinite linear;
animation: rondone2 2s infinite linear;
}
.rond-inr2 .img-rond2 {
left: 62%;
top: 21%;
width: 80px;
height: 80px;
line-height: 73px;
-webkit-animation: rondone 1s infinite linear;
animation: rondone 1s infinite linear;
}
.rond-inr3 .img-rond {
left: 48%;
top: 34%;
width: 80px;
height: 80px;
line-height: 76px;
-webkit-animation: rondone3 2s infinite linear;
animation: rondone3 2s infinite linear;
}
.rond-inr4 .img-rond4 {
left: 56%;
top: 55%;
width: 75px;
height: 75px;
line-height: 71px;
-webkit-animation: rondone3 3s infinite linear;
animation: rondone3 3s infinite linear;
}
@keyframes rondone {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(10px);
}
100% {
transform: translateX(0px);
}
}
@keyframes rondone1 {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(0px);
}
}
@keyframes rondone2 {
0% {
transform: translateY(0px);
}
50% {
transform: translateX(10px);
}
70% {
transform: translateY(10px);
}
90% {
transform: translateY(0px);
}
100% {
transform: translateX(0px);
}
}
@keyframes rondone3 {
0% {
transform: translateY(0px);
}
50% {
transform: translateX(-10px);
}
70% {
transform: translateY(-10px);
}
90% {
transform: translateY(0px);
}
100% {
transform: translateX(0px);
}
}
.pad-tp-botm100{
padding-top:100px;
padding-bottom:100px;
}
.pad-tp70{
padding-top:70px;
}
.pad-botm70{
padding-bottom:70px;
}
.pad-botm60{
padding-bottom:60px;
}
.pad-botm30{
padding-bottom:30px;
}
.unco-deltxt p {
font-size: 48px;
color: #fff;
line-height: 54px;
font-weight: 200;
margin: 0;
}
.del-unctxt2 p {
font-size: 16px;
color: #fff;
line-height: 27px;
font-weight: 200;
}
.bul-res-main {
position:relative;
overflow:hidden;
}
.bul-res-main:before {
background-image: linear-gradient(to right, #101b28, #050f18);
content: "";
width: 100%;
height: 80%;
top: 10%;
position: absolute;
left: 0;
}
.res-txt1 {
padding-top: 0;
padding-bottom: 0;
padding-left: 15%;
position: relative;
}
.res-txt1 p {
font-size: 49px;
color: #fff;
line-height: 57px;
font-weight: 300;
margin-bottom: 0;
}
.res-img01 {
margin-right: -150px;
margin-bottom: 0px;
margin-top: 20px;
margin-left: -50px;
position: relative;
}
.all-webdesg-main {
padding-top: 70px;
padding-bottom: 80px;
}
.stun-img-ryt {
padding-left: 0;
padding-right: 0;
}
.stun-img1 img {
display: block;
margin-left: 50px;
transform: scale(1.2);
transform-origin: top right;
margin-top: 40px;
}
.stun-rwo {
overflow: hidden;
border: #1a242d solid 1px;
border-radius: 10px;
}
.all-exp-web {
max-width: 900px;
margin: 0 auto;
}
.all-txt01 {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 70px 30px 30px;
text-align: center;
}
.al-txt1 p {
font-size: 32px;
color: #fff;
font-weight: 600;
margin: 0;
line-height: 36px;
}
.al-txt1 .al-ligt-txt {
font-weight: 200;
}
.all-in-slider.owl-carousel .owl-item img {
width: auto;
}
.all-in-slider.owl-carousel .owl-item img{
margin:25px auto 0;
}
.all-in-slider.owl-theme .owl-dots .owl-dot span{
background:#213040;
position:relative;
}
.all-in-slider.owl-theme .owl-dots .owl-dot.active span:before,
.all-in-slider.owl-theme .owl-dots .owl-dot:hover span:before {
content: "";
background-color: transparent;
width: 18px;
height: 18px;
position: absolute;
top: -4px;
left: -4px;
border: #2ca8d9 solid 1px;
border-radius: 50px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #2ca8d9;
}
.prj-txt1 {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
margin-bottom: 25px;
padding: 71px 30px;
}
.prj-txt1 .counter-count {
font-size: 80px;
color: #fff;
font-weight: 700;
line-height: 66px;
}
.prj-txt1 .counter-count:after {
content: "+";
}
.prj-txt1 .coun-txt {
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 36px;
margin: 0;
}
.exp-txt {
background-color: #2ca8d9;
border: #2ca8d9 solid 1px;
border-radius: 10px;
padding:80px 30px;
}
.exp-txt .expimg1 {
display: inline-block;
width: 35%;
}
.exp-txt .expryt-txt {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
width: 63%;
}
.expryt-txt .exptxt1 {
font-size: 18px;
color: #fff;
border: #fff solid 1px;
display: inline-block;
padding: 4px 14px;
border-radius: 50px;
font-weight: 200;
}
.expryt-txt .exptxt2 {
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 34px;
}
.expryt-txt .exptxt3 {
font-size: 17px;
color: #fff;
margin: 0;
font-weight: 200;
}
.webdes-tab {
padding-left: 7.2%;
padding-top: 60px;
position: relative;
z-index: 1;
padding-bottom: 60px;
}
.webdes-tab .nav-pills{
width: 43%;
}
.webdes-tab .tab-content {
width: 59%;
margin-right: -10px;
padding-left: 50px;
}
.webdes-tab .nav-pills .nav-link {
text-align: left;
margin-bottom: 15px;
padding: 20px 20px 20px 20px;
border-radius: 10px 10px 0 0;
border: transparent solid 1px;
position: relative;
overflow: hidden;
background: none;
}
.webdes-tab .nav-pills .nav-link.active:after{
content: '';
display: block;
position: absolute;
height: 2px;
width: 200px;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgb(0 0 0 / 0%) 0%, #2e5690 75%, #70c7f3 100%);
animation: droptab 7s 0s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
border-radius: 50%;
}
@keyframes droptab {
0% {
left: -30%;
}
100% {
left: 110%;
}
}
.webdes-tab .nav-pills .nav-link img {
position: absolute;
left: 20px;
top: 23px;
opacity: .5;
display:none;
}
.webdes-tab .nav-pills .nav-link.active img{
opacity: 1;
}
.webdes-tab .nav-pills .nav-link p {
color: #fff;
font-size: 22px;
font-weight: 500;
line-height: 29px;
opacity: .5;
margin: 0;
}
.webdes-tab .nav-pills .nav-link.active p{
opacity: 1;
}
.webdes-tab .nav-pills .nav-link span {
font-size: 16px;
font-weight: 200;
color: #fff;
display: block;
opacity: .6;
height: 0;
visibility: hidden;
}
.webdes-tab .nav-pills .nav-link.active span {
height: 100%;
margin-top:10px;
visibility: visible;
}
.webdes-tab .nav-pills .nav-link.active,
.webdes-tab .nav-pills .show>.nav-link {
background: #08121c;
border-color: #17222b;
}
.flxro {
display: flex;
padding: 0;
float: left;
}
.com-box-clr {
background-color: #09131d;
padding: 10px;
border-radius: 10px;
border: #1a242d solid 1px;
text-align: center;
position: relative;
overflow: hidden;
}
.web01-box-main {
margin-top: 50px;
padding-bottom: 50px;
display: block;
float: left;
}
.box1-txt {
margin-right: 4px;
margin-bottom: 8px;
padding: 27px 10px;
}
.box1-txt ul li {
margin-bottom: 0;
line-height: 35px;
opacity: 1;
transform: translateX(0px) translateY(0px) scaleX(1) scaleY(1) rotate(0deg) skewX(0deg) skewY(0deg);
transition: all 0.3s ease-in-out 0s, visibility 0s;
}
.box1-txt ul:hover li{
opacity: 1;
transform: translateX(0px) translateY(0px) scaleX(0.5) scaleY(0.5) rotate(0deg) skewX(0deg) skewY(0deg);
}
.box1-txt ul li.box1addli{
transform: translateX(0px) translateY(0px) scaleX(1.5) scaleY(1.5) rotate(0deg) skewX(0deg) skewY(0deg);
}
.box1-txt ul li a {
color: #fff;
font-size: 25px;
font-weight: 600;
display: block;
}
.box2-img.com-box-clr {
padding: 39px 25px 0 0;
margin-left: 4px;
margin-bottom: 8px;
max-height: 231px;
padding:73px 25px 0 0;
}
.box2-img img {
transform: scale(1.4);
transform-origin: left bottom;
}
.box3-img img {
mix-blend-mode: exclusion;
transform: translateY(-16px);
transition: all 0.3s ease-in-out 0s;
}
.box3-img:hover img {
transform: translateY(0px);
}
.box3-img.com-box-clr {
padding: 0;
}
.box3-img {
max-height: 118px;
margin-right: 4px;
margin-bottom: 8px;
}
.box4-txt svg {
fill: #fff;
width: 30px;
height: 30px;
transform: rotate(-90deg);
position: absolute;
right: 20px;
top: 16px;
opacity:0;
transition: all 0.3s ease-in-out 0s;
}
.box4-txt.com-box-clr {
padding: 37px 10px;
margin-left: 4px;
margin-bottom: 8px;
}
.box4-txt h2 {
margin: 0;
line-height: 42px;
}
.box4-txt a {
font-size: 58px;
margin: 0;
font-weight: 800;
color: #fff;
transition: all 0.3s ease-in-out 0s;
}
.box4-txt a p{
transition: all 0.3s ease-in-out 0s;
margin: 0;
}
.box4-txt a:hover svg{
opacity:1;
}
.box4-txt a:hover p{
transform:rotate(-5deg);
}
.box5-txt {
padding: 30px;
text-align: left;
min-height: 180px;
margin-right: 4px;
}
.box5-txt p {
color: #fff;
font-size: 16px;
font-weight: 200;
margin: 0;
}
.box6-img.com-box-clr {
padding: 0;
height: 180px;
margin-left: 4px;
transition: all 0.3s ease-in-out 0s;
}
.box6-img img {
mix-blend-mode: exclusion;
height: 180px;
position:absolute;
left:0;
top:0;
transform: scale(1.2);
transition: all 0.3s ease-in-out 0s;
}
.box6-img img.hovr-img2 {
opacity:0;
}
.box6-img:hover img.hovr-img2{
opacity:1;
}
.box6-img:hover img.hovr-img1{
opacity:0;
}
.box7-txt.com-box-clr {
padding: 0;
margin-bottom: 8px;
margin-left: 8px;
}
.box7-txt img{
mix-blend-mode: exclusion;
}
.hovrimgsimp {
display: none;
}
.box7-txt:hover .hovrimgsimp{
display: block;
}
.box7-txt:hover .simpimg{
display: none;
}
.box8-img {
padding: 0px 15px 0 0;
margin-left: 8px;
margin-bottom: 8px;
max-height: 185px;
}
.box8-img img {
transform: rotate(90deg);
}
.box9-txt.com-box-clr {
padding: 12px 10px;
margin-left: 8px;
margin-bottom: 8px;
}
.box9-txt h2 {
margin: 0;
line-height: 42px;
}
.box9-txt a {
font-size: 20px;
margin: 0;
font-weight: 700;
color: #fff;
transition: all 0.3s ease-in-out 0s;
text-transform: uppercase;
}
.box9-txt a p{
transition: all 0.3s ease-in-out 0s;
margin: 0;
}
.box9-txt svg {
fill: #fff;
width: 20px;
height: 20px;
transform: rotate(-90deg);
position: absolute;
right: 20px;
top: 16px;
opacity:0;
transition: all 0.3s ease-in-out 0s;
}
.box9-txt a:hover svg{
opacity:1;
}
.box9-txt a:hover p{
transform:rotate(-5deg);
}
.bx10txt p {
font-size: 20px;
margin: 0;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.box10-txt {
margin-left: 8px;
margin-bottom: 8px;
padding: 10px;
}
.webhlp {
max-width: 100px;
border-radius: 15px;
margin: 5px auto 0;
position: relative;
z-index: 9;
transition: .9s;
margin-right: 1px;
position: absolute;
left: 60.7%;
transform: translate(-50%);
}
.webhlp:before {
content: "";
width: 43px;
height: 90px;
border: #22aed1 solid 1px;
position: absolute;
left: -4px;
top: -13px;
border-radius: 50px;
}
.webhlp img {
position: relative;
padding-left: 5px;
}
.sec-div1 {
width: 45%;
height: 123%;
border: #0d1822 solid 1px;
position: absolute;
left: 50%;
top: -16px;
border-radius: 70px;
transform: translate(-50%);
animation: sec-bordiv01 1s linear .4s infinite;
}
.sec-div2 {
width: 35%;
height: 100%;
border: #0f1a25 solid 1px;
animation: sec-bordiv1 1s linear .2s infinite;
position: absolute;
left: 50%;
top: 2px;
border-radius: 50px;
transform: translate(-50%);
}
.sec-div3 {
width: 24%;
height: 80%;
border: #101c27 solid 1px;
position: absolute;
left: 50%;
top: 12%;
border-radius: 50px;
animation: sec-bordiv1 1s linear infinite;
transform: translateX(-50%);
}
.webs-mn {
position: relative;
padding: 40px;
margin-bottom: 30px;
margin-top: 30px;
width: 295px;
height: 149px;
}
@keyframes sec-bordiv1 {
0%{
border-color: #ffffff7a;
}
100% {
border-color:#0d1822;
}
}
@keyframes sec-bordiv01 {
0%{
border-color: #ffffff6b;
}
100% {
border-color:#0d1822;
}
}
.doodle01 {
position: absolute;
left: 0;
top: 0;
opacity: .6;
}
.banner-main-inner.webdesign-banner {
background: none;
}
.webdesign-banner .webline{
background-color:transparent;
}
.webdes-tab .tab-content .tab-pane {
margin-right: -300px;
}
/**webdesign new**/
/***case study inner****/
.cass-innr {
padding: 30px;
background: #fdedee;
min-height: 400px;
}
.chl-solutxt h3 {
color: #000;
font-size: 35px;
font-weight: 700;
line-height: 34px;
margin: 0 0 12px 0;
}
.cass-innr p {
color: #000;
font-size: 16px;
font-weight: 300;
margin-bottom:0;
line-height: 26px;
}
.cass-innr.bg-e6f0fa {
background: #e6f0fa;
}
.msk-edtmncse .inr-mskedt {
padding-top: 25px;
}
.msk-edtmncse .inr-mskedt span {
padding-top: 0;
}
.msk-edtmncse .inr-divtxt {
margin-top: 2px;
}
.msk-edtmncse .inr-mskedt p.cseurl {
font-size: 15px;
text-transform: none;
}
.grp-imgcse img {
border: #2ca8d9 solid 3px;
border-radius: 33px;
}
.csesdy-tblsde {
border: #1a242d solid 1px;
padding: 0;
border-radius: 15px;
overflow: hidden;
background-color: #102234;
}
.tblsdeseo {
padding: 20px;
}
.inr-mskedt .cseurl {
font-size: 20px;
text-transform: none;
}
table.table {
margin-bottom: 0;
}
.port-seo-text .table thead th {
font-weight: 700;
letter-spacing: 0.5px;
color: #ffffff;
font-size: 16px;
font-family: 'Inter';
padding: 10px;
border-bottom-color: #1b324a;
}
.port-seo-text .table tbody tr {
border-bottom: 1px solid #1b324a;
}
.port-seo-text .table thead th:nth-child(1) {
text-align: left;
}
.port-seo-text .table tbody td:nth-child(1) {
text-align: left;
}
.port-seo-text .table tbody td {
font-size: 15px;
color: #859baf;
padding: 10px;
}
/***case study inner****/
/***web development***/
.banner-shadow-remove{
background:none;
}
/* .card-bnr {
width: 25%;
} */
.card-bnr {
width: 25%;
padding:0;
/* transform: scale(1.4); */
-webkit-transform: perspective(900px);
-webkit-transform-style: preserve-3d;
}
/* .card-col .slick-slide {
perspective: 1000px;
} */
.card-log-col {
transform-style: preserve-3d;
/* transform: rotateX(54deg) scale(.9); */
padding: 10px;
}
.cardupr-row {
position: relative;
overflow: hidden;
margin-top: -34px;
margin-bottom: -80px;
background: #010b15;
box-shadow: #010b15 0px -50px 50px 0px;
}
.cardupr-row:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 40px;
box-shadow: inset #010b15 0px 160px 70px -20px;
left: 0;
z-index: 1;
}
.cardupr-row:after {
content: "";
width: 100%;
height: 300px;
position: absolute;
bottom: 75px;
box-shadow: inset #010b15 0px -130px 70px -10px;
left: 0;
z-index: 1;
}
.webdev-aftr-remove:after{
display:none;
}
.card-log-col img {
background-color: #1b1b1b;
background-image: none;
border: 3px solid #2ca8d9;
border-radius: 14px;
width: 97%;
max-height:155px;
box-shadow: inset 0 -10px rgba(255, 250, 250, .1), 0 2px 15px rgb(45 168 217 / 50%);
}
.card-col{
margin-top:-50px;
}
.card-col.card-col1 {
/* transform: rotate(8deg) skew(-11deg, -8deg);
transform: translate3d(0px, .625%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(-21deg, 0deg); */
/* transform: perspective(750px) translate3d(0px, 0px, -250px) rotateX(27deg); */
transform-style: preserve-3d;
will-change: transform;
transform: rotatex(45deg) translatey(0) translatez(-4px) skew(-15deg, 0deg);
}
.card-col.card-col2 {
/* transform: rotate(9deg) skew(2deg, -9deg);
transform: translate3d(0px, 0.625%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(-7deg, 0deg); */
/* transform: perspective(750px) translate3d(0px, 0px, -250px) rotateX(27deg); */
transform-style: preserve-3d;
will-change: transform;
transform: rotatex(45deg) translatey(0) translatez(-4px);
}
.card-col.card-col3 {
/* transform: rotate(7deg) skew(13deg, -7deg);
transform: translate3d(0px, 2.625%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(11deg, 0deg); */
/* transform: perspective(750px) translate3d(0px, 0px, -250px) rotateX(27deg); */
transform-style: preserve-3d;
will-change: transform;
transform: rotatex(45deg) translatey(0) translatez(-4px) skew(15deg, -2deg);
}
.card-col.card-col4 {
/* transform: rotate(-7deg) skew(8deg, 8deg);
transform: translate3d(0px, 0.625%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(23deg, 0deg); */
/* transform: perspective(750px) translate3d(0px, 0px, -250px) rotateX(27deg); */
transform-style: preserve-3d;
will-change: transform;
transform:rotatex(45deg) translatey(0) translatez(-4px) skew(29deg, -2deg);
}
.devebmr-txt p {
display: block;
color: #fff;
font-weight: 200;
font-size: 22px;
line-height: 26px;
padding-top: 15px;
}
.ebmr-txt.devtxt-szebmr h3 {
font-size: 36px;
line-height: 49px;
}
.wel-str-min {
padding: 40px 30px;
min-height: 570px;
border-left: #1a242d solid 1px;
}
.wel-strtxt1 p {
font-size: 29px;
color: #fff;
font-weight: 600;
line-height: 38px;
margin-bottom: 15px;
max-width: 300px;
}
.wel-strtxt2 p {
font-size: 16px;
color: #fff;
font-weight: 200;
margin-bottom: 155px;
max-width: 330px;
}
.wel-strimg {
margin-bottom: 45px;
}
.wel-stra-main {
border-top: #1a242d solid 1px;
border-bottom: #1a242d solid 1px;
}
.dev-servtxt span {
font-size: 17px;
color: #fff;
font-weight: 200;
margin-bottom: 45px;
display: block;
transition:2s;
}
.dev-servtxt:hover span {
margin-bottom: 20px;
}
.dev-servtxt h6 {
font-size: 27px;
color: #fff;
font-weight: 600;
max-width: 280px;
line-height: 35px;
margin-bottom: 135px;
transition:.5s;
}
.dev-servtxt:hover h6{
margin-bottom: 220px;
}
.dev-servtxt p {
font-size: 16px;
color: #fff;
margin: 0;
font-weight: 200;
}
.dev-servtxt {
padding-top: 100px;
padding-bottom: 100px;
padding-left: 30px;
padding-right: 30px;
min-height: 570px;
border-right: #1a242d solid 1px;
position: relative;
overflow: hidden;
backdrop-filter:blur(12px);
z-index: 1;
transition:.5s;
}
.dev-servtxt:hover{
padding-top: 44px;
padding-bottom: 44px;
}
.vid-outrdev {
opacity: 0;
transition: .1s;
background-image: radial-gradient(circle farthest-side at 100% 100%, #010b15, #010b15);
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.service-webdev .item:hover .vid-outrdev {
filter: blur(10px);
opacity: 1;
backdrop-filter: blur(10px);
}
.devwebvid {
mix-blend-mode: screen;
width: 160%;
position: absolute;
bottom: -36%;
height: 100%;
}
.service-webdev .item {
overflow: hidden;
}
.wel-stra-main{
margin-top:50px;
}
.scroll-box-main {
position: relative;
width: 100%;
min-height: 100vh;
padding: 0;
background: url("../img/dev-img2.png") center center repeat;
}
.scrolbx-hldr {
position: relative;
width: 100%;
}
.stickyboxsec {
position: sticky;
top: 0;
height: 100vh;
width: 100%;
padding: 0;
overflow-x: hidden;
}
.scrolhori {
position: absolute;
height: 100%;
will-change: transform;
}
.scrolcards {
position: relative;
height: 100%;
padding: 0 0 0 18%;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.scrlboxoutr {
position: relative;
height: 300px;
max-width: 430px;
margin-right: 75px;
flex-shrink: 0;
border-radius: 10px;
border: #1a242d solid 1px;
padding: 40px 40px 60px;
width: 430px;
align-items: center;
display: flex;
/* background:#09131d url("../img/dev-img2.png") center center no-repeat; */
background:#09131d;
background-size:contain;
}
.scrlboxoutr:nth-child(even) {
transform: translateY(45px);
}
.scrltxtinr span {
font-size: 20px;
color: #fff;
font-weight: 200;
display: block;
margin-bottom: 4px;
}
.scrlinrtxt1 p {
font-size: 40px;
color: #fff;
font-weight: 600;
margin-bottom: 25px;
line-height: 47px;
}
.scrlinrtxt2 p {
font-size: 15px;
color: #fff;
margin: 0;
font-weight: 100;
line-height: 25px;
}
.text-probig {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 30%;
}
.text-probig p {
font-size: 250px;
color: #2ca8d9;
margin: 0;
font-weight: 600;
line-height: 290px;
-webkit-text-fill-color: #000b15;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #2ca8d9;
}
.mul-venmainrow {
position: relative;
z-index: 1;
padding-top: 60px;
max-width: 1050px;
margin:0 auto;
}
.esy-muloutr {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 13px;
padding: 35px 35px 35px 35px;
overflow: hidden;
position: relative;
}
.esymultxt1 p {
font-size: 32px;
color: #fff;
font-weight: 600;
line-height: 40px;
margin-bottom: 20px;
}
.esymultxt2 p {
font-size: 16px;
color: #fff;
margin: 0;
font-weight: 200;
padding-right: 5px;
line-height: 26px;
margin-bottom: 15px;
}
.esymultxt2 p:last-child{
margin-bottom: 0px;
}
.esymulimg {
padding-top: 40px;
text-align: center;
}
.esy-muloutr-revs .esymulimg{
padding-top: 0px;
padding-bottom: 40px;
}
.mul-venfulrow {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 13px;
padding: 100px 35px;
overflow: hidden;
position: relative;
margin: 0;
align-items: center;
}
.mul-venfulrow .esymulimg {
padding-top: 0px;
}
.mul-venfulrow.pdlow {
padding: 30px 35px;
}
/* .mul-venfulrow .esymulimg img {
transform: scale(1.2);
} */
.mul-venrowpd {
margin-top: 25px;
max-width: 1030px;
margin: 25px auto 0;
}
.colb-txt1 p {
color: #fff;
font-size: 36px;
font-weight: 700;
line-height: 40px;
margin: 0;
}
.colb-txt12 p {
font-size: 16px;
color: #fff;
margin: 0 0 25px 0;
font-weight: 200;
}
.pad-botm100 {
padding-bottom: 100px;
}
.colb-main {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
overflow:hidden;
}
.circle-colb {
width: 1000px;
height: 1000px;
position: absolute;
right: -22%;
top: 50px;
border-radius: 50%;
max-width: 100%;
padding:0;
}
.circle-colb img{
animation:animate-light1 5s linear infinite;
}
@keyframes animate-light1
{
0%
{
transform:rotate(0deg);
}
100%
{
transform:rotate(360deg);
}
}
/*
.rw-tst{
position:relative;
}
.circle-colb01 {
width: 1000px;
height: 1000px;
position: absolute;
left: -23%;
bottom: 0px;
padding:0;
border-radius: 50%;
max-width: 100%;
animation: animate-light2 5s linear infinite;
}
@keyframes animate-light2
{
0%
{
transform:rotate(0deg);
}
100%
{
transform:rotate(360deg);
}
} */
/* .circle-colb:after{
content:"";
display: block;
position: absolute;
height: 2px;
width: 200px;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgb(0 0 0 / 0%) 0%, #2e5690 75%, #70c7f3 100%);
border-radius: 50%;
} */
.colb-img1 {
position: relative;
}
.colb-pdtp {
padding-top: 90px;
}
.cob01-img {
margin-left: -85px;
}
.cob01-txt {
padding-left: 60px;
position: relative;
margin-bottom:30px;
}
.cob01-txt p {
color: #fff;
font-size: 36px;
font-weight: 700;
line-height: 40px;
margin: 0 0 0 0;
max-width: 350px;
}
.cob02-txt p {
font-size: 16px;
color: #fff;
margin: 0 0 25px 0;
font-weight: 200;
line-height: 26px;
}
.cob02-txt {
padding-left: 160px;
max-width: 600px;
position: relative;
}
.inno-txt1 p {
font-size: 69px;
font-weight: 700;
line-height: 77px;
margin: 0;
color: #fff;
}
.inno-txt1 span {
font-style: normal;
color: #2ca8d9;
font-family: gallient;
font-weight: 300;
line-height: 73px;
font-size: 74px;
}
.inno-txt2 p {
font-size: 69px;
font-weight: 700;
line-height: 68px;
margin: 0;
color: #fff;
}
.inno-txt3 {
max-width: 970px;
margin: 19px auto;
}
.inno-txt3 p {
font-size: 16px;
color: #fff;
margin: 0 0 25px 0;
font-weight: 200;
line-height: 26px;
}
.log-web {
background-color: #fff;
width: 110px;
height: 110px;
border-radius: 50%;
line-height: 94px;
text-align: center;
border: #09131d solid 8px;
box-shadow: #18232c 0 0 4px;
}
.inno-main {
position: relative;
margin-top: 30px;
margin-bottom: 20px;
}
.log-web {
position: absolute;
left: 50%;
top: -40px;
}
.log-web2 {
left: 30px;
top: 12%;
}
.log-web3 {
top: auto;
bottom: 12%;
left: 6%;
}
.log-web4 {
right: 8%;
left: auto;
bottom: 30%;
top: auto;
}
.log-web5 {
bottom: 10%;
top: auto;
left: 66%;
}
/***web development***/
/**logodesign***/
.log-aniimg1, .log-aniimg2 {
position: absolute;
left: 0;
width: 100%;
text-align: center;
opacity:.6;
animation: log-bnrron 5s linear infinite reverse;
}
.log-aniimg2{
animation: log-bnrron 5s linear infinite;
}
@keyframes log-bnrron{
0%
{
transform:rotate(0deg);
}
25%
{
transform:rotate(-2deg);
}
50%
{
transform:rotate(0deg);
}
75%
{
transform:rotate(2deg);
}
100%
{
transform:rotate(0deg);
}
}
.scroll-bxlog {
position: relative;
width: 100%;
min-height: 100vh;
padding: 0;
margin-top:50px;
}
.scrolbx-hldrlog {
position: relative;
width: 100%;
}
.stickyboxseclog {
position: sticky;
top: 0;
height: 100vh;
width: 100%;
padding: 0;
overflow-x: hidden;
}
.scrolhorilog {
position: absolute;
height: 100%;
will-change: transform;
}
.scrolcardslog {
position: relative;
height: 100%;
margin: 0 0 0 30%;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.scrlboxoutrlog {
position: relative;
margin-right: 175px;
flex-shrink: 0;
width: 350px;
align-items: center;
}
.scrlboxoutrlog:before {
content: "";
width: 190%;
height: 1px;
background-color: #2b2b2b;
left: 0;
top: 34px;
position: absolute;
}
.scrlboxoutrlog:last-child:before{
display:none;
}
.scrltxtinrlog span {
font-size: 16px;
color: #fff;
font-weight: 300;
display: block;
margin-bottom: 50px;
}
.scrlinrtxtlog1 p {
font-size: 46px;
color: #fff;
font-weight: 600;
margin-bottom: 25px;
line-height: 58px;
}
.scrlinrtxtlog2 p {
font-size: 15px;
color: #fff;
margin: 0;
font-weight: 100;
line-height: 25px;
padding-right: 6px;
}
.scrlinrtxtlog1 img {
margin-bottom: 50px;
max-height: 310px;
}
.scrlboxoutrlog:last-child .scrlinrtxtlog1 img {
margin-bottom: 20px;
max-height: 345px;
}
.text-probglog {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 40%;
}
.text-probglog p {
font-size: 250px;
color: #000000;
margin: 0;
font-weight: 600;
line-height: 290px;
-webkit-text-fill-color: #010b1500;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #ffffff61;
opacity: .1;
}
.txt-lok {
text-align: right;
padding-top:50px;
}
.txt-lok p {
font-size: 54px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.logboth1{
margin-right:-10px;
}
.logboth1.logboth2{
margin-right:0;
margin-left:-10px;
}
.log-port-main {
padding-top: 70px;
padding-bottom: 70px;
}
.tshit-sec {
padding: 10px;
text-align: center;
}
.tshit-sec img{
animation: swing-tshit 3s infinite linear;
transform-origin: center -20px;
}
@keyframes swing-tshit {
0% { transform: rotate(0deg); }
25% { transform: rotate(2deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-2deg); }
100% { transform: rotate(0deg); }
}
.log-pottxt1 {
padding: 70px 20px 15px;
}
.log-pottxt1 p {
font-size: 56px;
color: #fff;
font-weight: 700;
line-height: 60px;
margin: 0;
}
.box-pen {
background: #09131d;
min-height: 220px;
border: #070605 solid 1px;
border-radius: 10px;
margin: 10px 0;
padding: 10px;
text-align: center;
max-width: 100%;
float: right;
width: 270px;
overflow: hidden;
}
.box-pen img {
transform: scale(1.2);
}
.log-potimg1 {
text-align: center;
padding: 60px 0;
}
.log-potimg1 img {
max-height: 160px;
transform: rotate(-14deg);
}
.left-inrbtm {
border-top: #1a242d solid 1px;
}
.leftoutr-mnlogoport {
border: #1a242d solid 1px;
}
.botm-sec-portlog {
border: #1a242d solid 1px;
margin-top: -1px;
}
.join-logoutr {
padding: 30px;
background: #09131d;
min-height: 220px;
border: #1a242d solid 1px;
border-radius: 10px;
margin: 10px 0;
}
.log-jointxt p {
font-size: 30px;
color: #fff;
line-height: 38px;
font-weight: 300;
}
.grid-item-logo {
position: relative;
width: 25%;
opacity: 0;
flex: 0 0 auto;
margin-bottom: 0;
}
.grid-content-logo {
flex-wrap: wrap;
display: flex;
}
.bnr-big-logo {
text-align: left;
margin: 0 auto 30px;
max-width: 830px;
}
.bnr-big-logo p {
font-size: 90px;
font-style: normal;
font-weight: 700;
line-height: 92px;
display: inline-block;
margin: 0;
color: #fff;
}
.bnr-big-logo p:last-child {
padding-left: 100px;
}
.bnr-big-logo span {
font-size: 100px;
font-style: normal;
font-family: gallient;
font-weight: 300;
line-height: 78px;
color: #2ca8d9;
}
.logo-banner {
padding-bottom: 170px;
margin-bottom: 0;
}
.logo-banner:before {
content: "";
width: 1px;
height: 100px;
position: absolute;
left: 50%;
bottom: 76px;
background-color: #2c3540;
z-index: 1;
}
.logo-banner:after {
bottom: -30px;
}
.postsquitxt svg {
position: absolute;
left: 0;
top: 0;
}
.postsquitxt {
animation: squiggly-anim 0.34s linear infinite;
}
.postsquitxt {
width: 100%;
padding-bottom: 45px;
}
@-moz-keyframes squiggly-anim {
0% {
filter: url("#squiggly-0");
}
25% {
filter: url("#squiggly-1");
}
50% {
filter: url("#squiggly-2");
}
75% {
filter: url("#squiggly-3");
}
100% {
filter: url("#squiggly-4");
}
}
@-webkit-keyframes squiggly-anim {
0% {
filter: url("#squiggly-0");
}
25% {
filter: url("#squiggly-1");
}
50% {
filter: url("#squiggly-2");
}
75% {
filter: url("#squiggly-3");
}
100% {
filter: url("#squiggly-4");
}
}
@-o-keyframes squiggly-anim {
0% {
filter: url("#squiggly-0");
}
25% {
filter: url("#squiggly-1");
}
50% {
filter: url("#squiggly-2");
}
75% {
filter: url("#squiggly-3");
}
100% {
filter: url("#squiggly-4");
}
}
@keyframes squiggly-anim {
0% {
filter: url("#squiggly-0");
}
25% {
filter: url("#squiggly-1");
}
50% {
filter: url("#squiggly-2");
}
75% {
filter: url("#squiggly-3");
}
100% {
filter: url("#squiggly-4");
}
}
/**logodesign***/
/***seo page***/
.seo-sld-main {
position: sticky;
}
.loc-seo-sld {
display: flex;
flex-wrap: nowrap;
}
.seo-loc-inr {
width: 33%;
background-color: #fff;
padding: 20px;
margin: 10px;
}
.cn-txt p {
font-size: 78px;
color: #fff;
font-weight: 700;
line-height: 75px;
}
.cn-txt2 p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
}
.busi-count span {
color: #a1a1a1;
font-size: 56px;
font-weight: 700;
}
.busi-count p {
font-size: 21px;
color: #fff;
font-weight: 500;
margin: 0;
}
.cn-txt3 {
max-width: 490px;
}
.cn-txt {
z-index: 1;
position: relative;
}
.cn-txt2 {
max-width: 630px;
}
.seo-busi-main {
padding-top: 100px;
padding-bottom: 90px;
position: relative;
overflow: hidden;
}
.wecan12 {
padding-bottom: 60px;
}
.wht-txt {
text-align: center;
}
.wht-txt p {
color: #fff;
font-size: 66px;
font-weight: 800;
margin: 0;
line-height: 81px;
}
.wht-txt img {
margin-bottom: -70px;
}
.key-seo-serch {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.key-seo-serch img{
animation: serch-seo1 5s infinite alternate;
}
@keyframes serch-seo1 {
0% {
transform: translate(0px);
}
25% {
transform: translate(80px , 10px);
}
50% {
transform: translate(90px , -15px);
}
75% {
transform: translate(70px);
}
100% {
transform: translate(0px , 10px);
}
}
.impo-txt {
padding-bottom: 20px;
}
.impo-txt p {
font-size: 18px;
color: #2ca8d9;
margin: 0;
}
.impo-txt1 p {
font-size: 65px;
color: #fff;
font-weight: 700;
line-height: 66px;
margin-bottom: 25px;
}
.impo-txt2 p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 24px;
margin-bottom: 0px;
}
.impo-txt {
padding-bottom: 15px;
padding-top: 70px;
}
.cob01-imgseo {
z-index: 1;
position: relative;
padding-top: 90px;
padding-right: 50px;
}
.wht-doinrmn {
position: relative;
z-index: 1;
}
.circle-colb2 {
width: 1000px;
height: 1000px;
position: absolute;
left: -22%;
top: 50px;
border-radius: 50%;
max-width: 100%;
padding:0;
}
.circle-colb2 img{
animation:animate-light2 7s linear infinite;
}
@keyframes animate-light2
{
0%
{
transform:rotate(0deg);
}
100%
{
transform:rotate(360deg);
}
}
.bfr-aftr {
padding-bottom: 100px;
margin-top: -170px;
z-index: 1;
position: relative;
}
#comparison {
width: 100%;
padding-bottom: 52%;
overflow: hidden;
position: relative;
border-radius: 13px;
}
#comparison figure {
position: absolute;
background-image: url("../img/aftr-seo.jpg");
background-size: cover;
font-size: 0;
width: 100%;
height: 100%;
margin: 0;
}
#divisor {
background-image: url("../img/bef-seo.jpg");
background-size: cover;
position: absolute;
width: 50%;
box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
bottom: 0;
height: 100%;
}
#divisor::before, #divisor::after {
content: '';
position: absolute;
right: -2px;
width: 4px;
height: calc(50% - 25px);
background: white;
z-index: 3;
}
#divisor::before {
top: 0;
box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, .3);
}
#divisor::after {
bottom: 0;
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .3);
}
#handle {
position: absolute;
height: 50px;
width: 50px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 1;
}
#handle::before,
#handle::after {
content: '';
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px;
}
#handle::before {
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
#handle::after {
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
#comparison input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
top: 50%;
left: -25px;
transform: translateY(-50%);
background-color: transparent;
width: calc(100% + 50px);
z-index: 2;
}
#comparison input[type=range]:focus, input[type=range]:active {
border: none;
outline: none;
}
#comparison input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 50px;
width: 50px;
border-radius: 50%;
background: transparent;
border: 4px solid #fff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
}
#comparison input[type=range]::-moz-range-track {
-moz-appearance: none;
height: 15px;
width: 100%;
background-color: transparent;
position: relative;
outline: none;
}
.seobnr-img {
text-align: center;
margin-top: -177px;
margin-bottom: -310px;
}
.bnrimgseo {
width: 756px;
height: 756px;
margin: 0 auto;
position: relative;
max-width: 100%;
max-height: 100%;
}
.bnr-imgseo {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
}
.bnr-imgseo img {
max-width: 100%;
}
.bnr-seoimg1 img {
animation:animateseo-light1 5s linear infinite;
}
.bnr-seoimg2 img{
animation:animateseo-light1 20s linear infinite;
}
.bnr-seoimg3 img{
animation:animateseo-light1 30s linear infinite reverse;
}
@keyframes animateseo-light1
{
0%
{
transform:rotate(0deg);
}
100%
{
transform:rotate(360deg);
}
}
.banner-seo-inner {
margin-bottom: 0px;
}
.wht-link-img {
margin-bottom: -203px;
}
.wht-link-img img{
animation:animateseo-light1 30s linear infinite reverse;
}
.service-main {
overflow: hidden;
background-size: cover;
padding-top: 100px;
padding-bottom: 50px;
}
.serv_slider a {
pointer-events: none;
}
.serv_slider {
position: relative;
width: 880px;
flex-shrink: 0;
margin-right: 75px;
}
.owl-carousel .owl-item .serv_slider img {
width: auto;
}
.serv-txt-owl h2,
.serv-txt-owl h3,
.serv-txt-owl h4,
.serv-txt-owl h5 {
line-height: 62px;
font-size: 62px;
margin: 0;
margin-left: -220px;
color: #fff;
font-weight: 800;
}
.serv-sld_car.owl-carousel .owl-stage-outer {
overflow: unset;
}
.serv-sld_car .owl-stage {
left: -30%;
}
.serv-txt-owl {
float: left;
width: 28%;
vertical-align: top;
margin-top: 60px;
transition: 0.35s ease;
}
.serv_img {
float: left;
width: 72%;
}
.serv-txt-owl p {
font-size: 16px;
color: #fff;
margin-left: -130px;
line-height: 24px;
margin-top: 30px;
margin-right: 0;
font-weight: 300;
}
.serv_slider:hover .serv-txt-owl {
margin-top: 50px;
}
.serv-sld_car.owl-theme .owl-dots .owl-dot.active span,
.serv-sld_car.owl-theme .owl-dots .owl-dot:hover span {
background-color: #2ca8d9;
}
.serv-sld_car.owl-theme .owl-dots .owl-dot:focus {
outline: 0;
}
.serv-sld_car.owl-theme .owl-dots {
margin-top: 40px !important;
}
.ele-loc1 p {
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 76px;
display: inline-block;
margin: 0;
color: #fff;
}
.ele-loc1 span {
font-style: normal;
font-family: gallient;
font-weight: 300;
color: #2ca8d9;
}
.ele-loc2 p {
font-size: 40px;
color: #fff;
font-weight: 400;
margin: 0;
}
.ele-loc2 {
margin: 20px 0;
}
.ele-loc3 {
max-width: 970px;
margin: 0 auto;
}
.ele-loc3 p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 26px;
margin-bottom: 30px;
}
.smooth-scroll {
position: relative;
}
.scrolcards.seosertvind {
padding-left: 8%;
}
/***seo page***/
/***ppc****/
.bnr-ppcbig p {
font-size: 86px;
color: #fff;
font-weight: 800;
line-height: 86px;
}
.bnr-ppcbig span {
color: #ffffff00;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #fff;
font-size: 86px;
line-height: 86px;
display: block;
font-weight: 800;
}
.bnt-txtppc p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 24px;
}
.banner-ppc-inner {
padding-bottom: 200px;
}
.txt-bntppc {
max-width: 500px;
position: relative;
padding-top: 57px;
padding-left: 70px;
}
.txt-bntppc:before {
content: "";
width: 250px;
height: 250px;
background-color: #0c1721;
left: 0;
top: 0;
position: absolute;
border-radius: 50%;
}
.txt-bntppc:after {
content: "";
background: url(../img/arrow-down.png) left top no-repeat;
background-size: contain;
width: 80px;
height: 80px;
position: absolute;
left: -50px;
top: -40px;
transform: rotate(180deg);
}
.bnt-txtppc {
z-index: 1;
position: relative;
}
.bnr-ppcbig {
padding-bottom: 80px;
padding-left: 5%;
}
.banner-ppc-inner {
padding-bottom: 150px;
background: url(../img/ppc-bnr1.png) center center no-repeat;
background-size: 680px;
}
.ppc-bnrtxtpush {
padding-left: 57%;
}
.banner-main-inner.banner-ppc-inner:after{
display:none;
}
.dri-txt {
text-align: center;
margin-bottom: 50px;
}
.dri-txt p {
font-size: 50px;
color: #fff;
font-weight: 200;
line-height: 56px;
margin: 0;
}
.max-txtppc p {
font-size: 44px;
color: #fff;
font-weight: 700;
line-height: 52px;
margin-bottom: 20px;
}
.max-txtppc2 p {
display: block;
color: #fff;
font-weight: 200;
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
}
.contr-blrppc {
display: inline-block;
vertical-align: middle;
min-width: 235px;
text-align: right;
}
.contr-blrppc span {
font-size: 80px;
color: #2ca8d9;
font-weight: 700;
}
.cntr-txtppc {
font-size: 24px;
font-weight: 500;
color: #fff;
max-width: 260px;
display: inline-block;
line-height: 31px;
vertical-align: middle;
margin-left: 15px;
}
.txt-ppc {
margin-top: -25px;
}
.txt-maxppc {
padding-top: 45px;
padding-bottom: 44px;
border-left: #3e4852 solid 1px;
padding-left: 60px;
margin-left: 0;
}
.txtincs-ppc {
text-align: center;
z-index: 1;
position: relative;
}
.incs-txt2 p {
font-size: 96px;
line-height: 86px;
font-weight: 700;
color: #fff;
}
.incs-txt3 p {
display: block;
color: #fff;
font-weight: 200;
font-size: 18px;
line-height: 24px;
margin-bottom: 0;
}
.incs-txt p {
font-size: 80px;
color: #2ca8d9;
font-weight: 700;
line-height: 76px;
}
/***ppc****/
/***app ***/
.banner-app-inner {
padding-bottom: 170px;
margin: 0;
}
.bnr-appbig {
text-align: center;
margin-bottom: 30px;
position: relative;
}
.bnr-appbig p {
font-size: 86px;
color: #fff;
font-weight: 800;
line-height: 86px;
}
.bnr-appbig span {
font-size: 36px;
color: #fff;
font-weight: 700;
line-height: 44px;
}
.app-donaro {
position: absolute;
bottom: 20px;
z-index: 2;
width: 100%;
text-align: center;
left: 0;
-moz-animation: bounceapparrow 2s infinite;
-webkit-animation: bounceapparrow 2s infinite;
animation: bounceapparrow 2s infinite;
}
.app-donaro img {
transform: rotate(135deg);
}
@keyframes bounceapparrow {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0) ;
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.animation-app {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow:hidden;
}
.iphone {
position: absolute;
height: 550px;
}
.widgets {
position: absolute;
z-index: -1;
scale: 0;
}
#socials {
aspect-ratio: 1;
height: 140px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
}
#socials a span {
color: #fff;
font-size: 56px;
}
.app-dev-com {
padding-top: 170px;
padding-bottom: 120px;
}
.noapp-onetxt {
max-width: 890px;
margin: 0 auto;
text-align: center;
}
.noapp-onetxt p {
font-size: 50px;
font-weight: 700;
line-height: 61px;
color: #fff;
}
.noapp-onetxt span {
background: url("../img/apptxtbg1.jpg") repeat top right;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ac-txt p {
font-size: 90px;
font-weight: 700;
line-height: 63px;
display: block;
color: #fff;
line-height: 76px;
}
.ac-txt span{
background: url(../img/apptxtbg1.jpg) repeat top right;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: contain;
}
.phone-mn{
position:relative;
max-width: 900px;
padding-top:110px;
}
/* .phone-mn:before {
content: "";
width: 100%;
height: 200px;
position: absolute;
bottom: -2px;
box-shadow: inset #010b15 0px -100px 50px -10px;
left: 0;
z-index: 1;
} */
.sticky1 {
width: 50%;
aspect-ratio: 1;
position: sticky;
bottom: 0;
background: none;
}
.sticky1 img {
width: 150%;
position: absolute;
bottom: 0;
translate: -5% 0;
max-width: initial;
}
.boxapp {
container-type: inline-size;
}
.boxapp {
width: 100%;
border-radius: 2rem;
display: grid;
grid-template-columns: 0.6fr 0.4fr;
gap: 1rem;
justify-content: end;
padding: 1rem;
}
.box__content {
display: grid;
place-items: center;
grid-column: 2;
min-height: 40cqi;
padding: 2rem 0rem;
align-content: center;
jutify-items: start;
}
.boxapp p {
font-weight: 300;
color: #fff;
font-size: 17px;
}
.box--two {
position: absolute;
bottom: 0;
}
.box--two p {
color: black;
font-weight: 500;
font-weight: 600;
color: #fff;
font-size: 20px;
}
.box--two p span {
background: linear-gradient(90deg, purple, lightblue);
color: transparent;
-webkit-background-clip: text;
}
@media(max-width: 768px) {
.box--two {
padding: 2rem 1rem;
}
.box--two p {
font-size: clamp(0.875rem, 0.5vw + 1rem, 2rem);
}
}
@supports (animation-timeline: scroll()) {
section {
view-timeline-name: --section;
}
@keyframes slide {
to {
translate: var(--x, 0) var(--y, 0);
opacity: var(--opacity, 1);
scale: var(--scale, 1);
}
}
@keyframes slip {
to {
scale: 1;
translate: -5% 0;
}
}
.sticky1 img {
scale: 1.5;
translate: 30% 0;
animation: slip both linear, slide both linear;
animation-range: entry 50% entry 70%, exit 0% exit 15%;
animation-timeline: --section;
--y: 30%;
--x: -5%;
}
.sticky1 {
clip-path: inset(-100% -100% 0 -100%);
}
.spacing-box {
height: 35vh;
}
}
.web-imp-app {
padding-top: 0px;
}
.impweb-app {
background-color: #08121c;
padding: 40px 30px;
border-radius: 20px;
border: #17222b solid 1px;
position: relative;
}
.txt-imp1 {
padding-right: 50px;
}
.imp-txt1 h6 {
font-size: 25px;
color: #3e4852;
margin-bottom: 100px;
}
.imp-txt1 p {
font-size: 34px;
color: #fff;
font-weight: 700;
line-height: 45px;
margin-bottom: 20px;
}
.imp-txt2 p {
font-size: 16px;
color: #fff;
font-weight: 200;
margin: 0;
}
.wedel-count p {
font-size: 16px;
color: #298bef;
font-weight: 300;
margin: 0;
text-transform: uppercase;
}
.wedel-count span {
color: #fff;
font-size: 74px;
font-weight: 800;
margin-top: -12px;
display: inline-block;
}
.wedel-count {
border-bottom: #1a242d solid 1px;
padding-bottom: 5px;
margin-bottom: 29px;
}
.wedel-count:last-child {
margin-bottom: 0;
border: 0;
padding: 0;
}
.looptxt {
position: relative;
height: 70px;
width: 165.9947784px;
margin-top:10px;
}
.looptxt:before, .looptxt:after {
content: '';
display: block;
position: absolute;
top: 0;
height: 70px;
width: 70px;
border: 2px dotted #1ab0d126;
border-radius: 50% 50% 50% 0;
}
.looptxt:before {
left: 0;
transform: rotate(225deg);
}
.looptxt:after {
right: 0;
transform: rotate(45deg);
}
.loop__tracer {
position: absolute;
z-index: 2;
top: 0;
left: 50%;
height: 70px;
width: 70px;
margin-left: -35px;
transform: rotate(-225deg);
animation-name: trace-container;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 6s;
}
.loop__tracer:before {
content: '';
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-top: -3.5px;
margin-left: -3.5px;
height: 7px;
width: 7px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 14px 1.75px #fff;
animation-name: trace-dot;
animation-duration: inherit;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.loop__tracer--one {
animation-duration: 7s;
}
.loop__tracer--two {
animation-duration: 9s;
}
.loop__tracer--three {
animation-duration: 13s;
}
@keyframes trace-container {
0% {
margin-left: -35px;
transform: rotate(-225deg);
}
8.3333333% {
margin-left: -83.1640558667px;
transform: rotate(-225deg);
}
41.666666% {
margin-left: -83.1640558667px;
transform: rotate(45deg);
}
58.333333% {
margin-left: 13.1640558667px;
transform: rotate(45deg);
}
91.666666% {
margin-left: 13.1640558667px;
transform: rotate(-225deg);
}
}
@keyframes trace-dot {
0% {
margin-top: -3.5px;
}
8.3333333% {
margin-top: -38.5px;
}
41.666666% {
margin-top: -38.5px;
}
58.333333% {
margin-top: 31.5px;
}
91.666666% {
margin-top: 31.5px;
}
}
.tab--app-main {
padding-top: 100px;
padding-bottom: 30px;
}
.app-pg-tabs {
max-width: 900px;
margin: 0 auto;
}
.app-pg-tabs .nav-pills .nav-link {
background: #0e1a27;
color: #fff;
border: #19232c solid 1px;
border-radius: 50px;
margin-bottom: 12px;
font-size: 18px;
font-weight: 300;
min-width: 180px;
padding: 11px;
position: relative;
overflow: hidden;
--offset: 1px;
}
.nav-pills.app-tabs-inrbtn .nav-link.active::before {
content: '';
background: conic-gradient(transparent 270deg, #2ca8d9 , transparent);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
aspect-ratio: 1;
width: 100%;
animation: inq-btn1 2s linear infinite;
}
.nav-pills.app-tabs-inrbtn .nav-link.active::after {
content: '';
background: #0e1a27;
border-radius: inherit;
position: absolute;
inset: var(--offset);
height: calc(100% - 2* var(--offset));
width: calc(100% - 2* var(--offset));
}
@keyframes inq-btn1{
0% {
transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
}
100% {
transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
}
}
.app-pg-tabs .nav-pills .nav-link p {
position: relative;
margin: 0;
z-index: 1;
}
.app-pg-tabs .nav-pills .nav-link.active,
.app-pg-tabs .nav-pills .show>.nav-link{
background:none;
}
.tab-txtab{
position: absolute;
right: 0;
top: 50%;
max-width: 240px;
transform: translateY(-50%);
}
.tab-txtcc h5 {
font-size: 30px;
color: #fff;
margin-bottom: 10px;
font-weight: 400;
}
.tab-txtcc p {
font-size: 15px;
color: #fff;
font-weight: 200;
margin: 0;
}
.app-pg-tabs .tab-content{
position:relative;
width:100%;
padding-left:50px;
}
/**fe*/
.banner-main {
position: relative;
height: 640px;
}
.banner-slider-nav.slider.slider-nav img {
margin: 1px auto 0;
width: 232px;
height: 500px;
transform: translate(0px);
}
.banner-img-uper .slick-dots li button:before {
font-size: 38px;
color: #fff;
}
.banner-img-uper .slick-dots li {
display: block;
}
.banner-img-uper .slick-dots {
right: 0;
width: auto;
top: 52%;
transform: translateY(-50%);
bottom: auto !important;
}
.text-banner {
position: absolute;
left: 0;
z-index: 9;
top: 0;
max-width: 500px;
}
.text-banner h1 {
font-size: 47px;
}
.banner-img-uper .slick-slide {
position: relative;
border: none;
}
.text-banner h1 {
font-size: 50px;
font-weight: 300;
margin: 0 0 20px 0;
color: #fff;
text-transform: uppercase;
}
.text-banner.color-white-banner h1,
.text-banner.color-white-banner p {
color: #fff;
}
.text-banner.color-white-banner .btn-two a {
background: #fff;
color: #000;
}
.text-banner.color-white-banner .btn-two a:after {
background: #000;
color: #fff;
}
.text-banner.color-white-banner .btn-two a.btn-wht-two {
border-color: #fff;
color: #fff;
background: none;
}
.text-banner.color-white-banner .btn-two a.btn-wht-two:after {
background-color: #fff;
color: #000;
}
.text-banner h1 span {
font-weight: 600;
display: block;
margin-top: 10px;
}
.text-banner p {
font-size: 18px;
font-weight: 300;
margin: 0 0 30px 0;
}
.slick-vertical .slick-slide {
border: none;
}
.banner-img-uper .slick-slide {
position: relative;
}
/***app ***/
/*******image editing****/
.banr-imgpg1 {
padding-top: 100px;
padding-bottom: 50px;
}
.banr-imgpg1 ul {
display: flex;
}
.ebmr-txt .small-text h3 {
font-size: 38px;
line-height: 47px;
}
.rw-algn {
align-items: center;
}
.inr-mskedt {
border-bottom: #333c44 solid 1px;
padding-left: 110px;
position: relative;
padding-top: 35px;
padding-bottom: 25px;
}
.inr-mskedt:last-child {
border-bottom: none;
padding-bottom:0;
}
.inr-mskedt span {
color: #273440;
font-size: 22px;
font-family: 'Inter';
font-weight: 800;
position: absolute;
width: 83px;
left: 0;
text-align: center;
height: 100%;
top: 0;
display: flex;
justify-content: center;
align-items: center;
border-right: #333c44 solid 1px;
padding-top: 12px;
}
.inr-mskedt p {
font-size: 22px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
margin: 0;
line-height: 25px;
}
.msk-edtmn {
padding-left: 50px;
}
.marquee-imgg{
overflow: hidden;
}
.marquee-imgg p {
color: #fff;
font-size: 60px;
font-weight: 700;
line-height: 59px;
margin: 0;
text-transform: uppercase;
text-transform: uppercase;
will-change: transform;
transform: translateX(0);
white-space: nowrap;
animation: marqueeimgg 20s linear infinite;
}
.marquee-imgg p:nth-child(2) {
animation: marqueeimgg 20s linear infinite reverse;
}
@keyframes marqueeimgg {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.wht-doimg-rw {
/*align-items: center; */
max-width: 1000px;
margin: 0 auto 150px;
}
.wht-doimg-rw.rmvmrbotm{
margin-bottom:0;
}
.img-whtdo p {
font-size: 32px;
color: #fff;
font-weight: 800;
margin-bottom: 5px;
line-height: 34px;
text-transform: uppercase;
}
.img-whtdo span {
font-size: 16px;
color: #fff;
line-height: 27px;
font-weight: 200;
}
.img-whtdo {
position: relative;
margin-top: 20px;
}
.img-whtdo em {
position: absolute;
left: 0;
top: -23px;
color: #ffffff12;
text-transform: uppercase;
font-style: normal;
font-size: 196px;
font-weight: 900;
line-height: 146px;
}
.wht-doimg-rw .del-unctxt2 p {
margin-bottom: 0;
}
.mr-servimg ul li {
color: #fff;
font-size: 60px;
text-transform: uppercase;
font-weight: 700;
line-height: 56px;
margin-bottom: 10px;
border-top: #333c44 solid 1px;
padding-top: 10px;
/* animation: imgtxtani 1s ease-in-out infinite; */
}
/* .mr-servimg ul li:nth-child(1){
animation-delay: .2s;
}
.mr-servimg ul li:nth-child(2){
animation-delay: .4s;
}
.mr-servimg ul li:nth-child(3){
animation-delay: .6s;
}
.mr-servimg ul li:nth-child(4){
animation-delay: .8s;
} */
.mr-servimg ul li:hover{
background: url(../img/apptxtbg1.jpg) repeat center center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* @keyframes imgtxtani {
0% {
background:none;
color:#fff;
}
100% {
background: url(../img/apptxtbg1.jpg) repeat left top;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
} */
.img-penrot {
max-width: 351px;
margin: -30px auto;
}
.img-penrot img{
animation: penrotimgg 20s linear infinite;
}
@keyframes penrotimgg {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.imgr-crcltxt {
text-align: center;
position: relative;
}
.img-penrot {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%);
}
.pen-image-sec{
padding-bottom:130px;
}
.lefr {
overflow: hidden;
}
.leavesedt {
height: 420px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
}
.leafedt {
position: relative;
width: 20%;
display: inline-block;
bottom:400px;
}
.leafedt:nth-of-type(1) {
animation: falling1edt 2s ease-in-out 1;
animation-delay: 0.3s;
animation-fill-mode: forwards;
}
.leafedt:nth-of-type(2) {
animation: falling2edt 2s ease-in-out 1;
animation-delay: 0.6s;
animation-fill-mode: forwards;
}
.leafedt:nth-of-type(3) {
animation: falling3edt 2s ease-in-out 1;
animation-delay: 0.9s;
animation-fill-mode: forwards;
}
.leafedt:nth-of-type(4) {
animation: falling4edt 2s ease-in-out 1;
animation-delay: 1.2s;
animation-fill-mode: forwards;
}
.leafedt:nth-of-type(4) .stem,
.leafedt:nth-of-type(4) .stem:before,
.leafedt:nth-of-type(4) .stem:after {
border-color: #5d9a0e;
}
.leafedt:nth-of-type(5) {
animation: falling5edt 2s ease-in-out 1;
animation-delay: 1.5s;
animation-fill-mode: forwards;
}
@keyframes falling1edt {
0% {
bottom: 380px;
left: 0%;
-webkit-transform: scale3d(1, 0.5, 1) rotateZ(30deg);
opacity:0;
}
50% {
bottom: 100px;
left: 20%;
-webkit-transform: scale3d(1, 0.75, 1) rotateZ(30deg);
opacity:0;
}
100% {
bottom: -80px;
left: 0%;
-webkit-transform: scale3d(1, 1, 1) rotateZ(-2deg);
opacity:1;
}
}
@keyframes falling2edt {
0% {
bottom: 380px;
left: 30%;
-webkit-transform: scale3d(1, 0.4, 1) rotateZ(30deg);
opacity:0;
}
50% {
bottom: 200px;
left: -10%;
-webkit-transform: scale3d(1, 0.6, 1) rotateZ(30deg);
opacity:0;
}
100% {
bottom: -65px;
left: 0%;
-webkit-transform: scale3d(1, 1, 1) rotateZ(-10deg);
opacity:1;
}
}
@keyframes falling3edt {
0% {
bottom: 280px;
left: -20%;
-webkit-transform: scale3d(1, 0.5, 1) rotateZ(30deg);
opacity:0;
}
50% {
bottom: 100px;
left: 20%;
-webkit-transform: scale3d(1, 0.75, 1) rotateZ(30deg);
opacity:0;
}
100% {
bottom: -50px;
left: 0%;
-webkit-transform: scale3d(1, 1, 1) rotateZ(-2deg);
opacity:1;
}
}
@keyframes falling4edt {
0% {
bottom: 280px;
left: -40%;
-webkit-transform: scale3d(1, 0.5, 1) rotateZ(30deg);
opacity:0;
}
50% {
bottom: 100px;
left: 30%;
-webkit-transform: scale3d(1, 0.75, 1) rotateZ(30deg);
opacity:0;
}
100% {
bottom: -65px;
left: 0%;
-webkit-transform: scale3d(1, 1, 1) rotateZ(5deg);
opacity:1;
}
}
@keyframes falling5edt {
0% {
bottom: 280px;
left: -10%;
-webkit-transform: scale3d(1, 0.4, 1) rotateZ(45deg);
opacity:0;
}
35% {
bottom: 100px;
left: 10%;
-webkit-transform: scale3d(1, 0.6, 1) rotateZ(40deg);
opacity:0;
}
75% {
bottom: 100px;
left: -25%;
-webkit-transform: scale3d(1, 0.75, 1) rotateZ(35deg);
opacity:0;
}
100% {
bottom: -80px;
left: 0%;
-webkit-transform: scale3d(1, 1, 1) rotateZ(-2deg);
opacity:1;
}
}
.banr-imgpg1{
overflow:hidden;
}
.leavesedt {
height: 450px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
}
.edtimgbnr {
margin-bottom: 4px;
overflow:hidden;
padding-top:50px;
}
/*******image editing****/
/****App Store Optimization****/
.appops-gry {
background-color: #08121c;
padding: 40px 30px;
border-radius: 20px;
border: #17222b solid 1px;
position: relative;
margin-top: 70px;
overflow: hidden;
}
.txtaso1 {
padding-top: 40px;
}
.txtaso1 p {
font-size: 41px;
color: #fff;
font-weight: 700;
line-height: 50px;
}
.txtaso2 p {
color: #2ca8d9;
font-size: 22px;
font-weight: 500;
line-height: 30px;
}
.txtaso3 p {
font-size: 16px;
color: #fff;
line-height: 26px;
margin: 0;
font-weight: 200;
}
.txtaso2 {
margin-bottom: 50px;
}
.locl-serv1 h6 {
font-size: 36px;
color: #fff;
font-weight: 400;
}
.locl-serv1 p {
font-size: 16px;
font-size: 16px;
color: #fff;
line-height: 26px;
font-weight: 200;
}
.locl-serv1 {
max-width: 470px;
text-align: center;
margin: 0 auto;
}
.opsimg1 {
text-align: center;
position: relative;
z-index: 1;
}
.asolght1 {
width: 800px;
height: 800px;
position: absolute;
right: -21%;
top: 40px;
border-radius: 50%;
max-width: 100%;
padding: 0;
}
.asolght1 img {
animation: animate-light1 5s linear infinite;
}
.txtaso3 {
padding-right: 75px;
}
.jonnw-aos {
position: relative;
}
.jonw a {
width: 120px;
height: 120px;
background-color: #2ca8d9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 19px;
text-transform: uppercase;
text-align: center;
line-height: 20px;
z-index: 1;
position: absolute;
left: -55px;
bottom: 100px;
font-weight: 400;
}
.jonw a:hover:before{
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
transition: opacity .3s ease-in-out;
border-radius: 50%;
opacity:.8;
}
.jonw a:hover{
color:#fff;
}
.aoseff-txt {
max-width: 400px;
position: relative;
z-index: 1;
}
.aoseff-txt h5 {
font-size: 32px;
color: #fff;
line-height: 42px;
font-weight: 300;
margin: 0 0 10px 0;
}
.aoseff-txt p{
font-size: 16px;
color: #fff;
line-height: 26px;
font-weight: 200;
}
.algn-cen{
align-items: center;
position: relative;
}
.ovr-hdaso{
overflow:hidden;
}
.aos-txtryt{
margin-left:auto;
text-align:right;
}
.asoo-img01 {
position: relative;
z-index: 1;
}
.rea-txt1 h6 {
color: #fff;
font-size: 36px;
font-weight: 700;
line-height: 42px;
margin: 0 auto;
text-align: center;
max-width: 520px;
}
.slider-rea .slick-slide {
color: #fff;
font-size: 17px;
font-weight: 200;
padding: 10px;
margin: 7px 0;
border-radius: 6px;
opacity:.5;
}
.slider-rea .slick-slide.slick-current{
opacity:1;
}
.slider-rea .slick-slide.slick-current span {
background: #08121c;
padding: 12px 30px;
border-radius: 8px;
box-shadow: #00000026 0 0 10px;
border: #17222b solid 1px;
}
.slider-rea .slick-slide span i{
margin-right:10px;
opacity:.5;
}
.slider-rea .slick-slide.slick-current span i{
color:#2ca8d9;
opacity:1;
}
.slider-rea {
text-align: center;
margin: 30px auto 20px;
max-width: 650px;
}
.imgcriaos {
position: absolute;
bottom: -35%;
left: 0;
}
.imgcriaos img {
animation: animate-light1 5s linear infinite;
}
/****App Store Optimization****/
/****graphic design*****/
.txtwh-gra p {
font-size: 28px;
line-height: 40px;
color: #fff;
font-weight: 500;
}
.txtwh-gra span {
color: #2ca8d9;
font-weight: 600;
}
.txtwh-gra2 p {
font-size: 16px;
color: #fff;
line-height: 26px;
font-weight: 200;
}
.txtwh-gra0 p {
color: #2ca8d9;
font-size: 20px;
font-weight: 500;
line-height: 25px;
margin-top: 10px;
}
.cap-gra1 {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 0;
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom: 20px;
min-height: 402px;
}
.imggraflw {
padding: 20px;
}
.cap-gra1 h5 {
font-size: 24px;
color: #fff;
font-weight: 600;
}
.cap-gra1 p {
display: block;
color: #fff;
opacity: .6;
font-weight: 100;
font-size: 16px;
line-height: 23px;
padding-top: 0;
margin: 0;
position: relative;
}
/* .cap-gra1 img {
max-height: 280px;
} */
.imggra01 {
position: relative;
}
.graimg-txt {
padding: 0;
border-radius: 50%;
position: absolute;
right: -80px;
top: 50%;
width: 500px;
max-width: 100%;
max-height: 100%;
z-index: 1;
transform: translateY(-50%);
}
.graimg-txt h6 {
font-size: 45px;
color: #fff;
font-weight: 700;
}
.graimg-txt p {
display: block;
color: #fff;
font-weight: 100;
font-size: 18px;
line-height: 27px;
padding-top: 0;
margin: 0;
position: relative;
}
.grabnr1 {
text-align: center;
}
.gramnbnr {
max-width: 815px;
margin: -40px auto 0;
max-height: 700px;
position: relative;
}
.gratxtbnr {
position: absolute;
right: 18%;
top: 31px;
width: 199px;
}
.gratxtbnr p {
font-size: 28px;
color: #2ca8d9;
font-weight: 300;
margin: 0;
line-height: 36px;
}
.gratxtbnr2 {
position: absolute;
right: 26%;
bottom: 19%;
width: 40%;
text-align: right;
}
.gratxtbnr2 p {
font-size: 28px;
color: #2ca8d9;
font-weight: 300;
margin: 0;
line-height: 36px;
}
.gratxtbnr3 {
position: absolute;
left: 8%;
top: 49%;
}
.wrap-imggra {
position: relative;
width: 815px;
height: 700px;
margin: 0;
cursor: pointer;
overflow: hidden;
margin: 0 auto;
}
.scene-imggra {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: 815px;
height: 700px;
text-align: center;
overflow: hidden;
}
.viewer-imggra {
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
pointer-events: none;
opacity: 0;
transition: opacity 1s ease;
}
.wrap-imggra:hover .viewer-imggra {
opacity: 1;
}
.wrap-imggra .scene-imggra{
background: url("../img/graimg1.png");
}
.wrap-imggra .viewer-imggra{
background: url("../img/graimg01.png");
}
.hfeatgra{
margin-left:-20px;
}
/****graphic design*****/
/****ecommerce development****/
.imgrot-edev img {
margin-right: 45px;
}
.img-dev-rot{
animation: loop1 20s infinite linear;
}
.img-dev-rot1{
animation: loop1 20s infinite linear reverse;
}
.imgrot-edev {
white-space: nowrap;
transform: rotate(-6deg);
margin-top: 40px;
}
.resmob-lis .inr-mskedt p {
font-size: 18px;
font-weight: 300;
text-transform: none;
}
/****ecommerce development****/
/****wordpress development***/
.word-usr {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 40px 130px 40px 35px;
position: relative;
z-index: 1;
max-width: 400px;
}
.usr-wrd h5 {
font-size: 28px;
color: #fff;
font-weight: 600;
}
.usr-wrd p {
display: block;
color: #fff;
opacity: .6;
font-weight: 100;
font-size: 16px;
line-height: 24px;
padding-top: 0;
margin: 0;
position: relative;
}
.usrwrd-img {
position: absolute;
right: -140px;
top: 50%;
transform: translateY(-50%);
}
.word-usr.wrdusr-ryt {
padding: 40px;
}
.usrwrd1-img {
position: absolute;
right: -50%;
top: 84%;
}
.word-usr.wrdusr-ryt1 {
padding: 40px;
margin-top: 70px;
margin-left: auto;
}
.wrdfet-usr p {
color: #ffffff00;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff16;
font-size: 160px;
font-weight: 800;
font-family: roboto;
margin-top: 230px;
line-height: 120px;
margin-bottom: 0;
}
.wrapper-wrdbnr {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top:0;
}
.boxwrd-bnr div {
position: absolute;
width: 60px;
height: 60px;
background-color: transparent;
opacity:.1;
border: 5px solid rgba(255,255,255,0.8);
}
.boxwrd-bnr div:nth-child(1) {
top: 12%;
left: 42%;
animation: animatewrdbnr 10s linear infinite;
}
.boxwrd-bnr div:nth-child(2) {
top: 70%;
left: 50%;
animation: animatewrdbnr 7s linear infinite;
}
.boxwrd-bnr div:nth-child(3) {
top: 17%;
left: 6%;
animation: animatewrdbnr 9s linear infinite;
}
.boxwrd-bnr div:nth-child(4) {
top: 20%;
left: 60%;
animation: animatewrdbnr 10s linear infinite;
}
.boxwrd-bnr div:nth-child(5) {
top: 67%;
left: 10%;
animation: animatewrdbnr 6s linear infinite;
}
.boxwrd-bnr div:nth-child(6) {
top: 80%;
left: 70%;
animation: animatewrdbnr 12s linear infinite;
}
.boxwrd-bnr div:nth-child(7) {
top: 60%;
left: 80%;
animation: animatewrdbnr 15s linear infinite;
}
.boxwrd-bnr div:nth-child(8) {
top: 32%;
left: 25%;
animation: animatewrdbnr 16s linear infinite;
}
.boxwrd-bnr div:nth-child(9) {
top: 90%;
left: 25%;
animation: animatewrdbnr 9s linear infinite;
}
.boxwrd-bnr div:nth-child(10) {
top: 20%;
left: 80%;
animation: animatewrdbnr 5s linear infinite;
}
.boxwrd-bnr div:nth-child(11) {
top: 50%;
left: 75%;
animation: animatewrdbnr 8s linear infinite;
}
@keyframes animatewrdbnr {
0% {
transform: scale(0) translateY(-90px) rotate(360deg);
opacity: .3;
}
100% {
transform: scale(1.3) translateY(-90px) rotate(-180deg);
border-radius: 50%;
opacity: 0;
}
}
/* .wordpress-banner {
padding-bottom: 200px;
margin-bottom:0;
} */
/****wordpress development***/
/*****custom cms website***/
.prf-cus {
max-width: 820px;
margin: 0 auto;
}
.prf-cus h3 {
font-size: 40px;
text-align: center;
color: #fff;
font-weight: 300;
}
.tem-cus1 ul {
display: flex;
}
.tem-cus1 ul li span {
font-size: 17px;
font-weight: 200;
display: block;
line-height: 26px;
}
.tem-cus1 ul li p {
font-size: 19px;
color: #2ca8d9;
font-weight: 600;
margin-bottom: 10px;
line-height: 25px;
}
.tem-cus1 ul li {
width: 100%;
background: #0e1a27;
border-radius: 10px;
padding: 20px;
text-align: center;
color: #fff;
border: #1a242d solid 1px;
transition: .5s;
}
.tem-cus1 ul li:nth-child(1) {
transform: rotate(-3deg);
}
.tem-cus1 ul li:nth-child(2) {
transform: rotate(5deg);
}
.tem-cus1 ul li:nth-child(3) {
transform: rotate(-5deg);
}
.tem-cus1 ul li:hover {
transform: rotate(0deg);
}
.bnr-big-logo.cmsbnr-txt p {
padding-left: 0;
}
.str11 {
height: 100%;
background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
overflow: hidden;
position:absolute;
width:100%;
left:0;
top:0;
}
#starscms {
width: 1px;
height: 1px;
opacity:.5;
background: transparent;
box-shadow: 1565px 956px #FFF , 1393px 1697px #FFF , 1386px 621px #FFF , 402px 325px #FFF , 28px 1060px #FFF , 1013px 479px #FFF , 1897px 1458px #FFF , 1452px 1412px #FFF , 463px 1747px #FFF , 955px 1043px #FFF , 1287px 1318px #FFF , 862px 1887px #FFF , 954px 1035px #FFF , 116px 626px #FFF , 683px 1344px #FFF , 853px 588px #FFF , 1877px 1615px #FFF , 964px 1174px #FFF , 1396px 460px #FFF , 1146px 160px #FFF , 1721px 1946px #FFF , 1473px 1261px #FFF , 566px 176px #FFF , 1331px 1579px #FFF , 349px 164px #FFF , 1244px 605px #FFF , 198px 511px #FFF , 913px 612px #FFF , 1194px 888px #FFF , 837px 527px #FFF , 1653px 1072px #FFF , 197px 1292px #FFF , 1342px 1011px #FFF , 1242px 321px #FFF , 370px 1022px #FFF , 473px 736px #FFF , 980px 132px #FFF , 1225px 880px #FFF , 981px 1692px #FFF , 859px 268px #FFF , 748px 522px #FFF , 15px 188px #FFF , 433px 373px #FFF , 967px 49px #FFF , 622px 348px #FFF , 742px 796px #FFF , 1904px 1737px #FFF , 1171px 1407px #FFF , 1528px 1030px #FFF , 770px 1756px #FFF , 254px 1723px #FFF , 432px 634px #FFF , 1391px 1590px #FFF , 580px 162px #FFF , 1498px 79px #FFF , 1830px 199px #FFF , 882px 368px #FFF , 1080px 233px #FFF , 1694px 1678px #FFF , 1958px 1387px #FFF , 1806px 1676px #FFF , 284px 881px #FFF , 812px 898px #FFF , 1561px 478px #FFF , 256px 85px #FFF , 298px 1689px #FFF , 443px 1681px #FFF , 1276px 1271px #FFF , 815px 1093px #FFF , 1667px 1034px #FFF , 921px 987px #FFF , 370px 1760px #FFF , 817px 1803px #FFF , 724px 1732px #FFF , 522px 1890px #FFF , 1418px 634px #FFF , 1914px 1708px #FFF , 831px 414px #FFF , 874px 909px #FFF , 523px 489px #FFF , 856px 1930px #FFF , 1814px 1330px #FFF , 341px 365px #FFF , 727px 1496px #FFF , 1558px 1940px #FFF , 72px 376px #FFF , 766px 1118px #FFF , 282px 947px #FFF , 885px 1199px #FFF , 1839px 1586px #FFF , 1085px 265px #FFF , 170px 1110px #FFF , 1778px 90px #FFF , 1725px 374px #FFF , 663px 1288px #FFF , 1504px 1093px #FFF , 1219px 232px #FFF , 8px 550px #FFF , 992px 1862px #FFF , 49px 1252px #FFF , 994px 1519px #FFF , 250px 27px #FFF , 1607px 911px #FFF , 1745px 1316px #FFF , 1645px 28px #FFF , 1695px 403px #FFF , 634px 677px #FFF , 64px 890px #FFF , 1950px 714px #FFF , 1864px 1200px #FFF , 1501px 1373px #FFF , 1656px 1459px #FFF , 1369px 395px #FFF , 1625px 1661px #FFF , 920px 1719px #FFF , 407px 229px #FFF , 1061px 926px #FFF , 88px 119px #FFF , 248px 215px #FFF , 322px 1414px #FFF , 1004px 1191px #FFF , 870px 108px #FFF , 308px 1575px #FFF , 316px 1467px #FFF , 1580px 833px #FFF , 1362px 1050px #FFF , 1579px 513px #FFF , 1784px 564px #FFF , 925px 800px #FFF , 1543px 1191px #FFF , 1513px 1007px #FFF , 1787px 425px #FFF , 27px 1715px #FFF , 1664px 12px #FFF , 1370px 582px #FFF , 921px 1246px #FFF , 804px 579px #FFF , 1872px 1585px #FFF , 1586px 704px #FFF , 638px 138px #FFF , 260px 534px #FFF , 375px 1797px #FFF , 6px 1669px #FFF , 81px 1278px #FFF , 1230px 1952px #FFF , 179px 245px #FFF , 603px 228px #FFF , 179px 169px #FFF , 144px 1864px #FFF , 1712px 431px #FFF , 786px 233px #FFF , 388px 1584px #FFF , 1355px 1135px #FFF , 1801px 1334px #FFF , 892px 447px #FFF , 1107px 803px #FFF , 1002px 1988px #FFF , 1082px 848px #FFF , 833px 767px #FFF , 1852px 981px #FFF , 1827px 1481px #FFF , 603px 1295px #FFF , 1812px 1197px #FFF , 1267px 1942px #FFF , 1180px 1803px #FFF , 1253px 1124px #FFF , 1378px 414px #FFF , 369px 1753px #FFF , 1421px 226px #FFF , 2000px 1109px #FFF , 744px 1659px #FFF , 1535px 1185px #FFF , 1943px 1811px #FFF , 1312px 226px #FFF , 1694px 1052px #FFF , 1687px 1824px #FFF , 1196px 521px #FFF , 150px 1558px #FFF , 1502px 427px #FFF , 62px 1394px #FFF , 534px 1762px #FFF , 1155px 1538px #FFF , 1264px 1457px #FFF , 1057px 1508px #FFF , 403px 1209px #FFF , 1312px 24px #FFF , 1867px 666px #FFF , 1883px 1250px #FFF , 1444px 269px #FFF , 1678px 1315px #FFF , 195px 333px #FFF , 1739px 1329px #FFF , 1405px 351px #FFF , 568px 373px #FFF , 461px 1575px #FFF , 1099px 712px #FFF , 1999px 1897px #FFF , 91px 50px #FFF , 483px 587px #FFF , 1193px 1829px #FFF , 518px 1013px #FFF , 1683px 1550px #FFF , 1597px 981px #FFF , 152px 1521px #FFF , 703px 484px #FFF , 1234px 382px #FFF , 1265px 1818px #FFF , 1450px 591px #FFF , 1473px 636px #FFF , 799px 1031px #FFF , 1447px 1398px #FFF , 415px 1523px #FFF , 1471px 1810px #FFF , 500px 1861px #FFF , 52px 318px #FFF , 279px 1913px #FFF , 518px 1143px #FFF , 1594px 932px #FFF , 1600px 1618px #FFF , 1939px 1181px #FFF , 1381px 1351px #FFF , 1493px 892px #FFF , 900px 1125px #FFF , 197px 468px #FFF , 451px 300px #FFF , 1905px 964px #FFF , 251px 761px #FFF , 1094px 198px #FFF , 991px 46px #FFF , 655px 1255px #FFF , 1698px 613px #FFF , 675px 1669px #FFF , 54px 1556px #FFF , 471px 443px #FFF , 1826px 986px #FFF , 799px 910px #FFF , 1555px 1530px #FFF , 1779px 1588px #FFF , 1452px 1031px #FFF , 808px 1168px #FFF , 1048px 1428px #FFF , 311px 1054px #FFF , 650px 976px #FFF , 306px 1982px #FFF , 216px 1512px #FFF , 478px 20px #FFF , 123px 1900px #FFF , 1482px 1260px #FFF , 1832px 945px #FFF , 336px 1886px #FFF , 525px 1960px #FFF , 1546px 1135px #FFF , 653px 558px #FFF , 1195px 1564px #FFF , 510px 3px #FFF , 783px 595px #FFF , 1589px 1829px #FFF , 189px 430px #FFF , 1048px 1518px #FFF , 1135px 1567px #FFF , 1219px 1957px #FFF , 1484px 1316px #FFF , 612px 1318px #FFF , 889px 638px #FFF , 462px 1186px #FFF , 328px 1009px #FFF , 1170px 218px #FFF , 1086px 923px #FFF , 1789px 483px #FFF , 503px 125px #FFF , 76px 885px #FFF , 1595px 464px #FFF , 569px 500px #FFF , 720px 364px #FFF , 1281px 363px #FFF , 1655px 1403px #FFF , 730px 1067px #FFF , 1258px 1439px #FFF , 1382px 997px #FFF , 1524px 1605px #FFF , 1753px 1145px #FFF , 1873px 1941px #FFF , 878px 1691px #FFF , 1479px 868px #FFF , 1680px 1074px #FFF , 1284px 1278px #FFF , 1676px 1162px #FFF , 1260px 385px #FFF , 1897px 1593px #FFF , 1341px 183px #FFF , 669px 163px #FFF , 1994px 588px #FFF , 351px 1792px #FFF , 1288px 638px #FFF , 383px 41px #FFF , 552px 1540px #FFF , 1605px 949px #FFF , 1707px 1209px #FFF , 1168px 862px #FFF , 450px 482px #FFF , 631px 1854px #FFF , 1406px 119px #FFF , 489px 811px #FFF , 796px 517px #FFF , 1668px 1942px #FFF , 1504px 760px #FFF , 884px 1199px #FFF , 769px 789px #FFF , 296px 1088px #FFF , 1112px 1158px #FFF , 1017px 679px #FFF , 833px 1257px #FFF , 1897px 596px #FFF , 1967px 973px #FFF , 1394px 229px #FFF , 45px 1489px #FFF , 1125px 513px #FFF , 1651px 1990px #FFF , 1636px 1984px #FFF , 116px 642px #FFF , 1589px 359px #FFF , 670px 580px #FFF , 1664px 617px #FFF , 904px 1523px #FFF , 517px 245px #FFF , 840px 1078px #FFF , 1994px 359px #FFF , 1515px 595px #FFF , 1953px 1055px #FFF , 408px 399px #FFF , 51px 1425px #FFF , 416px 1796px #FFF , 1204px 578px #FFF , 167px 1046px #FFF , 1746px 1430px #FFF , 1392px 1313px #FFF , 1805px 548px #FFF , 1774px 152px #FFF , 1759px 931px #FFF , 1444px 787px #FFF , 1036px 1288px #FFF , 547px 819px #FFF , 953px 1268px #FFF , 499px 1087px #FFF , 1212px 1426px #FFF , 1767px 128px #FFF , 103px 824px #FFF , 1828px 1803px #FFF , 388px 1728px #FFF , 972px 1676px #FFF , 503px 815px #FFF , 831px 1777px #FFF , 486px 1190px #FFF , 409px 1338px #FFF , 1164px 1169px #FFF , 33px 61px #FFF , 726px 448px #FFF , 202px 319px #FFF , 1287px 1905px #FFF , 1577px 152px #FFF , 246px 537px #FFF , 305px 1671px #FFF , 1998px 1808px #FFF , 650px 307px #FFF , 1699px 1765px #FFF , 1670px 1386px #FFF , 387px 934px #FFF , 15px 687px #FFF , 465px 227px #FFF , 1267px 885px #FFF , 1300px 1781px #FFF , 662px 734px #FFF , 912px 583px #FFF , 1002px 361px #FFF , 1655px 61px #FFF , 1174px 1910px #FFF , 1136px 987px #FFF , 1131px 861px #FFF , 93px 905px #FFF , 1546px 809px #FFF , 1356px 1776px #FFF , 1168px 1947px #FFF , 332px 1494px #FFF , 52px 220px #FFF , 1316px 491px #FFF , 1657px 335px #FFF , 438px 817px #FFF , 1773px 1984px #FFF , 1115px 340px #FFF , 1235px 1732px #FFF , 1578px 1083px #FFF , 69px 1856px #FFF , 864px 1725px #FFF , 1599px 1346px #FFF , 1667px 1600px #FFF , 1455px 1917px #FFF , 820px 1935px #FFF , 183px 1629px #FFF , 1513px 1499px #FFF , 558px 1652px #FFF , 1500px 742px #FFF , 1707px 556px #FFF , 1256px 706px #FFF , 924px 1312px #FFF , 1196px 1357px #FFF , 96px 1705px #FFF , 1831px 1859px #FFF , 403px 1281px #FFF , 145px 1374px #FFF , 1297px 1106px #FFF , 1056px 1701px #FFF , 1901px 302px #FFF , 1882px 244px #FFF , 1587px 1999px #FFF , 1336px 1751px #FFF , 1173px 1526px #FFF , 1012px 250px #FFF , 474px 1051px #FFF , 1338px 824px #FFF , 1674px 149px #FFF , 1328px 270px #FFF , 840px 28px #FFF , 1444px 278px #FFF , 1980px 162px #FFF , 254px 656px #FFF , 974px 9px #FFF , 385px 207px #FFF , 1743px 381px #FFF , 1285px 9px #FFF , 658px 384px #FFF , 149px 687px #FFF , 741px 379px #FFF , 1932px 1125px #FFF , 256px 1538px #FFF , 1671px 14px #FFF , 836px 1895px #FFF , 1584px 1905px #FFF , 630px 1775px #FFF , 552px 1432px #FFF , 328px 650px #FFF , 1531px 1144px #FFF , 1978px 1724px #FFF , 1021px 1262px #FFF , 1843px 892px #FFF , 972px 503px #FFF , 1001px 1353px #FFF , 751px 1790px #FFF , 1773px 1358px #FFF , 1693px 1365px #FFF , 152px 111px #FFF , 1102px 1923px #FFF , 702px 1098px #FFF , 524px 738px #FFF , 729px 1030px #FFF , 1996px 827px #FFF , 616px 1794px #FFF , 217px 118px #FFF , 342px 1518px #FFF , 584px 399px #FFF , 930px 117px #FFF , 348px 994px #FFF , 1736px 1231px #FFF , 798px 344px #FFF , 1935px 465px #FFF , 1095px 1626px #FFF , 80px 1617px #FFF , 55px 1291px #FFF , 849px 573px #FFF , 1212px 208px #FFF , 275px 421px #FFF , 620px 1241px #FFF , 800px 1018px #FFF , 797px 30px #FFF , 1259px 1627px #FFF , 1666px 386px #FFF , 702px 1868px #FFF , 168px 645px #FFF , 1370px 1600px #FFF , 1426px 546px #FFF , 1163px 140px #FFF , 596px 738px #FFF , 1970px 98px #FFF , 568px 599px #FFF , 1786px 957px #FFF , 692px 1165px #FFF , 1199px 841px #FFF , 1385px 917px #FFF , 1246px 119px #FFF , 768px 1630px #FFF , 1650px 759px #FFF , 1017px 1662px #FFF , 1940px 1975px #FFF , 764px 229px #FFF , 236px 114px #FFF , 1160px 1128px #FFF , 195px 273px #FFF , 237px 662px #FFF , 1738px 1475px #FFF , 12px 1816px #FFF , 1732px 281px #FFF , 1097px 942px #FFF , 1308px 671px #FFF , 1384px 821px #FFF , 211px 1725px #FFF , 205px 317px #FFF , 832px 804px #FFF , 414px 468px #FFF , 929px 895px #FFF , 937px 732px #FFF , 850px 1436px #FFF , 1215px 1840px #FFF , 1685px 1135px #FFF , 144px 633px #FFF , 1390px 694px #FFF , 57px 83px #FFF , 1813px 458px #FFF , 1624px 454px #FFF , 687px 586px #FFF , 274px 163px #FFF , 1379px 489px #FFF , 991px 2px #FFF , 1796px 952px #FFF , 785px 1514px #FFF , 1464px 592px #FFF , 530px 1342px #FFF , 1275px 819px #FFF , 1974px 463px #FFF , 1969px 1515px #FFF , 633px 1077px #FFF , 1059px 855px #FFF , 1216px 168px #FFF , 1218px 621px #FFF , 1469px 1192px #FFF , 1737px 1434px #FFF , 435px 1205px #FFF , 703px 444px #FFF , 474px 963px #FFF , 1511px 395px #FFF , 261px 22px #FFF , 417px 139px #FFF , 1559px 1128px #FFF , 212px 1358px #FFF , 1564px 251px #FFF , 1607px 266px #FFF , 988px 1652px #FFF , 1675px 542px #FFF , 614px 1972px #FFF , 565px 1845px #FFF , 1774px 1241px #FFF , 1883px 1947px #FFF , 1065px 1437px #FFF , 970px 814px #FFF , 1901px 126px #FFF , 1435px 1190px #FFF , 1540px 396px #FFF , 21px 1085px #FFF , 494px 1679px #FFF , 1756px 1846px #FFF , 1375px 1357px #FFF , 815px 1107px #FFF , 1277px 692px #FFF , 1646px 1153px #FFF , 1931px 851px #FFF , 228px 1555px #FFF , 1157px 785px #FFF , 1386px 409px #FFF , 1935px 62px #FFF , 797px 62px #FFF , 257px 748px #FFF , 645px 1658px #FFF , 1155px 1788px #FFF , 667px 250px #FFF , 808px 1581px #FFF , 494px 1398px #FFF , 1670px 1608px #FFF , 70px 1452px #FFF , 535px 1448px #FFF , 1819px 1427px #FFF , 1377px 186px #FFF , 1843px 1936px #FFF , 1170px 72px #FFF , 911px 1141px #FFF , 1098px 1850px #FFF , 1518px 953px #FFF , 943px 1483px #FFF , 1226px 1927px #FFF , 1460px 1477px #FFF , 1902px 1370px #FFF , 1029px 1983px #FFF , 1271px 1825px #FFF , 1345px 196px #FFF , 528px 1596px #FFF , 661px 189px #FFF , 897px 1689px #FFF , 549px 215px #FFF , 118px 1592px #FFF , 1212px 240px #FFF , 613px 553px #FFF , 1988px 1485px #FFF , 681px 1436px #FFF , 673px 604px #FFF , 1200px 1353px #FFF , 1718px 1685px #FFF , 941px 193px #FFF , 1849px 744px #FFF , 1064px 722px #FFF , 132px 1056px #FFF , 531px 1528px #FFF , 497px 1243px #FFF , 1220px 1493px #FFF , 1310px 460px #FFF , 1535px 1239px #FFF , 1881px 1697px #FFF , 217px 1297px #FFF , 726px 161px #FFF , 1089px 159px #FFF , 93px 968px #FFF , 1382px 1735px #FFF , 547px 137px #FFF , 918px 573px #FFF , 1498px 1680px #FFF , 1863px 637px #FFF , 1205px 1985px #FFF , 1311px 1853px #FFF , 1234px 1392px #FFF , 781px 1928px #FFF , 1047px 1188px #FFF , 1034px 1844px #FFF , 1689px 1382px #FFF , 1651px 1887px #FFF , 1189px 722px #FFF , 945px 1848px #FFF , 924px 1347px #FFF , 272px 689px #FFF , 906px 48px #FFF , 532px 1761px #FFF , 912px 1624px #FFF , 896px 344px #FFF , 1095px 115px #FFF , 208px 440px #FFF , 489px 259px #FFF , 1785px 329px #FFF , 1365px 1580px #FFF , 766px 1841px #FFF , 310px 36px #FFF , 724px 1041px #FFF , 355px 1700px #FFF , 39px 12px #FFF , 1100px 1169px #FFF , 1676px 60px #FFF , 335px 824px #FFF , 1701px 667px #FFF , 1664px 1739px #FFF , 790px 902px #FFF , 1780px 1073px #FFF , 862px 262px #FFF , 584px 1359px #FFF , 1366px 526px #FFF , 1234px 1225px #FFF , 1441px 694px #FFF , 419px 1835px #FFF , 1703px 1481px #FFF , 803px 1335px #FFF , 1576px 474px #FFF , 342px 1993px #FFF , 435px 395px #FFF , 1841px 360px #FFF , 162px 1826px #FFF , 911px 203px #FFF , 1796px 196px #FFF , 1976px 607px #FFF , 509px 1162px #FFF , 4px 258px #FFF , 1113px 485px #FFF , 1971px 1487px #FFF , 728px 755px #FFF , 557px 795px #FFF , 244px 1199px #FFF , 1416px 1850px #FFF , 1388px 1234px #FFF , 127px 1033px #FFF , 1419px 954px #FFF , 1636px 984px #FFF , 1275px 84px #FFF , 1654px 120px #FFF , 1220px 1085px #FFF , 1479px 1765px #FFF , 1052px 1209px #FFF , 302px 563px #FFF , 1294px 1051px #FFF , 1565px 630px #FFF , 1182px 1934px #FFF , 1101px 448px #FFF , 881px 1146px #FFF , 1806px 788px #FFF , 56px 1316px #FFF , 42px 10px #FFF , 121px 1232px #FFF , 1249px 1615px #FFF , 816px 1979px #FFF;
animation: animStar 50s linear infinite;
}
#starscms:after {
content: " ";
position: absolute;
top: 2000px;
width: 1px;
height: 1px;
opacity:.3;
background: transparent;
box-shadow: 1565px 956px #FFF , 1393px 1697px #FFF , 1386px 621px #FFF , 402px 325px #FFF , 28px 1060px #FFF , 1013px 479px #FFF , 1897px 1458px #FFF , 1452px 1412px #FFF , 463px 1747px #FFF , 955px 1043px #FFF , 1287px 1318px #FFF , 862px 1887px #FFF , 954px 1035px #FFF , 116px 626px #FFF , 683px 1344px #FFF , 853px 588px #FFF , 1877px 1615px #FFF , 964px 1174px #FFF , 1396px 460px #FFF , 1146px 160px #FFF , 1721px 1946px #FFF , 1473px 1261px #FFF , 566px 176px #FFF , 1331px 1579px #FFF , 349px 164px #FFF , 1244px 605px #FFF , 198px 511px #FFF , 913px 612px #FFF , 1194px 888px #FFF , 837px 527px #FFF , 1653px 1072px #FFF , 197px 1292px #FFF , 1342px 1011px #FFF , 1242px 321px #FFF , 370px 1022px #FFF , 473px 736px #FFF , 980px 132px #FFF , 1225px 880px #FFF , 981px 1692px #FFF , 859px 268px #FFF , 748px 522px #FFF , 15px 188px #FFF , 433px 373px #FFF , 967px 49px #FFF , 622px 348px #FFF , 742px 796px #FFF , 1904px 1737px #FFF , 1171px 1407px #FFF , 1528px 1030px #FFF , 770px 1756px #FFF , 254px 1723px #FFF , 432px 634px #FFF , 1391px 1590px #FFF , 580px 162px #FFF , 1498px 79px #FFF , 1830px 199px #FFF , 882px 368px #FFF , 1080px 233px #FFF , 1694px 1678px #FFF , 1958px 1387px #FFF , 1806px 1676px #FFF , 284px 881px #FFF , 812px 898px #FFF , 1561px 478px #FFF , 256px 85px #FFF , 298px 1689px #FFF , 443px 1681px #FFF , 1276px 1271px #FFF , 815px 1093px #FFF , 1667px 1034px #FFF , 921px 987px #FFF , 370px 1760px #FFF , 817px 1803px #FFF , 724px 1732px #FFF , 522px 1890px #FFF , 1418px 634px #FFF , 1914px 1708px #FFF , 831px 414px #FFF , 874px 909px #FFF , 523px 489px #FFF , 856px 1930px #FFF , 1814px 1330px #FFF , 341px 365px #FFF , 727px 1496px #FFF , 1558px 1940px #FFF , 72px 376px #FFF , 766px 1118px #FFF , 282px 947px #FFF , 885px 1199px #FFF , 1839px 1586px #FFF , 1085px 265px #FFF , 170px 1110px #FFF , 1778px 90px #FFF , 1725px 374px #FFF , 663px 1288px #FFF , 1504px 1093px #FFF , 1219px 232px #FFF , 8px 550px #FFF , 992px 1862px #FFF , 49px 1252px #FFF , 994px 1519px #FFF , 250px 27px #FFF , 1607px 911px #FFF , 1745px 1316px #FFF , 1645px 28px #FFF , 1695px 403px #FFF , 634px 677px #FFF , 64px 890px #FFF , 1950px 714px #FFF , 1864px 1200px #FFF , 1501px 1373px #FFF , 1656px 1459px #FFF , 1369px 395px #FFF , 1625px 1661px #FFF , 920px 1719px #FFF , 407px 229px #FFF , 1061px 926px #FFF , 88px 119px #FFF , 248px 215px #FFF , 322px 1414px #FFF , 1004px 1191px #FFF , 870px 108px #FFF , 308px 1575px #FFF , 316px 1467px #FFF , 1580px 833px #FFF , 1362px 1050px #FFF , 1579px 513px #FFF , 1784px 564px #FFF , 925px 800px #FFF , 1543px 1191px #FFF , 1513px 1007px #FFF , 1787px 425px #FFF , 27px 1715px #FFF , 1664px 12px #FFF , 1370px 582px #FFF , 921px 1246px #FFF , 804px 579px #FFF , 1872px 1585px #FFF , 1586px 704px #FFF , 638px 138px #FFF , 260px 534px #FFF , 375px 1797px #FFF , 6px 1669px #FFF , 81px 1278px #FFF , 1230px 1952px #FFF , 179px 245px #FFF , 603px 228px #FFF , 179px 169px #FFF , 144px 1864px #FFF , 1712px 431px #FFF , 786px 233px #FFF , 388px 1584px #FFF , 1355px 1135px #FFF , 1801px 1334px #FFF , 892px 447px #FFF , 1107px 803px #FFF , 1002px 1988px #FFF , 1082px 848px #FFF , 833px 767px #FFF , 1852px 981px #FFF , 1827px 1481px #FFF , 603px 1295px #FFF , 1812px 1197px #FFF , 1267px 1942px #FFF , 1180px 1803px #FFF , 1253px 1124px #FFF , 1378px 414px #FFF , 369px 1753px #FFF , 1421px 226px #FFF , 2000px 1109px #FFF , 744px 1659px #FFF , 1535px 1185px #FFF , 1943px 1811px #FFF , 1312px 226px #FFF , 1694px 1052px #FFF , 1687px 1824px #FFF , 1196px 521px #FFF , 150px 1558px #FFF , 1502px 427px #FFF , 62px 1394px #FFF , 534px 1762px #FFF , 1155px 1538px #FFF , 1264px 1457px #FFF , 1057px 1508px #FFF , 403px 1209px #FFF , 1312px 24px #FFF , 1867px 666px #FFF , 1883px 1250px #FFF , 1444px 269px #FFF , 1678px 1315px #FFF , 195px 333px #FFF , 1739px 1329px #FFF , 1405px 351px #FFF , 568px 373px #FFF , 461px 1575px #FFF , 1099px 712px #FFF , 1999px 1897px #FFF , 91px 50px #FFF , 483px 587px #FFF , 1193px 1829px #FFF , 518px 1013px #FFF , 1683px 1550px #FFF , 1597px 981px #FFF , 152px 1521px #FFF , 703px 484px #FFF , 1234px 382px #FFF , 1265px 1818px #FFF , 1450px 591px #FFF , 1473px 636px #FFF , 799px 1031px #FFF , 1447px 1398px #FFF , 415px 1523px #FFF , 1471px 1810px #FFF , 500px 1861px #FFF , 52px 318px #FFF , 279px 1913px #FFF , 518px 1143px #FFF , 1594px 932px #FFF , 1600px 1618px #FFF , 1939px 1181px #FFF , 1381px 1351px #FFF , 1493px 892px #FFF , 900px 1125px #FFF , 197px 468px #FFF , 451px 300px #FFF , 1905px 964px #FFF , 251px 761px #FFF , 1094px 198px #FFF , 991px 46px #FFF , 655px 1255px #FFF , 1698px 613px #FFF , 675px 1669px #FFF , 54px 1556px #FFF , 471px 443px #FFF , 1826px 986px #FFF , 799px 910px #FFF , 1555px 1530px #FFF , 1779px 1588px #FFF , 1452px 1031px #FFF , 808px 1168px #FFF , 1048px 1428px #FFF , 311px 1054px #FFF , 650px 976px #FFF , 306px 1982px #FFF , 216px 1512px #FFF , 478px 20px #FFF , 123px 1900px #FFF , 1482px 1260px #FFF , 1832px 945px #FFF , 336px 1886px #FFF , 525px 1960px #FFF , 1546px 1135px #FFF , 653px 558px #FFF , 1195px 1564px #FFF , 510px 3px #FFF , 783px 595px #FFF , 1589px 1829px #FFF , 189px 430px #FFF , 1048px 1518px #FFF , 1135px 1567px #FFF , 1219px 1957px #FFF , 1484px 1316px #FFF , 612px 1318px #FFF , 889px 638px #FFF , 462px 1186px #FFF , 328px 1009px #FFF , 1170px 218px #FFF , 1086px 923px #FFF , 1789px 483px #FFF , 503px 125px #FFF , 76px 885px #FFF , 1595px 464px #FFF , 569px 500px #FFF , 720px 364px #FFF , 1281px 363px #FFF , 1655px 1403px #FFF , 730px 1067px #FFF , 1258px 1439px #FFF , 1382px 997px #FFF , 1524px 1605px #FFF , 1753px 1145px #FFF , 1873px 1941px #FFF , 878px 1691px #FFF , 1479px 868px #FFF , 1680px 1074px #FFF , 1284px 1278px #FFF , 1676px 1162px #FFF , 1260px 385px #FFF , 1897px 1593px #FFF , 1341px 183px #FFF , 669px 163px #FFF , 1994px 588px #FFF , 351px 1792px #FFF , 1288px 638px #FFF , 383px 41px #FFF , 552px 1540px #FFF , 1605px 949px #FFF , 1707px 1209px #FFF , 1168px 862px #FFF , 450px 482px #FFF , 631px 1854px #FFF , 1406px 119px #FFF , 489px 811px #FFF , 796px 517px #FFF , 1668px 1942px #FFF , 1504px 760px #FFF , 884px 1199px #FFF , 769px 789px #FFF , 296px 1088px #FFF , 1112px 1158px #FFF , 1017px 679px #FFF , 833px 1257px #FFF , 1897px 596px #FFF , 1967px 973px #FFF , 1394px 229px #FFF , 45px 1489px #FFF , 1125px 513px #FFF , 1651px 1990px #FFF , 1636px 1984px #FFF , 116px 642px #FFF , 1589px 359px #FFF , 670px 580px #FFF , 1664px 617px #FFF , 904px 1523px #FFF , 517px 245px #FFF , 840px 1078px #FFF , 1994px 359px #FFF , 1515px 595px #FFF , 1953px 1055px #FFF , 408px 399px #FFF , 51px 1425px #FFF , 416px 1796px #FFF , 1204px 578px #FFF , 167px 1046px #FFF , 1746px 1430px #FFF , 1392px 1313px #FFF , 1805px 548px #FFF , 1774px 152px #FFF , 1759px 931px #FFF , 1444px 787px #FFF , 1036px 1288px #FFF , 547px 819px #FFF , 953px 1268px #FFF , 499px 1087px #FFF , 1212px 1426px #FFF , 1767px 128px #FFF , 103px 824px #FFF , 1828px 1803px #FFF , 388px 1728px #FFF , 972px 1676px #FFF , 503px 815px #FFF , 831px 1777px #FFF , 486px 1190px #FFF , 409px 1338px #FFF , 1164px 1169px #FFF , 33px 61px #FFF , 726px 448px #FFF , 202px 319px #FFF , 1287px 1905px #FFF , 1577px 152px #FFF , 246px 537px #FFF , 305px 1671px #FFF , 1998px 1808px #FFF , 650px 307px #FFF , 1699px 1765px #FFF , 1670px 1386px #FFF , 387px 934px #FFF , 15px 687px #FFF , 465px 227px #FFF , 1267px 885px #FFF , 1300px 1781px #FFF , 662px 734px #FFF , 912px 583px #FFF , 1002px 361px #FFF , 1655px 61px #FFF , 1174px 1910px #FFF , 1136px 987px #FFF , 1131px 861px #FFF , 93px 905px #FFF , 1546px 809px #FFF , 1356px 1776px #FFF , 1168px 1947px #FFF , 332px 1494px #FFF , 52px 220px #FFF , 1316px 491px #FFF , 1657px 335px #FFF , 438px 817px #FFF , 1773px 1984px #FFF , 1115px 340px #FFF , 1235px 1732px #FFF , 1578px 1083px #FFF , 69px 1856px #FFF , 864px 1725px #FFF , 1599px 1346px #FFF , 1667px 1600px #FFF , 1455px 1917px #FFF , 820px 1935px #FFF , 183px 1629px #FFF , 1513px 1499px #FFF , 558px 1652px #FFF , 1500px 742px #FFF , 1707px 556px #FFF , 1256px 706px #FFF , 924px 1312px #FFF , 1196px 1357px #FFF , 96px 1705px #FFF , 1831px 1859px #FFF , 403px 1281px #FFF , 145px 1374px #FFF , 1297px 1106px #FFF , 1056px 1701px #FFF , 1901px 302px #FFF , 1882px 244px #FFF , 1587px 1999px #FFF , 1336px 1751px #FFF , 1173px 1526px #FFF , 1012px 250px #FFF , 474px 1051px #FFF , 1338px 824px #FFF , 1674px 149px #FFF , 1328px 270px #FFF , 840px 28px #FFF , 1444px 278px #FFF , 1980px 162px #FFF , 254px 656px #FFF , 974px 9px #FFF , 385px 207px #FFF , 1743px 381px #FFF , 1285px 9px #FFF , 658px 384px #FFF , 149px 687px #FFF , 741px 379px #FFF , 1932px 1125px #FFF , 256px 1538px #FFF , 1671px 14px #FFF , 836px 1895px #FFF , 1584px 1905px #FFF , 630px 1775px #FFF , 552px 1432px #FFF , 328px 650px #FFF , 1531px 1144px #FFF , 1978px 1724px #FFF , 1021px 1262px #FFF , 1843px 892px #FFF , 972px 503px #FFF , 1001px 1353px #FFF , 751px 1790px #FFF , 1773px 1358px #FFF , 1693px 1365px #FFF , 152px 111px #FFF , 1102px 1923px #FFF , 702px 1098px #FFF , 524px 738px #FFF , 729px 1030px #FFF , 1996px 827px #FFF , 616px 1794px #FFF , 217px 118px #FFF , 342px 1518px #FFF , 584px 399px #FFF , 930px 117px #FFF , 348px 994px #FFF , 1736px 1231px #FFF , 798px 344px #FFF , 1935px 465px #FFF , 1095px 1626px #FFF , 80px 1617px #FFF , 55px 1291px #FFF , 849px 573px #FFF , 1212px 208px #FFF , 275px 421px #FFF , 620px 1241px #FFF , 800px 1018px #FFF , 797px 30px #FFF , 1259px 1627px #FFF , 1666px 386px #FFF , 702px 1868px #FFF , 168px 645px #FFF , 1370px 1600px #FFF , 1426px 546px #FFF , 1163px 140px #FFF , 596px 738px #FFF , 1970px 98px #FFF , 568px 599px #FFF , 1786px 957px #FFF , 692px 1165px #FFF , 1199px 841px #FFF , 1385px 917px #FFF , 1246px 119px #FFF , 768px 1630px #FFF , 1650px 759px #FFF , 1017px 1662px #FFF , 1940px 1975px #FFF , 764px 229px #FFF , 236px 114px #FFF , 1160px 1128px #FFF , 195px 273px #FFF , 237px 662px #FFF , 1738px 1475px #FFF , 12px 1816px #FFF , 1732px 281px #FFF , 1097px 942px #FFF , 1308px 671px #FFF , 1384px 821px #FFF , 211px 1725px #FFF , 205px 317px #FFF , 832px 804px #FFF , 414px 468px #FFF , 929px 895px #FFF , 937px 732px #FFF , 850px 1436px #FFF , 1215px 1840px #FFF , 1685px 1135px #FFF , 144px 633px #FFF , 1390px 694px #FFF , 57px 83px #FFF , 1813px 458px #FFF , 1624px 454px #FFF , 687px 586px #FFF , 274px 163px #FFF , 1379px 489px #FFF , 991px 2px #FFF , 1796px 952px #FFF , 785px 1514px #FFF , 1464px 592px #FFF , 530px 1342px #FFF , 1275px 819px #FFF , 1974px 463px #FFF , 1969px 1515px #FFF , 633px 1077px #FFF , 1059px 855px #FFF , 1216px 168px #FFF , 1218px 621px #FFF , 1469px 1192px #FFF , 1737px 1434px #FFF , 435px 1205px #FFF , 703px 444px #FFF , 474px 963px #FFF , 1511px 395px #FFF , 261px 22px #FFF , 417px 139px #FFF , 1559px 1128px #FFF , 212px 1358px #FFF , 1564px 251px #FFF , 1607px 266px #FFF , 988px 1652px #FFF , 1675px 542px #FFF , 614px 1972px #FFF , 565px 1845px #FFF , 1774px 1241px #FFF , 1883px 1947px #FFF , 1065px 1437px #FFF , 970px 814px #FFF , 1901px 126px #FFF , 1435px 1190px #FFF , 1540px 396px #FFF , 21px 1085px #FFF , 494px 1679px #FFF , 1756px 1846px #FFF , 1375px 1357px #FFF , 815px 1107px #FFF , 1277px 692px #FFF , 1646px 1153px #FFF , 1931px 851px #FFF , 228px 1555px #FFF , 1157px 785px #FFF , 1386px 409px #FFF , 1935px 62px #FFF , 797px 62px #FFF , 257px 748px #FFF , 645px 1658px #FFF , 1155px 1788px #FFF , 667px 250px #FFF , 808px 1581px #FFF , 494px 1398px #FFF , 1670px 1608px #FFF , 70px 1452px #FFF , 535px 1448px #FFF , 1819px 1427px #FFF , 1377px 186px #FFF , 1843px 1936px #FFF , 1170px 72px #FFF , 911px 1141px #FFF , 1098px 1850px #FFF , 1518px 953px #FFF , 943px 1483px #FFF , 1226px 1927px #FFF , 1460px 1477px #FFF , 1902px 1370px #FFF , 1029px 1983px #FFF , 1271px 1825px #FFF , 1345px 196px #FFF , 528px 1596px #FFF , 661px 189px #FFF , 897px 1689px #FFF , 549px 215px #FFF , 118px 1592px #FFF , 1212px 240px #FFF , 613px 553px #FFF , 1988px 1485px #FFF , 681px 1436px #FFF , 673px 604px #FFF , 1200px 1353px #FFF , 1718px 1685px #FFF , 941px 193px #FFF , 1849px 744px #FFF , 1064px 722px #FFF , 132px 1056px #FFF , 531px 1528px #FFF , 497px 1243px #FFF , 1220px 1493px #FFF , 1310px 460px #FFF , 1535px 1239px #FFF , 1881px 1697px #FFF , 217px 1297px #FFF , 726px 161px #FFF , 1089px 159px #FFF , 93px 968px #FFF , 1382px 1735px #FFF , 547px 137px #FFF , 918px 573px #FFF , 1498px 1680px #FFF , 1863px 637px #FFF , 1205px 1985px #FFF , 1311px 1853px #FFF , 1234px 1392px #FFF , 781px 1928px #FFF , 1047px 1188px #FFF , 1034px 1844px #FFF , 1689px 1382px #FFF , 1651px 1887px #FFF , 1189px 722px #FFF , 945px 1848px #FFF , 924px 1347px #FFF , 272px 689px #FFF , 906px 48px #FFF , 532px 1761px #FFF , 912px 1624px #FFF , 896px 344px #FFF , 1095px 115px #FFF , 208px 440px #FFF , 489px 259px #FFF , 1785px 329px #FFF , 1365px 1580px #FFF , 766px 1841px #FFF , 310px 36px #FFF , 724px 1041px #FFF , 355px 1700px #FFF , 39px 12px #FFF , 1100px 1169px #FFF , 1676px 60px #FFF , 335px 824px #FFF , 1701px 667px #FFF , 1664px 1739px #FFF , 790px 902px #FFF , 1780px 1073px #FFF , 862px 262px #FFF , 584px 1359px #FFF , 1366px 526px #FFF , 1234px 1225px #FFF , 1441px 694px #FFF , 419px 1835px #FFF , 1703px 1481px #FFF , 803px 1335px #FFF , 1576px 474px #FFF , 342px 1993px #FFF , 435px 395px #FFF , 1841px 360px #FFF , 162px 1826px #FFF , 911px 203px #FFF , 1796px 196px #FFF , 1976px 607px #FFF , 509px 1162px #FFF , 4px 258px #FFF , 1113px 485px #FFF , 1971px 1487px #FFF , 728px 755px #FFF , 557px 795px #FFF , 244px 1199px #FFF , 1416px 1850px #FFF , 1388px 1234px #FFF , 127px 1033px #FFF , 1419px 954px #FFF , 1636px 984px #FFF , 1275px 84px #FFF , 1654px 120px #FFF , 1220px 1085px #FFF , 1479px 1765px #FFF , 1052px 1209px #FFF , 302px 563px #FFF , 1294px 1051px #FFF , 1565px 630px #FFF , 1182px 1934px #FFF , 1101px 448px #FFF , 881px 1146px #FFF , 1806px 788px #FFF , 56px 1316px #FFF , 42px 10px #FFF , 121px 1232px #FFF , 1249px 1615px #FFF , 816px 1979px #FFF; }
#stars2cms {
width: 2px;
height: 2px;
opacity:.3;
background: transparent;
box-shadow: 59px 742px #FFF , 896px 942px #FFF , 483px 168px #FFF , 1881px 887px #FFF , 1748px 1642px #FFF , 1929px 1610px #FFF , 638px 1965px #FFF , 1990px 1421px #FFF , 1423px 122px #FFF , 753px 1935px #FFF , 1885px 568px #FFF , 1937px 753px #FFF , 1471px 1409px #FFF , 1320px 1829px #FFF , 268px 1853px #FFF , 492px 219px #FFF , 338px 1415px #FFF , 632px 1218px #FFF , 1399px 1844px #FFF , 498px 787px #FFF , 1518px 1294px #FFF , 445px 900px #FFF , 1437px 1583px #FFF , 578px 823px #FFF , 203px 1299px #FFF , 184px 1454px #FFF , 1738px 1233px #FFF , 693px 554px #FFF , 1944px 938px #FFF , 1208px 1806px #FFF , 23px 1378px #FFF , 1544px 196px #FFF , 1483px 501px #FFF , 1767px 895px #FFF , 846px 1481px #FFF , 1961px 26px #FFF , 1746px 233px #FFF , 263px 1208px #FFF , 333px 266px #FFF , 1809px 1127px #FFF , 1878px 1728px #FFF , 1890px 1166px #FFF , 1732px 1583px #FFF , 1245px 1667px #FFF , 1090px 644px #FFF , 1561px 232px #FFF , 1882px 1666px #FFF , 400px 197px #FFF , 1928px 545px #FFF , 1016px 1611px #FFF , 271px 1529px #FFF , 1386px 1597px #FFF , 312px 743px #FFF , 431px 969px #FFF , 1327px 1791px #FFF , 792px 1407px #FFF , 1021px 1871px #FFF , 251px 1843px #FFF , 155px 767px #FFF , 1256px 1358px #FFF , 1466px 617px #FFF , 485px 469px #FFF , 545px 1457px #FFF , 123px 835px #FFF , 443px 1586px #FFF , 825px 1467px #FFF , 932px 262px #FFF , 1667px 1989px #FFF , 1695px 1763px #FFF , 1713px 818px #FFF , 384px 428px #FFF , 968px 1891px #FFF , 1584px 1068px #FFF , 393px 1309px #FFF , 1616px 1947px #FFF , 1427px 1741px #FFF , 83px 1072px #FFF , 1127px 1064px #FFF , 1188px 1615px #FFF , 937px 1014px #FFF , 146px 1589px #FFF , 127px 202px #FFF , 1228px 594px #FFF , 429px 165px #FFF , 1508px 1048px #FFF , 207px 96px #FFF , 1515px 1894px #FFF , 837px 1888px #FFF , 924px 745px #FFF , 1089px 1909px #FFF , 1676px 1988px #FFF , 1000px 1800px #FFF , 1352px 267px #FFF , 1319px 1362px #FFF , 1588px 695px #FFF , 263px 138px #FFF , 1032px 688px #FFF , 41px 1212px #FFF , 1951px 492px #FFF , 31px 413px #FFF , 364px 1908px #FFF , 118px 1419px #FFF , 1725px 394px #FFF , 887px 1280px #FFF , 230px 440px #FFF , 1957px 851px #FFF , 1562px 1226px #FFF , 564px 1861px #FFF , 80px 1479px #FFF , 1438px 1337px #FFF , 984px 762px #FFF , 127px 1303px #FFF , 1794px 621px #FFF , 434px 566px #FFF , 1354px 1567px #FFF , 352px 1257px #FFF , 266px 1324px #FFF , 821px 1047px #FFF , 720px 668px #FFF , 686px 622px #FFF , 1807px 1730px #FFF , 1873px 1849px #FFF , 1252px 1347px #FFF , 1297px 1738px #FFF , 598px 1367px #FFF , 357px 1285px #FFF , 773px 1667px #FFF , 1961px 240px #FFF , 16px 14px #FFF , 104px 391px #FFF , 960px 824px #FFF , 903px 846px #FFF , 57px 1171px #FFF , 1640px 180px #FFF , 1773px 1049px #FFF , 1892px 1826px #FFF , 83px 1504px #FFF , 1647px 462px #FFF , 1333px 1363px #FFF , 1829px 1885px #FFF , 953px 176px #FFF , 963px 1862px #FFF , 352px 1360px #FFF , 417px 1898px #FFF , 1840px 784px #FFF , 80px 543px #FFF , 191px 612px #FFF , 675px 1154px #FFF , 1220px 1370px #FFF , 139px 166px #FFF , 1753px 488px #FFF , 1316px 1548px #FFF , 1443px 489px #FFF , 1364px 355px #FFF , 1825px 1245px #FFF , 1363px 1122px #FFF , 461px 268px #FFF , 1930px 493px #FFF , 667px 1735px #FFF , 75px 412px #FFF , 1502px 589px #FFF , 1178px 754px #FFF , 399px 289px #FFF , 1039px 312px #FFF , 1908px 1254px #FFF , 1354px 1288px #FFF , 1505px 1543px #FFF , 207px 186px #FFF , 1590px 92px #FFF , 604px 474px #FFF , 1871px 1777px #FFF , 199px 1521px #FFF , 332px 1411px #FFF , 1703px 1013px #FFF , 1362px 1332px #FFF , 1083px 190px #FFF , 1280px 1321px #FFF , 91px 1695px #FFF , 1843px 194px #FFF , 935px 428px #FFF , 418px 766px #FFF , 1670px 1648px #FFF , 1768px 1926px #FFF , 1292px 1079px #FFF , 1242px 1606px #FFF , 1673px 408px #FFF , 237px 1220px #FFF , 1410px 226px #FFF , 51px 1005px #FFF , 1941px 1978px #FFF , 1431px 813px #FFF , 597px 1861px #FFF , 501px 153px #FFF , 1530px 1699px #FFF , 204px 993px #FFF , 840px 1925px #FFF , 1864px 721px #FFF , 1932px 370px #FFF , 34px 948px #FFF , 1251px 1507px #FFF;
animation: animStar 100s linear infinite;
}
#stars2cms:after {
content: " ";
position: absolute;
top: 2000px;
width: 2px;
height: 2px;
opacity:.3;
background: transparent;
box-shadow: 59px 742px #FFF , 896px 942px #FFF , 483px 168px #FFF , 1881px 887px #FFF , 1748px 1642px #FFF , 1929px 1610px #FFF , 638px 1965px #FFF , 1990px 1421px #FFF , 1423px 122px #FFF , 753px 1935px #FFF , 1885px 568px #FFF , 1937px 753px #FFF , 1471px 1409px #FFF , 1320px 1829px #FFF , 268px 1853px #FFF , 492px 219px #FFF , 338px 1415px #FFF , 632px 1218px #FFF , 1399px 1844px #FFF , 498px 787px #FFF , 1518px 1294px #FFF , 445px 900px #FFF , 1437px 1583px #FFF , 578px 823px #FFF , 203px 1299px #FFF , 184px 1454px #FFF , 1738px 1233px #FFF , 693px 554px #FFF , 1944px 938px #FFF , 1208px 1806px #FFF , 23px 1378px #FFF , 1544px 196px #FFF , 1483px 501px #FFF , 1767px 895px #FFF , 846px 1481px #FFF , 1961px 26px #FFF , 1746px 233px #FFF , 263px 1208px #FFF , 333px 266px #FFF , 1809px 1127px #FFF , 1878px 1728px #FFF , 1890px 1166px #FFF , 1732px 1583px #FFF , 1245px 1667px #FFF , 1090px 644px #FFF , 1561px 232px #FFF , 1882px 1666px #FFF , 400px 197px #FFF , 1928px 545px #FFF , 1016px 1611px #FFF , 271px 1529px #FFF , 1386px 1597px #FFF , 312px 743px #FFF , 431px 969px #FFF , 1327px 1791px #FFF , 792px 1407px #FFF , 1021px 1871px #FFF , 251px 1843px #FFF , 155px 767px #FFF , 1256px 1358px #FFF , 1466px 617px #FFF , 485px 469px #FFF , 545px 1457px #FFF , 123px 835px #FFF , 443px 1586px #FFF , 825px 1467px #FFF , 932px 262px #FFF , 1667px 1989px #FFF , 1695px 1763px #FFF , 1713px 818px #FFF , 384px 428px #FFF , 968px 1891px #FFF , 1584px 1068px #FFF , 393px 1309px #FFF , 1616px 1947px #FFF , 1427px 1741px #FFF , 83px 1072px #FFF , 1127px 1064px #FFF , 1188px 1615px #FFF , 937px 1014px #FFF , 146px 1589px #FFF , 127px 202px #FFF , 1228px 594px #FFF , 429px 165px #FFF , 1508px 1048px #FFF , 207px 96px #FFF , 1515px 1894px #FFF , 837px 1888px #FFF , 924px 745px #FFF , 1089px 1909px #FFF , 1676px 1988px #FFF , 1000px 1800px #FFF , 1352px 267px #FFF , 1319px 1362px #FFF , 1588px 695px #FFF , 263px 138px #FFF , 1032px 688px #FFF , 41px 1212px #FFF , 1951px 492px #FFF , 31px 413px #FFF , 364px 1908px #FFF , 118px 1419px #FFF , 1725px 394px #FFF , 887px 1280px #FFF , 230px 440px #FFF , 1957px 851px #FFF , 1562px 1226px #FFF , 564px 1861px #FFF , 80px 1479px #FFF , 1438px 1337px #FFF , 984px 762px #FFF , 127px 1303px #FFF , 1794px 621px #FFF , 434px 566px #FFF , 1354px 1567px #FFF , 352px 1257px #FFF , 266px 1324px #FFF , 821px 1047px #FFF , 720px 668px #FFF , 686px 622px #FFF , 1807px 1730px #FFF , 1873px 1849px #FFF , 1252px 1347px #FFF , 1297px 1738px #FFF , 598px 1367px #FFF , 357px 1285px #FFF , 773px 1667px #FFF , 1961px 240px #FFF , 16px 14px #FFF , 104px 391px #FFF , 960px 824px #FFF , 903px 846px #FFF , 57px 1171px #FFF , 1640px 180px #FFF , 1773px 1049px #FFF , 1892px 1826px #FFF , 83px 1504px #FFF , 1647px 462px #FFF , 1333px 1363px #FFF , 1829px 1885px #FFF , 953px 176px #FFF , 963px 1862px #FFF , 352px 1360px #FFF , 417px 1898px #FFF , 1840px 784px #FFF , 80px 543px #FFF , 191px 612px #FFF , 675px 1154px #FFF , 1220px 1370px #FFF , 139px 166px #FFF , 1753px 488px #FFF , 1316px 1548px #FFF , 1443px 489px #FFF , 1364px 355px #FFF , 1825px 1245px #FFF , 1363px 1122px #FFF , 461px 268px #FFF , 1930px 493px #FFF , 667px 1735px #FFF , 75px 412px #FFF , 1502px 589px #FFF , 1178px 754px #FFF , 399px 289px #FFF , 1039px 312px #FFF , 1908px 1254px #FFF , 1354px 1288px #FFF , 1505px 1543px #FFF , 207px 186px #FFF , 1590px 92px #FFF , 604px 474px #FFF , 1871px 1777px #FFF , 199px 1521px #FFF , 332px 1411px #FFF , 1703px 1013px #FFF , 1362px 1332px #FFF , 1083px 190px #FFF , 1280px 1321px #FFF , 91px 1695px #FFF , 1843px 194px #FFF , 935px 428px #FFF , 418px 766px #FFF , 1670px 1648px #FFF , 1768px 1926px #FFF , 1292px 1079px #FFF , 1242px 1606px #FFF , 1673px 408px #FFF , 237px 1220px #FFF , 1410px 226px #FFF , 51px 1005px #FFF , 1941px 1978px #FFF , 1431px 813px #FFF , 597px 1861px #FFF , 501px 153px #FFF , 1530px 1699px #FFF , 204px 993px #FFF , 840px 1925px #FFF , 1864px 721px #FFF , 1932px 370px #FFF , 34px 948px #FFF , 1251px 1507px #FFF;
}
#stars3cms {
width: 3px;
height: 3px;
opacity:.3;
background: transparent;
box-shadow: 21px 1291px #FFF , 1828px 595px #FFF , 511px 633px #FFF , 63px 1736px #FFF , 1283px 1931px #FFF , 1108px 1182px #FFF , 302px 1680px #FFF , 1258px 1355px #FFF , 103px 1051px #FFF , 863px 1329px #FFF , 1283px 1991px #FFF , 1059px 1536px #FFF , 1460px 1178px #FFF , 1206px 1752px #FFF , 69px 326px #FFF , 171px 1747px #FFF , 61px 1097px #FFF , 550px 1567px #FFF , 828px 650px #FFF , 730px 1479px #FFF , 1470px 1747px #FFF , 509px 882px #FFF , 1481px 1900px #FFF , 776px 1764px #FFF , 1698px 1285px #FFF , 1611px 1971px #FFF , 252px 4px #FFF , 1701px 1012px #FFF , 386px 355px #FFF , 1754px 66px #FFF , 1844px 676px #FFF , 349px 772px #FFF , 805px 334px #FFF , 1175px 1639px #FFF , 531px 620px #FFF , 1190px 277px #FFF , 1745px 367px #FFF , 248px 495px #FFF , 1636px 1500px #FFF , 1586px 870px #FFF , 1632px 314px #FFF , 1767px 799px #FFF , 1645px 1460px #FFF , 496px 986px #FFF , 1800px 1402px #FFF , 338px 425px #FFF , 1424px 452px #FFF , 1942px 22px #FFF , 1392px 697px #FFF , 1815px 729px #FFF , 273px 967px #FFF , 730px 53px #FFF , 1152px 1905px #FFF , 1631px 1266px #FFF , 1592px 802px #FFF , 260px 168px #FFF , 1880px 1629px #FFF , 305px 1042px #FFF , 1333px 1750px #FFF , 1977px 1297px #FFF , 653px 1323px #FFF , 746px 1264px #FFF , 1000px 1607px #FFF , 1461px 260px #FFF , 288px 28px #FFF , 704px 929px #FFF , 888px 140px #FFF , 1652px 888px #FFF , 1469px 305px #FFF , 873px 1109px #FFF , 81px 1506px #FFF , 1775px 1865px #FFF , 613px 1353px #FFF , 407px 1891px #FFF , 1274px 678px #FFF , 150px 1181px #FFF , 1239px 1488px #FFF , 691px 927px #FFF , 1242px 380px #FFF , 1224px 1466px #FFF , 1087px 1559px #FFF , 772px 430px #FFF , 626px 1904px #FFF , 1455px 795px #FFF , 266px 1831px #FFF , 1752px 646px #FFF , 745px 1055px #FFF , 1743px 1606px #FFF , 238px 536px #FFF , 1170px 821px #FFF , 321px 165px #FFF , 537px 83px #FFF , 1346px 1430px #FFF , 395px 1877px #FFF , 1966px 1552px #FFF , 260px 1770px #FFF , 722px 128px #FFF , 369px 406px #FFF , 1427px 1341px #FFF , 1278px 895px #FFF;
animation: animStar 150s linear infinite;
}
#stars3cms:after {
content: " ";
position: absolute;
top: 2000px;
width: 3px;
height: 3px;
opacity:.5;
background: transparent;
box-shadow: 21px 1291px #FFF , 1828px 595px #FFF , 511px 633px #FFF , 63px 1736px #FFF , 1283px 1931px #FFF , 1108px 1182px #FFF , 302px 1680px #FFF , 1258px 1355px #FFF , 103px 1051px #FFF , 863px 1329px #FFF , 1283px 1991px #FFF , 1059px 1536px #FFF , 1460px 1178px #FFF , 1206px 1752px #FFF , 69px 326px #FFF , 171px 1747px #FFF , 61px 1097px #FFF , 550px 1567px #FFF , 828px 650px #FFF , 730px 1479px #FFF , 1470px 1747px #FFF , 509px 882px #FFF , 1481px 1900px #FFF , 776px 1764px #FFF , 1698px 1285px #FFF , 1611px 1971px #FFF , 252px 4px #FFF , 1701px 1012px #FFF , 386px 355px #FFF , 1754px 66px #FFF , 1844px 676px #FFF , 349px 772px #FFF , 805px 334px #FFF , 1175px 1639px #FFF , 531px 620px #FFF , 1190px 277px #FFF , 1745px 367px #FFF , 248px 495px #FFF , 1636px 1500px #FFF , 1586px 870px #FFF , 1632px 314px #FFF , 1767px 799px #FFF , 1645px 1460px #FFF , 496px 986px #FFF , 1800px 1402px #FFF , 338px 425px #FFF , 1424px 452px #FFF , 1942px 22px #FFF , 1392px 697px #FFF , 1815px 729px #FFF , 273px 967px #FFF , 730px 53px #FFF , 1152px 1905px #FFF , 1631px 1266px #FFF , 1592px 802px #FFF , 260px 168px #FFF , 1880px 1629px #FFF , 305px 1042px #FFF , 1333px 1750px #FFF , 1977px 1297px #FFF , 653px 1323px #FFF , 746px 1264px #FFF , 1000px 1607px #FFF , 1461px 260px #FFF , 288px 28px #FFF , 704px 929px #FFF , 888px 140px #FFF , 1652px 888px #FFF , 1469px 305px #FFF , 873px 1109px #FFF , 81px 1506px #FFF , 1775px 1865px #FFF , 613px 1353px #FFF , 407px 1891px #FFF , 1274px 678px #FFF , 150px 1181px #FFF , 1239px 1488px #FFF , 691px 927px #FFF , 1242px 380px #FFF , 1224px 1466px #FFF , 1087px 1559px #FFF , 772px 430px #FFF , 626px 1904px #FFF , 1455px 795px #FFF , 266px 1831px #FFF , 1752px 646px #FFF , 745px 1055px #FFF , 1743px 1606px #FFF , 238px 536px #FFF , 1170px 821px #FFF , 321px 165px #FFF , 537px 83px #FFF , 1346px 1430px #FFF , 395px 1877px #FFF , 1966px 1552px #FFF , 260px 1770px #FFF , 722px 128px #FFF , 369px 406px #FFF , 1427px 1341px #FFF , 1278px 895px #FFF;
}
@keyframes animStar {
from {
transform: translateY(0px);
}
to {
transform: translateY(-2000px);
}
}
/*****custom cms website***/
/******landing-page***/
.arealnd{
width: 100%;
height:100%;
}
.circleslnd{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.circleslnd li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
animation: animatelnd 15s linear infinite;
bottom: -100px;
}
.circleslnd li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.circleslnd li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.circleslnd li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.circleslnd li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 15s;
}
.circleslnd li:nth-child(5){
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.circleslnd li:nth-child(6){
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.circleslnd li:nth-child(7){
left: 35%;
width: 100px;
height: 100px;
animation-delay: 7s;
}
.circleslnd li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 35s;
}
.circleslnd li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 25s;
}
.circleslnd li:nth-child(10){
left: 85%;
width: 70px;
height: 70px;
animation-delay: 0s;
animation-duration: 11s;
}
@keyframes animatelnd {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}
.wrklnd {
text-align: center;
margin-bottom: 50px;
}
.wrklnd p {
font-size: 18px;
font-weight: 400;
color: #2e8ff0;
margin-top: 10px;
margin-bottom: 0;
line-height: 25px;
}
.wid-lndicn {
max-width: 900px;
margin: 0 auto;
}
.reatxt01 {
border: #1a242d solid 1px;
padding: 60px 50px 30px 0;
border-radius: 15px;
}
/******landing-page***/
/**** android app development***/
.circle-andard{
position: absolute;
border-radius: 50%;
background: #213956;
animation: ripple-andard 15s infinite;
box-shadow: 0px 0px 1px 0px #508fb9;
}
.small-andard{
width: 200px;
height: 200px;
left: -100px;
bottom: 0px;
}
.medium-andard{
width: 400px;
height: 400px;
left: -200px;
bottom: -50px;
}
.large-andard{
width: 600px;
height: 600px;
left: -300px;
bottom: -150px;
}
.xlarge-andard{
width: 800px;
height: 800px;
left: -400px;
bottom: -250px;
}
.xxlarge-andard{
width: 1000px;
height: 1000px;
left: -500px;
bottom: -350px;
}
.shade1{
opacity: 0.2;
}
.shade2{
opacity: 0.5;
}
.shade3{
opacity: 0.7;
}
.shade4{
opacity: 0.8;
}
.shade5{
opacity: 0.9;
}
@keyframes ripple-andard{
0%{
transform: scale(0.8);
}
50%{
transform: scale(1.2);
}
100%{
transform: scale(0.8);
}
}
/**** android app development***/
/***case study****/
.case-banner {
padding-bottom: 200px;
margin-bottom: 0;
}
.bannr-cse{
background:url(../img/cse-img2.png) left bottom no-repeat;
}
.cse-bnrrot img{
animation: animate-light1 20s linear infinite;
}
.cse-bnrrot {
position: absolute;
left: -28%;
top: -9%;
}
.prf-cus p {
font-size: 16px;
color: #fff;
line-height: 26px;
font-weight: 200;
text-align: center;
}
.clr-grycse {
background-color: #08121c;
padding: 30px;
border-radius: 7px;
border: #17222b solid 1px;
position: relative;
}
.cselogryt {
margin-bottom: 20px;
}
.csetxtryt p {
font-size: 16px;
color: #fff;
line-height: 25px;
font-weight: 200;
margin-bottom: 30px;
}
.cse-lftimg img {
border-radius: 7px;
}
.csetxtryt ul {
margin-bottom: 25px;
}
.csetxtryt ul li {
color: #fff;
font-size: 16px;
font-weight: 200;
margin-bottom: 3px;
}
.csetxtryt ul li b{
font-weight:600;
}
.csetxtryt ul li a {
color: #2aa3d2!important;
}
.csetxtryt ul li a:hover{
text-decoration:underline;
}
.cse-btn1 {
position: absolute;
bottom: 40px;
left: 30px;
}
.lftcse .col-sm-8 {
padding-left: 0;
}
.rytcse .col-sm-8 {
padding-right: 0;
}
.csemnbx{
margin-bottom:20px;
}
.cse-lftimg {
overflow: hidden;
border-radius: 7px;
}
/***case study****/
/*****web portfolio****/
.portfor-main {
background-color: #08121c;
padding: 40px 30px;
border-radius: 20px;
border: #17222b solid 1px;
position: relative;
margin-bottom: 40px;
overflow: hidden;
}
.prttp-imgtxt {
display: flex;
align-items: center;
}
.prttp-imgtxt .prt-img {
width: 70%;
}
.prttp-imgtxt .prt-txt {
width: 30%;
}
.prt-txt img {
margin-bottom: 20px;
}
.prt-txt p {
font-size: 16px;
color: #fff;
line-height: 25px;
margin: 0;
font-weight: 200;
}
.prt-clrtxt {
margin-top: 80px;
}
.prt-txtclr p {
font-size: 44px;
color: #fff;
font-weight: 700;
line-height: 44px;
}
.prt-txtclr ul {
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: nowrap;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.prt-txtclr ul li {
width: 15%;
padding-top: 160px;
box-shadow: #00000085 0 0 20px;
}
.prt-txtclr ul li span {
text-align: center;
display: block;
padding: 4px;
background-color: #fff;
color: #000;
font-size: 16px;
}
.prt-fnttxt {
display: flex;
margin-top: 80px;
}
.prt-fnttxt .prt-txtfnt {
width: 50%;
}
.prt-fnttxt .prt-fntimg {
width: 50%;
text-align: right;
}
.prt-txtfnt p {
font-size: 44px;
color: #fff;
font-weight: 700;
line-height: 44px;
text-transform: uppercase;
}
.prt-txtfnt span {
font-size: 16px;
color: #fff;
line-height: 25px;
margin: 0;
font-weight: 200;
}
.prt-txtfnt ul {
margin-top: 40px;
}
.prt-txtfnt ul li p {
font-size: 18px;
font-weight: 200;
line-height: 23px;
margin-bottom: 0;
}
.prt-txtfnt ul li span {
font-size: 32px;
display: block;
margin: 20px 0 40px;
font-weight: 500;
}
.prt-bigimg {
overflow-y: scroll;
max-height: 500px;
margin-top:40px;
}
.prt-bigimg::-webkit-scrollbar {
width: 2px;
}
.prt-bigimg::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color:#010b15;
}
.prt-bigimg::-webkit-scrollbar-thumb {
background-color: #2ca8d9;
outline: 1px solid #2ca8d9;
}
/*****web portfolio****/
/****testimonials***/
article.module-info-card__text {
max-width: 690px;
margin: 0 auto;
}
article.module-info-card__text p {
font-size: 32px;
color: #fff;
font-weight: 200;
margin-bottom: 30px;
}
article.module-info-card__text span{
font-size: 18px;
color: #fff;
display:block;
font-weight: 400;
}
article.module-info-card__text em{
font-size: 14px;
color: #2ca8d9;
font-weight: 300;
}
.productstst {
background-color: transparent;
padding: 0;
margin-top:100px;
}
.producttst {
padding: 0;
color: #fff;
margin-bottom: 0;
height: 80vh;
}
.producttst:last-child{
height:80vh;
}
.fadeintst {
opacity: 0;
transition: all 1.5s;
transform: translate(0, 100px);
}
.fadeintst.visible {
opacity: 1;
transform: translate(0, 0);
}
.clnt-txt {
max-width: 300px;
margin-bottom: 50px;
}
.clnt-txt p {
font-size: 36px;
font-weight: 700;
color: #fff;
line-height: 43px;
}
.vid-gal {
text-align: center;
}
.mar-tp1 {
margin-top: 230px;
}
.mar-tp2 {
margin-top: -100px;
}
.mar-tp3 {
margin-top: 180px;
}
.clients-vdeo iframe {
width: 100%;
height: 220px;
border-radius: 10px;
margin-bottom: 15px;
}
.modl-tsti {
margin: 0 auto;
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 20px;
margin-bottom: 25px;
}
.modl-tsti p {
font-size: 16px;
color: #fff;
font-weight: 200;
margin-bottom: 23px;
line-height: 25px;
}
.modl-tsti span {
font-size: 18px;
color: #fff;
display: block;
font-weight: 400;
}
.modl-tsti em {
font-size: 14px;
color: #2ca8d9;
font-weight: 300;
}
.modl-tsti .img-tsti {
position: relative;
padding-left: 100px;
padding-top: 14px;
padding-bottom: 17px;
min-height: 79px;
}
.modl-tsti .img-tsti img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
border: #2ca8d9 solid 2px;
position: absolute;
left: 0;
top: 0;
}
/****testimonials***/
/***php developement**/
.boxphp {
position: absolute;
top: 60%;
transform: rotate(0deg);
left: 0;
}
.wavephp{
opacity: .4;
position: absolute;
top: 3%;
left: 10%;
background: #1d497424;
width: 1500px;
height: 1300px;
margin-left: -150px;
margin-top: -250px;
transform-origin: 50% 48%;
border-radius: 43%;
animation: driftphp 10000ms infinite linear;
}
.wavephp.-threephp {
animation: driftphp 10500ms infinite linear;
background-color: #0c1d2eab;
}
.wavephp.-twophp {
animation: driftphp 5500ms infinite linear;
opacity: .1;
background: #1b446c8c;
}
.boxphp:after {
content: '';
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 11;
transform: translate3d(0, 0, 0);
}
@keyframes driftphp {
from { transform: rotate(0deg); }
from { transform: rotate(360deg); }
}
.containphp {
animation-delay: 4s;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #25a7d7;
background: -webkit-linear-gradient(#25a7d7, #2962FF);
background: linear-gradient(#25a7d7, #25a7d7);
}
.iconphp {
width: 100px;
height: 100px;
margin: 0 5px;
}
/*Animation*/
.iconphp:nth-child(2) img {-webkit-animation-delay: 0.2s;animation-delay: 0.2s}
.iconphp:nth-child(3) img {-webkit-animation-delay: 0.3s;animation-delay: 0.3s}
.iconphp:nth-child(4) img {-webkit-animation-delay: 0.4s;animation-delay: 0.4s}
.iconphp img {
-webkit-animation: animphp 2s ease infinite;
animation: animphp 2s ease infinite;
-webkit-transform: scale(0,0) rotateZ(180deg);
transform: scale(0,0) rotateZ(180deg);
}
@-webkit-keyframes animphp{
0% {
-webkit-transform: scale(0,0) rotateZ(-90deg);
transform: scale(0,0) rotateZ(-90deg);opacity:0
}
30% {
-webkit-transform: scale(1,1) rotateZ(0deg);
transform: scale(1,1) rotateZ(0deg);opacity:1
}
50% {
-webkit-transform: scale(1,1) rotateZ(0deg);
transform: scale(1,1) rotateZ(0deg);opacity:1
}
80% {
-webkit-transform: scale(0,0) rotateZ(90deg);
transform: scale(0,0) rotateZ(90deg);opacity:0
}
}
@keyframes animphp{
0% {
-webkit-transform: scale(0,0) rotateZ(-90deg);
transform: scale(0,0) rotateZ(-90deg);opacity:0
}
30% {
-webkit-transform: scale(1,1) rotateZ(0deg);transform: scale(1,1) rotateZ(0deg);opacity:1
}
50% {
-webkit-transform: scale(1,1) rotateZ(0deg);
transform: scale(1,1) rotateZ(0deg);opacity:1
}
80% {
-webkit-transform: scale(0,0) rotateZ(90deg);
transform: scale(0,0) rotateZ(90deg);opacity:0
}
}
/***php developement**/
/***ecommerce web dersign***/
.circleecombnr {
width: 10vw;
height: 10vw;
background-color: transparent;
border: 1px solid rgb(145 145 145 / 5%);
border-radius: 50%;
margin: 0 10px;
position: absolute;
left: calc(50% - 5vw);
top: calc(50% - 5vw);
animation: wavecircleecombnr 10s linear infinite;
transform: scale(13);
}
.circleecombnr:nth-child(2) {
animation-delay: 2s;
}
.circleecombnr:nth-child(3) {
animation-delay: 4s;
}
.circleecombnr:nth-child(4) {
animation-delay: 6s;
}
.circleecombnr:nth-child(5) {
animation-delay: 8s;
}
.circleecombnr:nth-child(6) {
animation-delay: 10s;
}
.circleecombnr:nth-child(7) {
animation-delay: 12s;
}
@keyframes wavecircleecombnr {
0% {
transform: scale(10);
}
100% {
transform: scale(0);
}
}
.mar-botm100{
margin-bottom:100px;
}
.tem-cus1 ul li em {
font-size: 30px;
font-weight: 500;
color: #fff;
font-style: normal;
}
.emwebtxt h6 {
font-size: 41px;
color: #fff;
font-weight: 400;
line-height: 50px;
margin-bottom: 50px;
}
.project-titleecomweb h1 {
font-weight: 300;
}
.project-categecomweb {
font-weight: lighter;
}
.cursorecomweb {
position: absolute;
width: 360px;
height: 230px;
top: 50%;
left: 50%;
transform: scale(0.1);
opacity: 0;
margin: -100px 0 0 -100px;
background: url(image-1.jpg) no-repeat 50% 50%;
background-size: cover;
z-index: 1;
border-radius: 16px;
}
.wrapperecomweb {
width: 100%;
margin: 10px auto;
}
.projectecomweb {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 30px 0;
display: flex;
align-items:center;
justify-content: space-between;
position: relative;
z-index: 2;
color: white;
mix-blend-mode: difference;
margin-top: 0;
}
.project-categecomweb p {
font-size: 16px;
color: #fff;
line-height: 26px;
font-weight: 200;
}
.project-categecomweb b {
display: block;
font-size: 23px;
margin-bottom: 11px;
font-weight: 400;
}
.project-titleecomweb {
min-width: 40%;
}
.project-overlayecomweb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.gryewebdes {
background-color: #08121c;
padding: 40px;
border-radius: 20px;
border: #17222b solid 1px;
}
.ecom-imgmn{
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
.project-titleecomweb p {
font-size: 26px;
margin-bottom:0;
}
/***ecommerce web dersign***/
/***ui-ux***/
div#animated-background {
position: absolute;
left: 0;
top: 0;
opacity: .3;
}
/***ui-ux***/
/****wire framning**/
.wrimg1 {
position: relative;
margin-top: 50px;
}
/****wire framning**/
/****seo outsourcing**/
.inr-divtxt {
color: #2ca8d9;
font-size: 16px;
font-weight: 300;
display: block;
margin-top: 5px;
}
/****seo outsourcing**/
/***ecommerce seo services***/
.com-inrpad {
padding-bottom: 200px;
margin-bottom: 0;
}
/***ecommerce seo services***/
/***white lable seo***/
.seowhttxt p {
color: #fff;
font-size: 53px;
font-weight: 200;
line-height: 56px;
}
.whtseo-tb{
position:relative;
}
.whtseo-tb .nav-tabs li.nav-item button {
text-align: center;
display: block;
width: 100%;
background-color: #08121c;
border: #17222b solid 1px;
border-radius: 8px;
color: #fff;
text-transform: uppercase;
padding: 13px 10px;
font-size: 16px;
font-weight: 500;
}
.whtseo-tb .nav-tabs li.nav-item {
width: 50%;
text-align: center;
}
.whtseo-tb .nav-tabs{
border:none;
}
.whtseo-tb .nav-tabs li.nav-item:nth-child(1) button {
border-radius: 7px 0 0 7px;
border-right:0;
}
.whtseo-tb .nav-tabs li.nav-item:nth-child(2) button {
border-radius: 0px 7px 7px 0px;
border-left:0;
}
.whtseo-tb .nav-tabs li.nav-item button.active {
background: #2899c6;
}
.whtseo-tb .tab-content {
padding: 30px 0 0;
}
.whtseo-tb .tab-content h6 {
font-size: 30px;
color: #fff;
font-weight: 300;
margin-bottom: 40px;
}
.whtseo-tb .tab-content ul li {
width: 49%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
color: #fff;
font-size: 16px;
font-weight: 200;
line-height: 25px;
padding-left: 30px;
position: relative;
padding-right: 50px;
}
.whtseo-tb .tab-content ul li:before {
content: "";
width: 13px;
height: 13px;
border: #2899c6 solid 1px;
position: absolute;
left: 1px;
top: 6px;
border-radius: 50%;
}
.whtseo-tb .nav-tabs li.nav-item button:focus-visible {
outline: none;
}
.whtseo-tb .tab-content ul li span {
color: #2899c6;
font-weight: 500;
}
/***white lable seo***/
/****smo company***/
.circleslnd.soclpg li {
background: no-repeat;
}
.circleslnd.soclpg li:nth-child(2) {
width: 40px;
height: 40px;
}
/****smo company***/
/****banner-design***/
.bnr-bigtxtbnr {
position: relative;
}
.bnr-bnrhdpg p {
font-size: 80px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
line-height: 80px;
}
.bnr-bnrtxt1 p {
color: #ffffff00;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: .7px;
-webkit-text-stroke-color: #fff;
font-size: 86px;
text-transform: uppercase;
font-family: roboto;
line-height: 80px;
margin-bottom: 2px;
font-weight: 800;
}
.bnr-bnrtxtpg p {
display: block;
color: #fff;
font-weight: 200;
font-size: 18px;
line-height: 30px;
margin-bottom: 25px;
padding-right: 100px;
}
.bnr-bnrtxt1 img {
max-height: 75px;
vertical-align: top;
margin-left: 30px;
}
.degn-or p {
font-size: 106px;
text-transform: uppercase;
font-weight: 900;
color: #09131d;
line-height: 77px;
margin: 0;
}
.grysec-bnrpg {
background-color: #0e1a27;
border-radius: 8px;
border: #1a242d solid 1px;
margin-bottom: 35px;
position: relative;
overflow: hidden;
}
.degn-txtimp p {
font-size: 55px;
color: #fff;
line-height: 62px;
font-weight: 300;
margin-bottom: 55px;
margin-top: 54px;
}
.degn-impul ul {
display: flex;
column-gap: 15px;
}
.degn-impul ul li {
width: 33%;
}
.degn-impul ul li p {
font-size: 19px;
color: #fff;
font-weight: 600;
line-height: 23px;
margin-bottom: 12px;
}
.degn-impul ul li span {
color: #fff;
font-weight: 300;
}
.gry-pgsec {
padding: 60px 0px 60px 35px;
}
.rmv-pad {
padding-right: 0;
padding-left: 0;
}
.impbnr1 {
padding-top: 80px;
}
.impbnr1 p {
font-size: 16px;
color: #fff;
margin: 0;
font-weight: 200;
}
.impbnr-cir {
position: absolute;
width: 75%;
top: 71%;
left: -13%;
max-width: 100%;
}
.impbnr-cir.impbnr-cir2 {
top: 75%;
left: -16%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.impbnr-cir.impbnr-cir2 img {
animation: animate-light1 4s linear infinite;
}
.impbnr-cir img {
animation: animate-light1 3s linear infinite;
}
.bnr-pgimg {
padding-left: 0;
padding-right: 0;
}
.bnrimgbnr1 {
margin-left: -100px;
position: relative;
}
/****banner-design***/
/*****contact us***/
.cont-banner {
padding-bottom: 200px;
background:none;
margin-bottom: 40px;
}
.bnr-big-logo.contbnr-txt p {
padding: 0;
font-size: 80px;
font-weight: 400;
}
.bnr-big-logo.contbnr-txt p span {
font-size: 81px;
font-style: italic;
}
.bnr-big-logo.contbnr-txt p:last-child {
padding-left: 75px;
}
.cont-info ul li h6 {
color: #2ca8d9;
text-transform: uppercase;
font-size: 15px;
}
.cont-info ul li,
.cont-info ul li p {
font-size: 17px;
color: #fff;
}
.cont-info ul li p,
.cont-info ul li a {
margin-bottom: 0;
color: #fff;
}
.cont-info ul li{
margin-bottom:40px;
}
.cont-info ul {
display: inline-block;
width: 49%;
vertical-align: top;
padding: 0 15px;
}
.cont-info ul li .ve-mp {
text-decoration: underline;
color: #2ca8d9;
margin-top: 11px;
display: inline-block;
}
.contbnr-txt,
.cont-info{
position:relative;
z-index:2;
}
.cont-banner svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.links {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 18px;
font-family: sans-serif;
}
.out-topcont {
animation: rotatecont 20s linear infinite;
transform-origin: 13px 25px;
}
.in-topcont {
animation: rotatecont 10s linear infinite;
transform-origin: 13px 25px;
}
.out-bottomcont {
animation: rotatecont 25s linear infinite;
transform-origin: 84px 93px;
}
.in-bottomcont {
animation: rotatecont 15s linear infinite;
transform-origin: 84px 93px;
}
@keyframes rotatecont {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.fst-txt h1 {
font-size: 44px;
color: #fff;
font-weight: 600;
line-height: 40px;
margin-bottom: 15px;
}
.fst-txt p {
color: #fff;
font-size: 18px;
font-weight: 300;
}
.txtcont-mn {
border-bottom: #1a242d solid 1px;
}
.fomupr-txt {
padding-top: 70px;
}
.fomupr-txt p {
font-size: 86px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
line-height: 86px;
margin-bottom: 25px;
}
.lbl-inpfom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
align-self: flex-end;
align-items: center;
display: flex;
padding-bottom: 37px;
}
.lbl-inpfom .colform-label {
flex: none;
align-self: flex-end;
font-size: 20px;
margin-bottom: 5px;
font-size: 22px;
color: #fff;
font-weight: 400;
padding-left: 0;
padding-right: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background: none !important;
-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
/* transition: none !important; */
}
.lbl-inpfom input.form-control {
vertical-align: middle;
border: 1px solid #ccc;
width: 100%;
height: 33px;
line-height: 28px;
display: block;
border-style: solid;
border-width: 1px;
border-color: transparent transparent #585858;
color: #fff;
background-color: transparent;
min-height: 47px;
margin-bottom: 0;
padding: 4px 0 0;
font-size: 18px;
border-radius: 0;
font-weight: 300;
}
.lbl-inpfom input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #585858;
}
.lbl-inpfom input.form-control::-moz-placeholder { /* Firefox 19+ */
color: #585858;
}
.lbl-inpfom input.form-control:-ms-input-placeholder { /* IE 10+ */
color: #585858;
}
.lbl-inpfom input.form-control:-moz-placeholder { /* Firefox 18- */
color: #585858;
}
.lbl-inpfom.lbl-inpfomblk {
display: block;
}
.txtarea-fom textarea {
vertical-align: middle;
border: 1px solid #ccc;
width: 100%;
height: 120px;
line-height: 28px;
display: block;
border-style: solid;
border-width: 1px;
border-color: transparent transparent #585858;
color: #fff;
background-color: transparent;
margin-bottom: 0;
padding: 10px 0 0;
font-size: 18px;
border-radius: 0;
font-weight: 300;
}
.txtarea-fom textarea:focus-visible {
outline: none !important;
}
.lblchk {
padding-top: 11px;
}
.checklbl {
display: inline-block;
position: relative;
padding-left: 35px;
margin-bottom: 10px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
font-weight: 200;
width: 49%;
}
.checklbl:last-child{
margin-bottom:0;
}
.checklbl input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: transparent;
border: #ccc solid 1px;
border-radius: 3px;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checklbl input:checked ~ .checkmark:after {
display: block;
}
.checklbl .checkmark:after {
left: 8px;
top: 3px;
width: 7px;
height: 13px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.lbl-inpfom button {
width: auto;
background-color: #2ca8d9;
color: #fff;
font-size: 17px;
text-transform: uppercase;
text-align: center;
line-height: 20px;
z-index: 1;
font-weight: 500;
border: none;
padding: 17px 30px;
border-radius: 50px;
position: relative;
height: auto;
margin-top: 15px;
}
.lbl-inpfom button:hover:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
transition: opacity .3s ease-in-out;
border-radius: 50px;
opacity: .7;
filter: blur(3px);
}
.acs-prntimg {
border-right: #1a242d solid 1px;
padding-top: 77px;
padding-bottom: 70px;
position:relative;
}
/* .acsinr-prntimg{
animation: squiggly-anim 0.34s linear infinite;
} */
.form-cont-main{
border-bottom: #1a242d solid 1px;
}
.acs-prntimg img {
max-height: 960px;
}
.acs-prntimg svg {
position: absolute;
left: 0;
top: 0;
}
.form-cont {
padding-left: 50px;
}
.cont-soclmn{
position:relative;
}
.tr__social__item {
margin: auto;
display: flex;
max-width: 61rem;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 30px;
opacity: 1;
transition:all 0.6s ease-in-out;
}
.tr__social__item:hover{
max-width: 75rem;
}
.tr_soctxt{
justify-content: space-between;
display: flex;
width: 100%;
align-items: center;
}
.tr_soctxt img {
max-width: 50px;
}
.tr_soctxt h2 {
font-size: 42px;
margin: 0;
color: #fff;
font-weight: 400;
}
.tr_line {
width: 100%;
height: 30px;
}
.line-soc {
margin-top: 30px;
height: 1px;
width: 100%;
background-color: #e0eeee;
position: relative;
}
.cont-soclmn:hover .tr__social__item{
opacity:0.5;
}
.cont-soclmn li:hover .tr__social__item:hover{
opacity:1;
}
.tr__social__item .tr_soctxt img{
transition:all 2s ease-out;
}
.tr__social__item:hover .tr_soctxt img{
transform:rotate(360deg);
}
/* .tr__social__item:hover .tr_soctxt img{
animation: soctxtimg 1.5s linear;
}
@keyframes soctxtimg{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} */
/*****contact us***/
/***career****/
.form-cont.form-career {
padding-left: 0;
padding-bottom: 30px;
}
.lbl-inpfom.lbl-acr {
padding-bottom: 10px;
}
.lbl-inpfom input.form-control.bdr-n {
border-bottom: 0;
}
.job-open-text {
display: flex;
justify-content: space-between;
padding: 20px;
margin-bottom: 20px;
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 6px;
overflow: hidden;
position: relative;
align-items: center;
}
.job-open-text h3 {
color: #fff;
font-size: 22px;
}
.job-open-text span {
color: #777777;
font-size: 17px;
}
.job-open-text a {
font-size: 15px;
font-weight: 400;
padding: 8px 20px;
border: 1px solid #a5a5a5;
color: #fff;
border-radius: 50px;
}
.job-open-text a:hover{
background-color:#2ca8d9;
border-color:#2ca8d9;
}
input#formFile {
font-size: 16px;
}
input#formFile::-webkit-file-upload-button {
background-color: #152534;
padding: 7px 15px 7px 30px;
color:#777777;
font-size:13px;
}
/***career****/
/**about***/
.abt-outtxt {
position: relative;
}
.abt-big-txt p {
color: #2ca8d9;
font-size: 90px;
font-style: normal;
font-family: gallient;
line-height: 70px;
margin: 0;
}
.abt-smll-txt1 p {
font-size: 84px;
font-style: normal;
font-weight: 800;
text-transform: uppercase;
line-height: 84px;
display: inline-block;
margin: 0;
color: #fff;
}
.abt-smll-txt2 p {
font-size: 76px;
text-transform: uppercase;
color: #fff;
font-weight: 300;
line-height: 76px;
margin-bottom:20px;
}
.abt-smll-txt p {
display: block;
color: #fff;
font-weight: 200;
font-size: 18px;
padding: 0 120px;
line-height: 30px;
text-align: center;
margin-bottom: 25px;
}
.pro-abtsat ul li {
padding-left: 100px;
position: relative;
padding-top: 10px;
margin-bottom: 40px;
}
.pro-abtsat ul li:nth-child(2) {
margin-left: 50px;
}
.pro-abtsat ul li:nth-child(3) {
margin-left: 50px;
}
.pro-abtsat ul li:last-child {
margin-bottom: 0;
}
.pro-abtsat ul li .proimgab {
position: absolute;
left: 0;
border: #1c2e40 dashed 1px;
padding: 5px;
border-radius: 50%;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
top: 0;
}
.pro-abtsat ul li .proimgab img {
max-width: 46px;
}
.pro-abtsat ul li p {
font-size: 32px;
color: #fff;
font-weight: 600;
line-height: 32px;
margin-bottom: 3px;
}
.pro-abtsat ul li span {
font-size: 18px;
color: #fff;
display: block;
font-weight: 300;
}
.acs_expr span:nth-child(4) {
margin-left: -17px;
}
.acs_expr span{
position:relative;
}
.acs_expr {
display: flex;
justify-content: center;
align-items: flex-end;
column-gap: 6px;
margin: 13px 0px;
}
.acs_expr span:nth-child(odd) {
animation: oddc 0.5s infinite alternate linear;
-webkit-animation: oddc 0.5s infinite alternate linear;
}
.acs_expr span:nth-child(even) {
animation: evenc 0.5s infinite alternate linear;
-webkit-animation: evenc 0.5s infinite alternate linear;
}
@keyframes oddc{
0% {
top: -5px;
}
50% {
top: 0;
}
100% {
top: 5px;
}
}
@keyframes evenc{
0% {
top: 5px;
}
50% {
top: 0;
}
100% {
top: -5px;
}
}
.mn-morabt p {
font-size: 26px;
color: #fff;
text-align: center;
font-weight: 600;
margin: 0;
}
.mn-morabt {
background: url(../img/abt-img8.png) center center no-repeat;
background-size: contain;
padding-top: 25px;
padding-bottom: 25px;
}
.abt-lovacs {
background: url(../img/abt-img10.png) center center no-repeat;
background-size: contain;
text-align: center;
padding-top: 24px;
padding-bottom: 48px;
margin-left: 0;
}
.abt-lovacs p {
font-size: 22px;
color: #FFF;
margin-bottom: 5px;
}
.abt-lovacs span {
color: #fff;
font-size: 39px;
font-style: normal;
font-family: gallient;
line-height: 40px;
margin: 0;
display: block;
margin-left: -30px;
margin-right: -30px;
}
.txtoutrabt {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 14px;
padding: 70px;
position: relative;
}
.txtabt p {
display: block;
color: #fff;
font-weight: 200;
font-size: 18px;
padding: 0 120px;
line-height: 34px;
margin-bottom: 25px;
}
.txtabt p:last-child{
margin-bottom:0;
}
.txtwhoabt p {
font-size: 170px;
font-weight: 800;
color: #0e1a27;
line-height: 125px;
display: flex;
justify-content: space-between;
width: 100%;
position: relative;
margin: 0;
}
.txtwhoabt p:before {
content: "";
position: absolute;
width: 80%;
height: 20px;
background: #0e1a27;
top: 50%;
left: 150px;
transform: translateY(-50%);
}
.txtwhoabt span{
background: #09131d;
position: relative;
}
.txtwhoabt {
position: absolute;
left: 5%;
top: 11%;
width: 90%;
}
.txtabt {
position: relative;
z-index: 1;
}
.txtweabt p {
font-size: 170px;
font-weight: 800;
color: #0e1a27;
line-height: 125px;
display: flex;
justify-content: space-between;
width: 100%;
position: relative;
margin: 0;
}
.txtwhoabt.txtwhoabt2 {
top: 39%;
width: 100%;
left: -5%;
}
.txtwhoabt.txtwhoabt3 {
top: auto;
bottom: 11%;
}
.wrapperabt {
width: 100%;
min-height: 100vh;
height: 100%;
font-size: 16px;
color: #fff;
padding: 100px 20px 20px;
box-sizing: border-box;
}
.blockabt {
z-index: 1;
position: relative;
}
.blockabt:before {
content: "";
position: absolute;
height: calc(100% - 29px);
width: 1px;
background-color: #333c44;
left: 50%;
margin-top: 90px;
}
.titleabt {
font-size: 42px;
font-weight: bold;
text-align: center;
padding: 20px;
transition: all 0.8s ease-in-out;
display: block;
line-height: 50px;
background: #010b15;
position: relative;
}
.each-eventabt {
color: #fff;
padding: 15px;
margin: 60px 20px;
width: 429px;
position: relative;
border-radius: 4px;
box-sizing: border-box;
transition: all 0.3s ease-in-out;
max-width: 100%;
font-weight: 300;
}
.each-eventabt:before {
content: "";
position: absolute;
top: calc(50% - 8px);
left: -27px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #333c44;
box-shadow: 0 4px 20px -4px rgba(64, 64, 64, 0.8);
}
.each-eventabt:nth-child(odd) {
margin-left: calc(50% + 20px);
}
.each-eventabt:nth-child(even) {
margin-left: calc(50% - 450px);
text-align: right;
}
.each-eventabt:nth-child(even):before {
left: calc(100% + 14px);
}
.titleabt.non-focus {
font-size: 24px;
line-height: 34px;
transition: all 0.8s ease-in-out;
}
.each-eventabt.non-focus {
color: #d2d2d2;
margin-top: 90px;
transform: rotateZ(45deg);
transition: all 0.8s ease-in-out;
}
.each-eventabt.non-focus:before {
opacity: 0;
background-color: #aaa;
}
.each-eventabt h5 {
font-size: 26px;
font-weight: 700;
}
.event-descriptionabt p {
margin: 0;
line-height: 26px;
}
.mt-tm p {
font-size: 30px;
color: #fff;
line-height: 29px;
font-weight: 700;
margin-bottom: 10px;
}
.mt-tm span {
color: #fff;
font-weight: 300;
line-height: 24px;
display:block;
font-size: 15px;
}
.tm_grid ul li {
background-color: #0f1923;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 25px;
width: 31%;
margin: 0 5px 15px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
}
.tm_grid ul li:before {
color: #ffffff00;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff40;
content: "ACSIUS";
position: absolute;
left: -40px;
top: 19%;
font-size: 96px;
font-family: 'Roboto';
font-weight: 800;
opacity: .1;
}
.tm_grid ul li p {
font-size: 20px;
color: #fff;
font-weight: 600;
margin-bottom: 0px;
line-height: 26px;
}
.tm_grid ul li span {
color: #2ca8d9;
display: block;
}
.tmimg-grd {
text-align: center;
margin-bottom: 25px;
position: relative;
}
.tmimg-grd img {
width: 140px;
max-width: 100%;
}
.scrltxt {
text-align: center;
margin-top: -70px;
z-index: 1;
position: relative;
margin-bottom: 50px;
}
.scrltxt p {
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
}
.linescrl {
width: 1px;
height: 80px;
background-color: #333c44;
margin: 0 auto;
position:relative;
}
.linescrl:before {
content: "";
width: 3px;
background-color: #fff;
height: 25px;
position: absolute;
left: -1px;
border-radius: 50px;
animation: dropsrcl 2s infinite linear;
-webkit-animation: dropsrcl 2s infinite linear;
}
@keyframes dropsrcl{
0%{
top:0;
opacity:0;
}
40%{
top:20px;
opacity:.9;
}
100%{
top:60px;
opacity:0;
}
}
.image-brand ul {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
flex-wrap: wrap;
justify-content: space-between;
}
.image-brand ul li {
text-align: center;
display: inline-block;
list-style-type: none;
padding: 15px;
width: 13%;
line-height: 85px;
background-color: #09131d;
margin: 7px;
border-radius: 4px;
}
.image-brand ul li:last-child {
border-right: 0;
}
.bdr-btm-none li {
border-bottom: none !important;
}
/**about***/
/***content marketing****/
.wht-blg {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 10px;
padding: 30px 30px 20px 30px;
margin-top: 25px;
overflow: hidden;
position: relative;
z-index: 1;
max-height: 400px;
min-height: 345px;
}
.wht-blg.heicont {
min-height: 440px;
}
.wht-blg ul li {
display: inline-block;
width: 49%;
color: #fff;
font-weight: 300;
margin-bottom: 15px;
font-size: 15px;
position: relative;
vertical-align: top;
padding-left: 21px;
}
.wht-blg ul li:before {
content: "";
background: url(../img/arrow-down.png) center center no-repeat;
position: absolute;
left: 2px;
top: 6px;
width: 10px;
height: 10px;
background-size: contain;
transform: rotate(-45deg);
}
.wht-blg p {
font-size: 28px;
color: #fff;
font-weight: 700;
line-height: 35px;
margin-bottom: 25px;
}
.mul-venfulrow.pad-contscl .esymulimg img {
transform: none;
}
.mul-venfulrow.pad-contscl {
padding: 20px 35px 50px;
}
/***content marketing****/
/***business accessories***/
.business-acc-banr .banr-webb1 {
margin-top: 120px;
margin-bottom: -130px;
}
/***business accessories***/
/*** terms and conditions***/
.term-sec {
background-color: #09131d;
border: #1a242d solid 1px;
border-radius: 13px;
padding: 30px 20px;
overflow: hidden;
position: relative;
margin: 0 0 20px;
align-items: center;
}
.esymultxt1 p {
font-weight: 600;
font-size: 24px;
margin-bottom: 12px;
line-height: 30px;
}
/*** terms and conditions***/
/* ---------------------Mega Menu--------------------- */
.navigation{
position: absolute;
z-index: 9;
padding: 10px 30px;
top: 65px;
left: 0;
width: 100%;
}
.group-blog .navigation{
top: 0;
}
.mobile_btn i{
position: absolute;
right: 20px;
color: #fff;
font-size: 17px;
top: 20px;
}
.main_menu ul{
display: flex;
padding: 20px 0 0;
margin: 0;
}
.main_menu ul li:last-child{
margin-left: auto;
}
.main_menu > ul > li {
display: inline-block;
position: relative;
margin: 0 -2px;
}
.main_menu ul li {
position: relative;
}
.main_menu .mega_menu_item a {
color: #000;
font-size: 16px;
padding: 20px 25px;
display: block;
font-weight: 400;
}
.main_menu .nav-link{
position: relative;
color: #000;
font-size: 21px;
font-weight: 300;
padding: 5px 20px;
}
.main_menu .nav-link span{
position: absolute;
color: #ee7a2f;
font-size: 14px;
left: 0;
top: 0;
}
.main_menu .nav-item a:nth-child(2) {
color: #ee802f;
font-size: 16px;
font-weight: 500;
line-height: 18px;
display: block;
}
.location img {
width: 26px;
margin-right: 5px;
}
.location a{
color: #fff;
font-size: 15px;
font-weight: 300;
}
.main_menu ul li .active,
.main_menu ul li:hover > a {
color: #ee802f;
}
/* Normal Dropdown menu */
.main_menu ul li ul {
width: 200px;
background: #fff;
transition: 0.5s;
box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.main_menu ul li ul li a {
padding: 10px 25px;
font-size: 15px;
}
.main_menu ul li ul li a i {
float: right;
}
.main_menu ul li ul li ul {
left: 100%;
top: 0;
}
/* mega menu css */
.mega_menu_dropdown {
position: static !important;
}
.mega_menu {
left: 0;
right: 0;
background: #fff;
display: flex;
flex-wrap: wrap;
transition: 0.5s;
box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.mega_menu_item {
width: 25%;
padding: 30px 20px;
}
.main_menu ul li .mega_menu_item a {
padding: 10px 0;
}
.main_menu ul li .mega_menu_item a:hover {
color: var(--hover-color);
}
.mega_menu_item h3 {
margin-bottom: 15px;
}
.mega_menu_item img {
width: 100%;
}
.mega_menu_demo_2 .mega_menu {
left: 50%;
transform: translateX(-50%);
width: 1140px;
}
.mobile_btn {
display: none;
}
.dex-hidden{
display: none;
}
/* --------- Offer sec ---------- */
.marq-sec{
background: #f0f8ff;
font-size: 14px;
line-height: 21px;
padding: 0;
padding-top: 8px;
}
.offer-hi img.roc1 {
width: 40px;
position: absolute;
left: -74px;
top: 0px;
}
div.marq span {
color: #000;
font-weight: 600;
}
div.marq {
text-align: center;
font-size: 21px;
margin: 0;
padding: 12px 0;
position: relative;
}
div.marq b {
text-shadow: 1px 2px #f9cf2f;
font-weight: bold;
color: #000;
}
img.roc2 {
width: 40px;
position: absolute;
right: -77px;
transform: rotate(269deg);
top: 0px;
}
.blink_me{
animation: blinker 2s linear infinite;
font-size: 30px;
font-weight: bold;
margin-bottom: 30px;
}
div.marq span.blink_me {
color: #2ca8d9 !important;
font-size: 21px;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.image_d{
width: 30px;
margin-top: -10px;
}
.offer_sec{
padding: 0;
}
.offer_sec img{
width: 100%;
}
.offer_image{
display: block;
background-image: url('..//img/offer.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 10px 5px;
}
.animate01 {
animation: blinker 2s linear infinite;
}
.animate01 {
color: #2ca8d9 !important;
}
.offer_image p{
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 400;
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.container {
width: 960px;
}
.mega_menu_demo_2 .mega_menu {
width: 940px;
}
.main_menu ul li ul {
width: 150px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.container {
width: 720px;
}
.mega_menu_demo_2 .mega_menu {
width: 700px;
}
.main_menu ul li a {
font-size: 15px;
padding: 20px 16px;
}
.main_menu ul li ul {
width: 150px;
}
}
@media (min-width: 768px) {
.main_menu ul li ul {
visibility: hidden;
opacity: 0;
position: absolute;
margin-top: 50px;
}
.main_menu ul li .mega_menu {
visibility: hidden;
opacity: 0;
position: absolute;
margin-top: 50px;
}
.main_menu ul li:hover > ul {
visibility: visible;
opacity: 1;
margin-top: 0px;
z-index: 99;
}
.main_menu ul li:hover > .mega_menu {
visibility: visible;
opacity: 1;
margin-top: 0;
z-index: 99;
}
}
@media (max-width: 767.98px) {
.main_menu ul {
display: block;
}
.main_menu .nav-link {
padding: 12px 20px;
}
.mega_menu_demo_2 .mega_menu,
.container {
width: 100%;
}
.mobile_btn {
cursor: pointer;
}
.main_menu .nav-item a:nth-child(2){
border: 0;
}
.location{
margin-top: 25px;
}
.dex-hidden{
display: block;
}
.mega_menu.sub_menu{
padding: 0 !important;
}
.main_menu {
display: none;
width: 100%;
}
.mega_menu_item {
width: 25%;
padding: 0 15px;
}
.main_menu ul li {
display: block;
}
.main_menu ul li a i {
float: right;
font-size: 16px;
}
.main_menu ul li ul {
width: 100%;
}
.main_menu ul li ul li ul {
left: 0;
top: auto;
}
.mega_menu .mega_menu_item {
width: 50%;
}
.main_menu ul li ul {
display: none;
transition: none;
}
.main_menu ul li .mega_menu {
display: none;
transition: none;
}
.mega_menu_demo_2 .mega_menu {
transform: translateX(0);
}
}
@media (max-width: 575.98px) {
.mega_menu .mega_menu_item {
width: 100%;
}
}
/* ---------------------Mega Menu end--------------------- */
@media (max-width: 575.98px) {
.top-right-text {
display:none;
}
}
/*------ footer-logo ------*/
.foot-text .col-6:nth-child(2) ul {
display: none;
}
.row5 .col-sm-2 {
width: 20%;
}
.footer-logo {
position: relative;
padding: 50px 0 40px;
margin-bottom: 20px;
}
.footer-logo ul{
text-align: end;
padding: 0;
margin: 0;
}
.footer-logo ul li{
display: inline-block;
list-style-type: none;
padding: 0 10px;
}
.foot-logo img {
max-width: 141px;
}
/*------ footer ------*/
.footer .foot-text h3 {
position: relative;
display: inline-block;
font-size: 17px;
color: #ee802f;
padding-left: 30px;
text-transform: capitalize;
}
.footer .foot-text h3::after{
position: absolute;
content: "";
background: #ee802f;
width: 20px;
height: 1px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.footer .foot-text h3 span{
position: absolute;
color: #ee802f;
font-size: 14px;
font-weight: 400;
right: -15px;
top: -8px;
}
.footer .foot-text ul{
padding: 0;
margin: 0;
margin-bottom: 30px;
}
.footer .foot-text ul li{
list-style-type: none;
padding: 6px 0;
color: #fff;
font-size: 15px;
color: #ee802f;
}
.footer .foot-text ul li a{
color: #fff;
font-size: 15px;
display: block;
}
.footer .foot-text ul li a:hover{
color: #ee802f;
}
.foot-text.foot-bottom h3{
display: block;
padding-left: 0;
padding-bottom: 20px;
margin-bottom: 20px;
}
.foot-text.foot-bottom h3::after{
position: absolute;
background: none;
width: 100%;
height: 10px;
left: 0;
top: auto;
bottom: 0;
margin: auto;
border-bottom: #ccc3 solid 1px;
}
.foot-text.foot-bottom ul li a{
font-size: 15px;
font-weight: 300;
}
.foot-text.foot-bottom p{
color: #fff;
font-size: 16px;
font-weight: 300;
padding: 5px 0;
margin-bottom: 10px;
}
.foot-text.foot-bottom .foot-phnr a{
font-size: 17px;
font-weight: 500;
}
/*------ Copyright ------*/
.copyright .image{
text-align: center;
}
.copyright .social ul{
text-align: end;
padding: 0;
margin: 0;
}
.copyright .social ul li {
text-align: center;
display: inline-block;
margin: 0 3px;
}
.copyright .social ul li a{
font-size: 17px;
border-radius: 50%;
line-height: 33px;
border: 1px solid;
width: 34px;
height: 34px;
display: block;
}
.copyright .social ul li:nth-child(1) a{
color: #29498e;
border-color: #29498e;
}
.copyright .social ul li:nth-child(2) a{
color: #1da1f2;
border-color: #1da1f2;
}
.copyright .social ul li:nth-child(3) a{
color: #29498e;
border-color: #29498e;
}
.copyright .social ul li:nth-child(4) a{
color: #fb2627;
border-color: #fb2627;
}
.copyright .social ul li:nth-child(5) a{
color: #1475b2;
border-color: #1475b2;
}
.copyright .social ul li:nth-child(6) a{
color: #1475b2;
border-color: #1475b2;
}
.copyright {
padding-bottom: 10px;
}
.copyright-text{
padding: 15px 0;
color: #fff;
}
.copyright-text span{
font-size: 15px;
}
.copyright-text span a{
color: #ee802f;
}
.copyright-text span a:hover{
color: #354154;
}
.pad-rmv-desk {
padding-left: 0;
padding-right: 0;
}
.pad-rmvbtm{
padding-bottom:0;
}
@media screen and (max-width: 768px){
b, strong {
font-weight: 400;
}
.marg776{
margin: 20px 0 !important;
}
.padd776{
padding: 20px 0 !important;
}
.mrgn120{
margin: 0 !important;
}
.resp-order-2 {
order: 2 !important;
}
/*------ heder ------*/
.acsius-hdr {
margin-bottom: 20px;
}
.acsius-hdr4 h3 {
font-size: 25px;
line-height: 37px;
margin: 0;
}
.acsius-hdr5 h3 {
font-size: 24px;
margin-bottom: 10px;
}
.acsius-hdr4 h3 br{
display: none;
}
.acsius-hdr6 h3 {
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin-bottom: 10px;
}
.acsius-hdr7 h3,
.acsius-hdr7 h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 10px;
}
.acsius-hdr7 h5 {
font-size: 21px;
}
/*----- owl-carousel ------*/
.owl-nav{
text-align: center;
}
.owl-cnt .owl-prev span, .owl-cnt .owl-next span {
font-size: 34px;
font-weight: 400;
padding: 0 10px;
}
.owl-cnt .owl-next, .owl-cnt .owl-prev{
position: revert;
}
.accreditations-sec{
padding: 20px 0;
}
/*----- footer-logo ------*/
.footer-logo {
padding: 15px 0 8px 0;
margin-bottom: 20px;
}
.foot-logo{
text-align: center;
}
.footer-logo ul li {
display: inline-block;
list-style-type: none;
padding: 20px 5px;
width: 18%;
}
/*----- footer ------*/
.foot-text.foot-bottom .foot-phnr a {
font-size: 15px;
}
.footer .foot-text ul {
margin-bottom: 10px;
}
.footer .foot-text h3 {
margin: 10px 0 15px;
}
/*----- copyright ------*/
.copyright .social ul {
text-align: center;
margin: 20px 0;
}
.copyright .image {
margin: 15px 0;
}
.copyright-text {
text-align: center;
padding: 0 0 15px;
}
}
@media only screen and (max-width: 1300px) {
.regular-menu1 {
padding: 40px 30px 30px 30px;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo li a,
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li a {
padding-right: 0;
font-size: 19px;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo li p,
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li a p {
font-size: 14px;
margin: 0;
}
.men-left h5 {
font-size: 19px;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo {
padding: 15px 0 20px 10px;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu {
width: 90%;
}
.regular-menu1.mnu-thrd12 {
padding: 20px;
}
}
@media only screen and (max-width: 1199px) {
/**menu***/
.ace-responsive-menu li ul.sub-menu .regular-menu1 li a {
margin-right: 35px;
font-size: 14px;
}
.men-left {
padding: 25px 15px;
}
.regular-menu1 {
padding: 25px 0px 30px 30px;
} /**menu***/
.top-right-text {
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
.location {
display: none;
}
/***menu***/
.menu_sec {
padding: 0;
}
.menu_sec .stellarnav ul li a {
padding: 6px 12px;
}
header.bg_hd {
padding-top: 10px;
padding-bottom: 10px;
}
.menu_sec #main-nav.stellarnav {
padding-top: 9px;
} /***menu***/
/**new web design page**/
.box4-txt a {
font-size: 38px;
}
.webs-mn {
margin-left: -60px;
}
.box9-txt a {
font-size: 15px;
}
.stnd-txt p {
font-size: 60px;
line-height: 70px;
}
.webdes-tab {
padding-left: 10px;
}
.webdes-tab .nav-pills .nav-link p {
font-size: 20px;
line-height: 25px;
}
.stun-txt p {
font-size: 32px;
line-height: 40px;
}
.round-main-div {
bottom: -300px;
right: -262px;
}
.stun-inrcol {
padding-bottom: 480px;
}
.res-txt1 {
padding-left: 10px;
}
.res-txt1 p {
font-size: 29px;
line-height: 37px;
}
/**new web design page**/
/***logo design**/
.scrolcardslog {
margin: 0 0 0 10%;
}
.text-probglog p {
font-size: 120px;
-webkit-text-stroke-width: 1px;
}
.log-pottxt1 p {
font-size: 36px;
line-height: 40px;
}
.box-pen {
min-height: auto;
}
.log-potimg1 {
padding: 40px 0;
}
.bnr-big-logo {
max-width: 580px;
}
.bnr-big-logo p {
font-size: 60px;
line-height: 72px;
}
.bnr-big-logo span {
font-size: 70px;
line-height: 58px;
}
/***logo design**/
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.menu_sec {
text-align: right;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li a {
margin-right: 0;
}
.regular-menu1 {
padding: 15px;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li i {
display: none;
}
.mnu-tpo li i {
display: none;
}
.regular-menu1 {
padding: 15px 0 15px 15px;
}
.btm-txt12 h3 {
margin-top: 0;
}
.menu_sec .stellarnav ul .regular-menu1 li {
width: 32%;
}
.men-left {
padding: 15px;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo li a,
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li a {
padding-right: 0;
font-size: 16px;
padding-left: 0;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li {
padding: 0px 15px 10px 0px;
margin-bottom: 15px;
}
.regular-menu1.mnu-thrd12 {
padding: 10px 15px;
}
.btm-tpo12 {
padding: 15px;
}
.mnu-tpo li {
padding: 0px 10px 0 15px;
}
}
@media only screen and (max-width: 767px) {
/**menu***/
.dwnarrow {
position: absolute;
right: 0;
top: 6px;
width: 30px;
height: 30px;
/* background: #2aa4d7; */
border-radius: 3px;
}
.dwnin .dwnarrow:before {
position: absolute;
top: 50%;
left: 50%;
content: "\f078";
font-family: "fontawesome";
color: #fff;
font-weight: 300;
display: inline-block;
transform: translate(-50%, -50%);
}
.menu_sec .stellarnav .menu-toggle {
color: #fff;
padding: 0;
font-size: 0;
padding: 0;
position: absolute;
top: -49px;
right: 0;
width: auto;
}
.ace-responsive-menu {
float: left;
width: calc(100% + 35px);
position: absolute;
top: 6px;
background: #000000;
padding: 10px !important;
border-radius: 0;
box-shadow: #cccccc26 0 0 10px;
left: -18px;
}
.menu_sec .stellarnav ul li a span.arrow {
display: none;
}
.menu_sec .stellarnav i.fa.fa-bars {
font-size: 17px;
background-color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
color: #1f1762;
}
.menu_sec .stellarnav.mobile ul {
position: absolute;
left: 0;
top: -116px;
margin-top: 0;
width: 260px;
border: #706e667a solid 2px !important;
box-shadow: #3e3e3e73 0 6px 10px;
z-index: 999;
}
.menu_sec .stellarnav ul li {
margin-right: 0;
position: relative;
}
.menu_sec .stellarnav.mobile ul li a {
padding: 13px;
font-size: 14px;
}
.ace-responsive-menu > li {
border-bottom: 1px solid #289dce;
float: none;
}
.menu_sec #main-nav.stellarnav {
padding-top: 16px;
background: #fff;
display: block;
}
.menu_sec #main-nav.stellarnav {
padding-top: 0px;
background: #fff;
display: block;
float: left;
width: 100%;
z-index: 99;
position: relative;
}
.menu_sec .stellarnav ul li a {
padding: 11px 7px;
text-align: left;
}
.ace-responsive-menu > li > a {
font-size: 15px !important;
color: #fff;
}
.ace-responsive-menu > li > a.phn {
display: none;
}
.men-left {
display: none;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li {
display: block;
width: 100%;
}
.regular-menu1 {
width: 100%;
padding: 0 15px;
margin-bottom: 5px;
}
.menu_sec .stellarnav ul li {
display: block;
width: 100%;
border: 0;
padding: 0;
}
.menu_sec .stellarnav ul .mnu-tpo li {
display: block;
width: 100%;
border: 0;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li a {
margin-right: 0;
}
.ace-responsive-menu li ul.sub-menu .mnu-tpo li a,
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li a {
padding-right: 0;
font-size: 17px;
font-weight: 500;
border: 0;
padding: 6px 15px;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1 li:last-child a {
border-bottom: 0;
}
.ace-responsive-menu > li > ul.small-menu.sub-menu {
width: 100%;
position: static;
right: 0;
}
.mnu-tpo li i {
top: 8px;
}
.btm-tpo12 {
padding: 10px;
}
.btm-txt12 h3 {
margin: 0 0 10px 0;
font-size: 19px;
}
.ace-responsive-menu > li > ul.thrd-cls-mnu.sub-menu {
width: 100%;
}
.regular-menu1.mnu-thrd12 {
padding: 10px;
}
.ace-responsive-menu li ul.sub-menu .regular-menu1.mnu-thrd12 li {
padding: 0px 15px 0 21px;
}
.regular-menu1.mnu-thrd12 li i {
top: 8px;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu .pack-mn1 {
width: 100%;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu .mnu15-tpo {
width: 100%;
}
.ace-responsive-menu > li > ul.pack-mnu1.sub-menu {
width: 100%;
}
.rank-menu0{
display:none;
}
.menu-cont001 {
display: block;
}
.serv-mn5 {
padding: 10px 15px;
width: 100%;
border: none;
}
.title-mnu01 {
font-size: 19px;
line-height: 20px;
margin-bottom: 10px;
text-align: left;
}
.ace-responsive-menu li ul.sub-menu li a {
padding: 6px 0;
}
.ace-responsive-menu > li > ul.sub-menu{
box-shadow: none;
max-height: 210px;
overflow: auto;
}
.title-mnu01:after {
margin: 14px auto 0;
display:none;
}
/**menu***/
.photo-gallery .photos img {
height: 160px;
}
.photo-gallery .photos a {
width: 49%;
}
.row5 .col-sm-2 {
width: 100%;
}
/***newpagecss**/
.pad-tp-btm {
padding-top: 30px;
padding-bottom: 30px;
}
.top-right-text {
padding-top: 13px;
}
.cre-txt {
font-size: 31px;
line-height: 33px;
margin: 0;
display: block;
text-align: center;
}
.banr-imgbotm {
padding-top: 20px;
}
.bnr-txt-dig span {
display: block;
font-size: 16px;
padding-right: 0;
line-height: 25px;
padding-top: 12px;
text-align: center;
}
.banner-main-home {
padding-top: 130px;
margin-bottom: 50px;
overflow: hidden;
}
.cd-headline {
margin: 0;
display: block;
}
.cd-words-wrapper {
display: block;
text-align: center;
margin: 10px auto 0;
}
.cd-words-wrapper b {
font-size: 45px;
line-height: 46px;
text-align: center;
width: 100%;
}
.bnr-dig-img {
display: none;
}
.bnr-txt-dig {
display: block;
width: 100%;
padding-top: 3px;
}
.banner-main-home:after {
height: 180px;
box-shadow: inset #000b15 0px -30px 50px 0px;
}
.ebmr-txt h3 {
font-size: 19px;
line-height: 29px;
}
.ebmr-img{
display:none;
}
.ebmr-txt p {
margin: 0;
}
.qute-wht {
border-radius: 20px;
margin-bottom: 65px;
}
.ebmr-txt,
.ebmr-txt {
text-align: center;
}
.qte-txt-lft img {
position: static;
margin: 0 auto;
}
.qte-txt-lft {
padding-left: 0;
border-right: none;
border-bottom: #000b15 solid 1px;
padding-bottom: 15px;
margin-bottom: 15px;
text-align: center;
}
.quot-hm-main {
padding-top: 40px;
padding-bottom: 40px;
}
.mq-hm1 {
font-size: 36px;
}
.mq-hm1 img {
width: 30px;
height: 40px;
margin: 0 50px 4px 20px;
}
.mq-hm1 p {
line-height: 40px;
}
.user-uitxt h5 {
font-size: 21px;
}
.user-ui {
padding: 20px 15px 0 15px;
min-height: auto;
}
.user-imgpd {
padding-top: 33px;
padding-bottom: 40px;
}
.wel-lft p {
font-size: 18px;
line-height: 22px;
margin-top: 0;
margin-bottom: 8px;
}
.wel-ryt p {
font-size: 34px;
line-height: 37px;
margin-bottom: 17px;
}
.wel-ryt1 p {
font-size: 20px;
line-height: 28px;
margin-bottom: 13px;
}
.wel-ryt1, .wel-ryt2 {
padding-right: 0;
}
.wel-ryt2 p {
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
.text-loop {
margin-top: 20px;
margin-bottom: 20px;
}
.itemtext .mq-hm1 img {
margin: 0 48px 8px 20px;
}
.awr-img1 {
margin-top: 30px;
}
.app_secouter {
position: relative;
max-height: 300px;
padding:0 8px;
}
.app_secouter .app_secinner {
gap: 10px;
}
.frame-three {
padding-top: 0px;
padding-bottom: 0px;
}
.brnd-txt p {
padding-top: 0;
}
.exp-txt1 p {
font-size: 70px;
line-height: 52px;
}
.exp-txt2 p {
font-size: 24px;
line-height: 31px;
}
.exp-txt3 {
display: none;
}
.exp-txtupr {
padding: 40px 0px 0px 0px;
}
.awr-txt2 p {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
}
.awr-txt2 {
padding: 25px 20px;
max-width: 100%;
}
.vid-awr video {
border-radius: 15px;
height: 270px;
}
.colb-bec p {
font-size: 26px;
line-height: 30px;
margin-bottom: 8px;
}
.owl-carousel .owl-item .image-sldrclnt img {
margin: 0 auto 20px;
}
.image-sldrclnt {
position: static;
transform: none;
text-align: center;
}
.text-sldrclnt {
padding-right: 0;
text-align: center;
}
.clnt-love-us-slider {
padding-top: 35px;
}
.clnt-love-us-slider .owl-nav button.owl-next {
position: static;
font-size: 46px !important;
transform: none;
background-size: 39px;
margin-top: 15px;
width: 80px;
height: 80px;
}
.text-sldrclnt p {
font-size: 15px;
line-height: 25px;
margin: 0;
}
.botm-com1 p {
font-size: 26px;
line-height: 32px;
}
.botm-com2 p {
font-size: 18px;
margin: 10px 0;
line-height: 25px;
}
.botm-com4 p {
font-size: 21px;
line-height: 29px;
}
/**web design new**/
.banner-main-inner {
padding-top: 130px;
margin-bottom: 40px;
}
.bnr-big-txt p {
font-size: 30px;
line-height: 37px;
}
.bnr-smll-txt p {
font-size: 16px;
padding: 0;
line-height: 26px;
}
.banr-webb1 {
margin-top: 40px;
}
.webline:nth-child(1) {
margin-left: -35%;
}
.webline:nth-child(3) {
margin-left: 35%;
}
.flxro {
display: block;
width: 100%;
}
.box1-txt {
margin-right: 0;
margin-bottom: 8px;
padding: 17px 10px;
width: 100%;
}
.box2-img.com-box-clr {
padding: 39px 25px 0 0;
margin-left: 0;
padding: 43px 25px 0 0;
}
.box1-txt ul li a {
font-size: 19px;
}
.box3-img.com-box-clr {
padding: 0;
min-height: 175px;
margin-right: 0;
}
.box4-txt a {
font-size: 34px;
}
.box4-txt.com-box-clr {
padding: 18px 10px;
margin-left: 0;
}
.box5-txt {
margin-right: 0;
margin-bottom: 8px;
}
.box6-img.com-box-clr {
margin-left: 0;
margin-bottom: 8px;
}
.box6-img img {
left: 50%;
transform: scale(1.2) translate(-50%);
}
.box7-txt.com-box-clr,
.box9-txt.com-box-clr,
.box10-txt,
.box8-img {
margin-left: 0;
}
.box9-txt a {
font-size: 20px;
}
.webs-mn {
margin-left: 0;
}
.stnd-txt p {
font-size: 28px;
line-height: 35px;
}
.webdes-tab {
padding-left: 0px;
}
.webdes-tab .d-flex {
display: block !important;
}
.webdes-tab .nav-pills {
width: 100%;
}
.webdes-tab .nav-pills .nav-link p {
font-size: 20px;
line-height: 27px;
}
.webdes-tab .nav-pills .nav-link {
margin-bottom: 0;
}
.webdes-tab .tab-content .tab-pane {
margin-right: 0px;
}
.webdes-tab .tab-content {
width: 100%;
margin-right: 0;
padding-left: 0;
margin-top: 25px;
}
.stun-txt p {
font-size: 26px;
font-weight: 600;
line-height: 30px;
}
.stun-inrcol {
padding-left: 20px;
padding-right: 0;
padding-top: 25px;
}
.round-main-div {
bottom: -290px;
right: -72px;
width: 450px;
}
.stun-img1 img {
margin-left: 0;
transform: scale(1);
margin-top: 0;
}
.unco-deltxt p {
font-size: 30px;
line-height: 39px;
margin: 0 0 10px 0;
}
.res-txt1 {
padding-left: 0;
}
.res-img01 {
margin-right: 0;
margin-left: 0;
}
.all-webdesg-main {
padding-top: 40px;
padding-bottom: 60px;
}
.all-txt01 {
padding: 30px;
}
.al-txt1 p {
font-size: 24px;
line-height: 30px;
}
.prj-txt1 {
margin-bottom: 20px;
padding: 30px;
margin-top: 20px;
}
.prj-txt1 .counter-count {
font-size: 70px;
line-height: 56px;
}
.prj-txt1 .coun-txt {
font-size: 24px;
line-height: 30px;
}
.exp-txt {
padding: 30px;
}
.exp-txt .expimg1,
.exp-txt .expryt-txt {
width: 100%;
text-align: center;
}
.exp-txt .expryt-txt {
margin-top: 20px;
}
.expryt-txt .exptxt2 {
font-size: 26px;
line-height: 22px;
}
.footer-logo ul {
text-align: center;
}
.pad-tp-botm100 {
padding-top: 50px;
padding-bottom: 50px;
}
.wel-btn.text-center {
padding-right: 65px;
}
.box2-img.com-box-clr,
.box8-img.com-box-clr{
display:none;
}
.web01-box-main {
margin-top: 30px;
}
.banr-webb1 img {
transform: translateY(-50px);
}
/**web design new**/
/***web developement**/
.card-bnr:nth-child(3),
.card-bnr:nth-child(4){
display:none;
}
.card-bnr{
width:49%;
}
.cardupr-row {
justify-content: center;
margin-top: 0;
}
.cardupr-row:before {
box-shadow: inset #010b15 0px 140px 70px -20px;
top:0;
}
.cardupr-row:after {
box-shadow: inset #010b15 0px -110px 70px -10px;
}
.card-col.card-col1 {
transform: rotatex(44deg) translatey(0) translatez(0px) skew(-3deg, 0deg);
}
.card-col.card-col2 {
transform: rotatex(44deg) translatey(0) translatez(0) skew(5deg, 0deg);
}
.ebmr-txt.devtxt-szebmr h3 {
font-size: 23px;
line-height: 32px;
}
.wel-stra-main {
margin-top: 30px;
}
.mar-botm100 {
margin-bottom: 50px;
}
.wel-str-min {
padding: 40px 20px;
min-height: 570px;
border-left: none;
border-top: #1a242d solid 1px;
}
.wel-strimg {
margin-bottom: 30px;
}
.wel-strtxt1 p {
max-width: 100%;
}
.text-probig p {
font-size: 40px;
}
.cob01-img {
margin-left: 0;
}
.inno-txt1 p {
font-size: 33px;
line-height: 37px;
}
.inno-txt1 span {
line-height: 33px;
font-size: 31px;
}
.inno-txt2 p {
font-size: 25px;
line-height: 31px;
}
.dev-servtxt {
padding-top: 60px;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
min-height: 350px;
}
.dev-servtxt h6 {
margin-bottom: 55px;
}
.dev-servtxt span {
margin-bottom: 15px;
}
.dev-servtxt:hover h6 {
margin-bottom: 85px;
}
.wel-strtxt2 p {
margin-bottom: 55px;
}
.wel-str-min {
min-height: auto;
}
.esy-muloutr {
padding: 20px;
}
.esymultxt2 p {
padding-right: 0;
}
.esymultxt1 p {
font-size: 24px;
line-height: 33px;
margin-bottom: 10px;
}
.esymulimg {
padding-top: 20px;
}
.esy-muloutr.esy-muloutr-revs {
padding-top: 20px;
padding-bottom: 20px;
margin-top: 20px;
}
.esy-muloutr-revs .esymulimg {
padding-bottom: 20px;
}
.mul-venfulrow {
padding: 20px;
}
.mul-venfulrow.pdlow {
padding: 20px;
}
.scrolcards.seosertvind {
padding-left: 3%;
}
.pad-rmv767{
padding-left:0;
padding-right:0;
}
.mul-venfulrow .esymulimg img {
transform: scale(1);
}
.scrolcards {
padding: 0 0 0 5%;
}
.scrlboxoutr {
padding: 30px;
}
.scrlinrtxt1 p {
font-size: 36px;
margin-bottom: 20px;
line-height: 45px;
}
.text-probig p {
font-size: 80px;
-webkit-text-stroke-width: 1px;
}
.colb-pdtp {
padding-top: 0;
}
.colb-txt1 p,
.cob01-txt p {
font-size: 28px;
line-height: 35px;
max-width: 100%;
margin: 0 0 10px 0;
}
.cob01-txt {
padding-left: 0;
position: relative;
margin-bottom: 10px;
}
.circle-colb {
width: 320px;
height: 320px;
right: -90px;
top: 10%;
}
.cob01-img {
margin-left: 0;
margin-bottom: 20px;
}
.cob02-txt {
padding-left: 0;
}
.colb-main {
padding-bottom: 60px;
padding-top: 30px;
}
.log-web {
width: 80px;
height: 80px;
line-height: 63px;
}
.log-web img {
width: 40px;
height: 50px;
object-fit: contain;
}
.inno-main {
margin-top: 0;
margin-bottom: 0;
}
.log-web {
left: 44%;
}
.log-web2 {
left: 30px;
top: -15px;
}
.log-web3 {
left: 6%;
}
.log-web4 {
right: 0;
left:auto;
bottom: 50px;
}
.log-web5 {
bottom: auto;
top: 2%;
left: auto;
right: 2%;
}
.colb-img1 {
margin-top: 20px;
}
.card-col {
margin-top: -60px;
}
.card-log-col {
padding: 7px 0;
}
.card-log-col img {
width: 100%;
box-shadow: inset 0 -10px rgba(255, 250, 250, .1), 0 2px 8px rgb(45 168 217 / 12%);
}
/***web developement**/
/**logo design**/
.logo-banner:before{
display:none;
}
.txt-lok {
text-align: right;
}
.bnr-big-logo p {
font-size: 38px;
line-height: 44px;
}
.bnr-big-logo p:last-child {
padding-left: 0;
}
.bnr-big-logo {
max-width: 100%;
text-align: center;
margin-bottom: 10px;
}
.bnr-big-logo span {
font-size: 36px;
line-height: 24px;
}
.logo-banner {
padding-bottom: 90px;
margin-bottom: 0;
}
.txt-lok {
padding-top: 0;
}
.txt-lok p {
font-size: 32px;
}
.logboth1 {
margin-right: 0;
}
.logboth1.logboth2 {
margin-left: 0px;
}
.scrlinrtxtlog1 img {
margin-bottom: 20px;
max-height: 240px;
}
.scrlboxoutrlog {
margin-right: 100px;
}
.scrolcardslog {
margin: 0 0 0 4%;
}
.text-probglog p {
font-size: 70px;
}
.log-port-main {
padding-top: 30px;
padding-bottom: 0;
}
.box-pen {
float: none;
margin: 10px auto;
width: 100%;
}
.left-inrtop {
border-top: #1a242d solid 1px;
}
.log-pottxt1 {
padding: 20px 0;
}
.log-pottxt1 p {
font-size: 30px;
line-height: 36px;
}
.postsquitxt {
padding-bottom: 25px;
}
.scroll-bxlog {
margin-top: 0;
}
/**logo design**/
/***seo services india***/
.seobnr-img {
margin-top: -197px;
margin-bottom: -340px;
}
.bfr-aftr {
padding-bottom: 40px;
}
.serv_slider {
width: 350px;
margin-right: 35px;
}
.serv_img {
width: 90%;
}
.serv-txt-owl {
width: 90%;
margin-top: 20px;
}
.serv-txt-owl h2,
.serv-txt-owl h3,
.serv-txt-owl h4,
.serv-txt-owl h5 {
line-height: 33px;
font-size: 30px;
margin: 0;
margin-left: 0;
}
.serv-txt-owl p {
margin-left: 0;
margin-top: 10px;
}
.wht-txt p {
font-size: 37px;
line-height: 42px;
}
.wht-link-img {
margin-bottom: -145px;
}
.key-seo-serch img {
max-width: 110px;
}
.txtwh-gra p {
font-size: 20px;
line-height: 29px;
}
.seo-busi-main {
padding-top: 20px;
padding-bottom: 10px;
}
.cn-txt p {
font-size: 32px;
line-height: 38px;
}
.cob01-imgseo {
padding-top: 20px;
padding-right: 0;
}
.impo-txt1 p {
font-size: 36px;
line-height: 44px;
margin-bottom: 15px;
}
.impo-txt {
padding-bottom: 5px;
padding-top: 50px;
}
.ele-loc1 p {
font-size: 35px;
line-height: 37px;
}
.ele-loc2 p {
font-size: 20px;
line-height: 27px;
}
.ele-loc2 {
margin: 14px 0;
}
.pad-botm100 {
padding-bottom: 40px;
}
.com-inrpad.moble-compad-noimg {
padding-bottom: 100px;
margin-bottom:0;
}
/***seo services india***/
/***seo services delhi***/
.ebmr-txt .small-text h3 {
font-size: 26px;
line-height: 36px;
}
.msk-edtmn {
padding-left: 0;
}
.inr-mskedt p {
font-size: 18px;
}
.resmob-lis .inr-mskedt p {
font-size: 16px;
}
.inr-mskedt span {
font-size: 18px;
width: 50px;
padding-top: 0;
}
.inr-mskedt {
padding-left: 70px;
padding-top: 15px;
padding-bottom: 16px;
}
.prf-cus h3 {
font-size: 22px;
line-height: 30px;
}
.tem-cus1 ul {
display: block;
}
.banner-main-inner.moble-compad-noimg:after {
bottom: -50px;
}
/***seo services delhi***/
/***seo outsourcing company***/
.inr-divtxt {
margin-top: 7px;
line-height: 23px;
}
.wht-doimg-rw {
margin: 0 auto 50px;
}
.img-whtdo em {
font-size: 136px;
line-height: 66px;
}
/***seo outsourcing company***/
/**local seo services**/
.colb-pdtp.pad-botm30 {
padding-bottom: 0;
}
/**local seo services**/
/***white label seo**/
.seowhttxt p {
font-size: 34px;
line-height: 40px;
}
.whtseo-tb {
margin-top: 50px;
}
.whtseo-tb .tab-content h6 {
font-size: 26px;
margin-bottom: 15px;
line-height: 34px;
}
.whtseo-tb .tab-content ul li {
width: 100%;
display: block;
margin-bottom: 13px;
font-size: 16px;
line-height: 24px;
padding-right: 0;
}
/***white label seo**/
/***psd to html**/
.pad-tp70 {
padding-top: 30px;
}
/***psd to html**/
/***responsive design***/
.appops-gry {
padding: 20px;
margin-top: 50px;
}
.txtaso1 {
padding-top: 0px;
position: relative;
z-index: 1;
padding-bottom: 0;
}
.txtaso1 p {
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.txtaso2 p {
font-size: 18px;
line-height: 23px;
}
.txtaso2 {
margin-bottom: 0;
}
.txtaso3 {
padding-right: 0;
}
.gryrsmobpdrmv {
padding-bottom: 30px;
}
.jonw a {
left: -25px;
bottom: 0;
width: 90px;
height: 90px;
line-height: 15px;
font-size: 15px;
}
/***responsive design***/
/**wordpress development***/
.word-usr {
padding: 20px;
max-width: 100%;
margin-bottom: 20px;
}
.usrwrd-img {
position: static;
right: 0;
top: 0;
transform: none;
margin-top: 30px;
text-align: center;
}
.usr-wrd h5 {
font-size: 23px;
line-height: 31px;
}
.usrwrd1-img {
position: static;
right: 0;
top: 0;
}
.usrwrd-img img{
max-width:130px;
margin:0 auto;
}
.word-usr.wrdusr-ryt {
padding: 20px;
}
.wrdfet-usr p{
font-size: 114px;
margin-top: 40px;
line-height: 110px;
margin-bottom: 0;
}
.word-usr.wrdusr-ryt1 {
padding: 20px;
margin-top: 40px;
}
.wel-ryt.txtsmlmob img {
width: 32px;
}
.wel-ryt.txtsmlmob p {
font-size: 33px;
margin-bottom: 0;
}
/**wordpress development***/
/**case study***/
.cse-bnrrot {
left: -32%;
top: 4%;
}
.banner-main-inner.case-banner {
padding-bottom: 100px;
margin-bottom: 0;
}
.banner-main-inner.case-banner:after {
bottom: -50px;
}
.cse-lftimg {
border-radius: 0;
}
.lftcse .col-sm-8 {
padding-right: 0;
}
.clr-grycse {
padding: 25px 15px;
}
.csetxtryt p {
margin-bottom: 20px;
}
.cse-btn1 {
position: static;
}
.rytcse .col-sm-8 {
padding-left: 0;
}
/**case study***/
/***idiomaswatson**/
.tblsdeseo {
padding: 15px 5px;
}
.port-seo-text .table tbody td {
padding: 10px 5px;
}
.cass-innr {
padding: 20px;
min-height: auto;
margin-bottom: 20px;
}
.chl-solutxt h3 {
font-size: 24px;
line-height: 24px;
margin: 0 0 7px 0;
}
.cass-innr p {
font-size: 15px;
margin-bottom: 0;
line-height: 24px;
}
.inr-mskedt .cseurl {
font-size: 15px;
}
.grp-imgcse img {
border-radius: 15px;
}
.grp-imgcse {
margin-top: 20px;
}
/***idiomaswatson**/
/***wire framing**/
.wrimg1 {
margin-top: 30px;
}
.wid-lndicn .col-sm-4 {
width: 50%;
}
.wrklnd {
margin-bottom: 30px;
}
.reatxt01 {
padding: 20px 15px;
}
.rea-txt1 h6 {
font-size: 22px;
line-height: 27px;
max-width: 100%;
}
.slider-rea .slick-slide {
margin: 0;
display: block;
font-size:16px;
}
.slider-rea .slick-slide.slick-current span {
padding: 6px 30px;
display: block;
font-size: 15px;
}
.slider-rea {
margin: 20px auto;
}
.pad-botm60 {
padding-bottom: 25px;
}
/***wire framing**/
/**image editing***/
.pen-image-sec {
padding-bottom: 50px;
}
.marquee-imgg p {
font-size: 32px;
line-height: 33px;
}
.mr-servimg ul li {
font-size: 27px;
line-height: 27px;
}
.mr-servimg {
margin-top: 20px;
}
.leavesedt {
height: 200px;
}
.edtimgbnr {
padding-top: 0;
}
/**image editing***/
/***landing page design***/
.wrklnd p {
font-size: 16px;
line-height: 21px;
}
.pad-botm70 {
padding-bottom: 40px;
}
/***landing page design***/
/****banner design***/
.bnr-bnrtxt1 p {
font-size: 46px;
line-height: 41px;
margin-bottom: 2px;
}
.bnr-bnrtxt1 img {
max-height: 39px;
margin-left: 13px;
}
.bnr-bnrhdpg p {
font-size: 35px;
line-height: 37px;
}
.bnr-bnrtxtpg p {
font-size: 16px;
line-height: 26px;
padding-right: 0;
}
.bnrimgbnr1 {
margin-left: 0;
}
.degn-or p {
font-size: 50px;
line-height: 57px;
}
.grysec-bnrpg{
padding:20px;
}
.degn-txtimp p {
font-size: 29px;
line-height: 37px;
margin-bottom: 20px;
margin-top: 0;
}
.degn-impul ul {
display: block;
}
.degn-impul ul li {
width: 100%;
margin-bottom: 22px;
}
.degn-impul ul li p {
font-size: 20px;
margin-bottom: 4px;
}
.impbnr1 {
padding-top: 20px;
}
.tem-cus1 ul li span {
font-size: 16px;
line-height: 25px;
}
/****banner design***/
/**smo**/
.circleslnd li:nth-child(6),
.circleslnd li:nth-child(1),
.circleslnd li:nth-child(7) {
width: 60px;
height: 60px;
}
.mul-venmainrow {
padding-top: 20px;
}
/**smo**/
/***andriod app**/
.phone-mn {
padding-top: 0;
}
@supports (animation-timeline: scroll()) {
.spacing-box {
height: 0;
}
}
.boxapp p {
font-size: 15px;
}
.box--two {
position: static;
bottom: 0;
display: block;
padding-bottom: 0;
}
.locl-serv1 h6 {
font-size: 26px;
}
.aos-txtryt {
text-align: left;
}
.aoseff-txt h5 {
font-size: 24px;
line-height: 29px;
margin: 14px 0 7px 0;
}
.box__content{
padding-bottom:0;
}
/***andriod app**/
/**content marketing***/
.wht-blg {
padding: 20px 20px 10px 20px;
max-height:100%;
min-height:auto;
margin-top:0px;
margin-bottom:15px;
}
.wht-blg p {
font-size: 20px;
line-height: 27px;
margin-bottom: 17px;
}
.wht-blg ul li {
display: block;
width: 100%;
margin-bottom: 10px;
}
.wht-blg.heicont {
min-height: auto;
}
.mul-venfulrow.pad-contscl {
padding: 20px;
}
/**content marketing***/
/**mobile app development***/
.noapp-onetxt p {
font-size: 26px;
line-height: 37px;
}
.ac-txt p {
font-size: 40px;
line-height: 40px;
}
.impweb-app {
padding: 20px;
}
.imp-txt1 h6 {
font-size: 22px;
margin-bottom: 10px;
}
.imp-txt1 p {
font-size: 22px;
line-height: 28px;
margin-bottom: 9px;
}
.wedel-count {
margin-top: 30px;
}
.wedel-count span {
font-size: 46px;
margin-top: -8px;
}
.banner-app-inner.moble-compad-noimg {
padding-bottom: 110px;
margin: 0;
}
.pin-spacer{
display:none!important;
}
.app-dev-com {
padding-top: 40px;
padding-bottom: 50px;
}
.app-donaro img {
width: 70px;
}
.txt-imp1 {
padding-right: 0;
}
.tab--app-main {
padding-top: 50px;
padding-bottom: 20px;
}
.app-tabs-inrbtn {
margin-right: 0 !important;
}
.app-pg-tabs .d-flex {
display: block !important;
}
.tab-txtab {
position: static;
max-width: 100%;
transform: none;
}
.app-pg-tabs .tab-content {
padding-left: 0;
}
.tab-imgcc {
margin-bottom: 25px;
text-align: center;
margin-top: 20px;
}
.tab-imgcc img {
max-width: 180px;
margin: 0 auto;
}
/**mobile app development***/
/***ecommerce developemnt***/
.imgrot-edev {
margin-top: 12px;
}
/***ecommerce developemnt***/
/***graphic design***/
.wrap-imggra {
width: 325px;
height: 230px;
}
.scene-imggra {
width: 325px;
height: 230px;
}
.wrap-imggra .scene-imggra {
background-size: cover;
}
.gratxtbnr,
.gratxtbnr2 {
position: static;
width: 100%;
}
.gratxtbnr3 {
display:none;
}
.gratxtbnr p,
.gratxtbnr2 p {
font-size: 22px;
line-height: 26px;
}
.graphic-mob-sec.banner-main-home:after {
height: 125px;
box-shadow: inset #000b15 0px -50px 48px 0px;
}
.banner-main-home.graphic-mob-sec {
padding-bottom: 40px;
}
.cap-gra1 {
padding: 0px;
min-height: auto;
}
.cap-gra1 h5 {
font-size: 20px;
}
.graimg-txt {
position: relative;
right: 0;
top: 0;
width: 100%;
transform: none;
margin-top:15px;
}
.wel-ryt img {
width: 26px;
}
.gra-sld .owl-nav{
display:none;
}
.graimg-txt h6 {
font-size: 25px;
}
.graphic-mob-sec .txt-bnr-cont {
margin-top: 50px;
}
.wrap-imggra .viewer-imggra {
background-size: cover;
background-repeat: no-repeat;
}
.viewer-imggra {
width: 325px;
height: 230px;
}
/***graphic design***/
/***ppc**/
.incs-txt p {
font-size: 38px;
line-height: 41px;
margin-bottom: 5px;
}
.incs-txt2 p {
font-size: 29px;
line-height: 31px;
}
.dri-txt p {
font-size: 25px;
line-height: 35px;
}
.contr-blrppc span {
font-size: 22px;
}
.cntr-txtppc {
font-size: 19px;
max-width: 260px;
line-height: 26px;
margin-left: 1px;
}
.contr-blrppc {
display: block;
min-width: auto;
text-align: left;
}
.txt-ppc {
margin-top: 0;
margin-bottom: 7px;
display: flex;
align-items: center;
column-gap: 11px;
justify-content: center;
}
.dri-txt {
margin-bottom: 20px;
}
.txt-maxppc {
padding-top: 10px;
padding-bottom: 10px;
border-left: none;
padding-left: 0;
margin-left: 0;
text-align: center;
}
.max-txtppc p {
font-size: 30px;
line-height: 37px;
margin-bottom: 10px;
}
.banner-main-inner.banner-ppc-inner {
background-size: contain;
}
.bnr-ppcbig {
padding-bottom: 30px;
padding-left: 0px;
margin-top: 20px;
}
.bnr-ppcbig p {
font-size: 43px;
line-height: 39px;
}
.bnr-ppcbig span {
font-size: 46px;
line-height: 46px;
}
.txt-bntppc {
max-width: 100%;
padding-top: 0;
padding-left: 0;
}
.ppc-bnrtxtpush {
padding-left: 10px;
}
.txt-bntppc:after {
width: 40px;
height: 50px;
left: 144px;
top: -83px;
}
/***ppc**/
/**ecommerce-web-design-services**/
.gryewebdes {
padding: 20px;
}
.emwebtxt h6 {
font-size: 22px;
line-height: 32px;
margin-bottom: 30px;
}
.project-titleecomweb p {
font-size: 18px;
line-height: 23px;
}
.projectecomweb {
padding: 15px 0;
}
.tem-cus1 ul li p {
font-size: 17px;
line-height: 25px;
}
/**ecommerce-web-design-services**/
/**contact****/
.acs-prntimg {
display: none;
}
.form-cont {
padding-left: 0;
}
.bnr-big-logo.contbnr-txt p {
font-size: 42px;
}
.bnr-big-logo.contbnr-txt p:last-child {
padding-left: 0;
}
.bnr-big-logo.contbnr-txt p span {
font-size: 37px;
}
.cont-info {
margin-top: 30px;
}
.cont-info ul li {
margin-bottom: 20px;
}
.cont-info ul {
width: 100%;
padding: 0px;
}
.cont-banner.moble-compad-noimg {
padding-bottom: 70px;
}
.banner-main-inner.cont-banner:after {
box-shadow: inset #010b15 0px -120px 40px -20px;
}
.fomupr-txt p {
font-size: 42px;
line-height: 42px;
}
.lbl-inpfom .colform-label {
font-size: 15px;
}
.lbl-inpfom input.form-control {
height: 33px;
min-height: 39px;
font-size: 18px;
font-size: 15px;
}
.checklbl {
width: 100%;
}
.tr_soctxt h2 {
font-size: 26px;
}
/**contact****/
/**portfolio web**/
.prt-txtclr ul li {
padding-top: 70px;
}
.portfor-main {
padding: 20px;
}
.prttp-imgtxt{
display:block;
}
.prttp-imgtxt .prt-txt {
width: 100%;
}
.prttp-imgtxt .prt-img {
width: 100%;
margin-bottom:20px;
}
.prt-clrtxt {
margin-top: 50px;
}
.prt-txtclr p {
font-size: 28px;
line-height: 27px;
}
.prt-clrtxt {
margin-top: 30px;
}
.prt-txtclr ul li {
width: 49%;
display: inline-block;
}
.prt-txtclr ul li span {
font-size: 11px;
}
.prt-fnttxt {
display: block;
margin-top: 30px;
}
.prt-fnttxt .prt-txtfnt {
width: 100%;
}
.prt-txtfnt p {
font-size: 29px;
line-height: 26px;
}
.prt-txtfnt ul li span {
font-size: 22px;
margin: 10px 0 20px;
}
.prt-bigimg {
max-height: 270px;
margin-top: 30px;
}
/**portfolio web**/
/**about Us***/
.clnt-txt {
margin-bottom: 0;
}
.clnt-txt p {
font-size: 26px;
line-height: 33px;
}
.img-rmvmob img {
display: none;
}
.mar-tp1 {
margin-top: 30px;
}
.mar-tp2 {
margin-top: 30px;
}
.mar-tp3 {
margin-top: 30px;
}
/**aabout Us***/
/***testimonials***/
article.module-info-card__text {
max-width: 100%;
padding: 0 15px;
}
article.module-info-card__text p {
font-size: 18px;
}
.producttst {
height: auto;
margin-bottom: 120px;
}
.producttst:last-child {
height: auto;
}
.productstst {
margin-top: 50px;
}
.modl-tsti p {
font-size: 15px;
line-height: 24px;
margin-bottom: 15px;
}
.modl-tsti .img-tsti {
padding-left: 65px;
padding-top: 4px;
padding-bottom: 7px;
min-height: 57px;
}
.modl-tsti span {
font-size: 14px;
}
.modl-tsti em {
font-size: 12px;
}
.modl-tsti .img-tsti img {
width: 55px;
height: 55px;
}
.modl-tsti {
padding: 15px;
}
/***testimonials***/
/***contact***/
.lbl-inpfom {
padding-bottom: 17px;
}
/***contact***/
/**** about us****/
.abt-smll-txt1 p {
font-size: 38px;
line-height: 44px;
}
.abt-smll-txt2 p {
font-size: 25px;
line-height: 36px;
}
.abt-smll-txt p {
padding: 0;
font-size: 16px;
line-height: 27px;
}
.abt-big-txt p {
font-size: 40px;
line-height: 50px;
}
.txtabt p {
font-size: 15px;
padding: 0px;
line-height: 26px;
}
.txtwhoabt p {
font-size: 40px;
}
.txtwhoabt p:before {
width: 50%;
}
.txtoutrabt {
padding: 20px;
}
.each-eventabt:nth-child(odd) {
margin: 0;
padding-right: 0;
}
.each-eventabt:nth-child(even) {
margin: 0;
text-align: left;
padding-right: 0;
}
.each-eventabt.non-focus {
transform: translateY(15px);
}
.each-eventabt:nth-child(even):before,
.each-eventabt:before {
left: -10px;
top: 19px;
}
.each-eventabt h5 {
font-size: 20px;
}
.blockabt:before{
display:none;
}
.titleabt,
.titleabt.non-focus {
font-size: 22px;
padding-top: 0px;
line-height: 31px;
}
.wrapperabt{
padding-top:40px;
}
.image-brand ul li {
width: 46%;
line-height: 65px;
margin: 6px;
}
.image-brand {
margin-top: -10px;
}
.mt-tm p {
font-size: 25px;
line-height: 24px;
margin-bottom: 0;
}
.tm_grid {
margin-top: 30px;
}
.tm_grid ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tm_grid ul li {
padding: 15px;
width: 47%;
margin: 0 5px 9px;
}
.tmimg-grd img {
width: 70px;
}
.tmimg-grd {
margin-bottom: 15px;
}
.tm_grid ul li p {
font-size: 16px;
margin-bottom: 1px;
line-height: 21px;
}
.tm_grid ul li span {
font-size: 12px;
}
.mn-morabt {
margin-bottom: 40px;
}
.mn-morabt p {
font-size: 18px;
}
.pro-abtsat ul li p {
font-size: 26px;
line-height: 27px;
margin-bottom: 3px;
}
.abt-lovacs span {
font-size: 29px;
line-height: 40px;
}
.abt-lovacs p {
font-size: 17px;
margin-bottom: 0;
margin-top: 5px;
}
.abt-lovacs{
margin-top:50px;
}
.pro-abtsat ul li span {
font-size: 16px;
}
.scrltxt {
margin-bottom: 20px;
}
/**** about us****/
/***business accessories***/
.business-acc-banr .banr-webb1 {
margin-top: 90px;
margin-bottom: -50px;
}
/***business accessories***/
/***terms and conditions***/
.term-sec {
padding: 15px;
}
/***terms and conditions***/
/***career***/
.job-open-text h3 {
font-size: 16px;
}
.job-open-text {
padding: 15px;
}
.textjb {
padding-right: 5px;
}
.form-career .row {
display: block;
}
.form-career .lbl-inpfom .colform-label {
font-size: 19px;
}
.form-career .lbl-inpfom {
display: block;
}
.fomupr-txt.carertxt {
padding-top: 0;
}
/***career***/
.pd-tpmob50{
padding-top:50px;
}
.pad-botm-mob50{
padding-bottom:50px;
}
.pad-rmvmobbotm{
padding-bottom:0;
}
.pad-rmvbtm {
padding-bottom: 0;
}
/* ---------- Offer Sec ---------- */
.marq-sec img.roc1,
.marq-sec img.roc2 {
display: none;
}
.marq-sec div.marq span.blink_me,
.marq-sec div.marq span,
.marq-sec div.marq b {
font-size: 16px;
}
.marq-sec .image_d {
width: 20px;
margin-top: 0px;
}
.navigation {
top: 80px;
}
.group-blog .navigation{
top: 0;
}
}
/* responsive css */