@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.gstatic.com/s/poppins/v20/xyz.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Scss Document */

body {
  font-family: 'Poppins', 'Segoe UI', Roboto, sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  background:#fff;
  overflow-x: hidden;
  color: #111;
  line-height: normal;
}


p {
  font-size: 16px;
  color: #414141;
}

img {
  max-width: 100%;
  border: 0; }

.clear {
  clear: both;
  float: none;
  width: 100%; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

a {
  text-decoration: none !important;
  transition: all 0.2s ease-in;
  color: #3B0069; }

a:hover { color: #8F00FF; }

.img-responsive { width: 100%; height: auto; }

/*------------------common-css-------------------*/

 .common-btn{
    font-size: 16px;
    background:#8F00FF;
    color: #fff;
    padding: 17px 30px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    border-radius:10px;
    font-weight: 500;
    border:none;
    transition: all 0.3s ease-in-out;
}

.common-btn:hover {
  background: #3B0069; 
  color: #fff;
}

.common-btn i{ transition: all 0.3s ease-in-out; margin-right: 8px; vertical-align: middle; }

.common-btn:hover i{ margin-right:2px !important; }


.title-col{ margin-bottom:40px; }

.title {
  position: relative;
  font-size:48px;
  font-weight:700;
  color:#111;
  margin-bottom:0px;
  display: inline-block;
}

.title-para{ font-size:16px; max-width: 900px; margin:20px auto 50px; width: 100%; line-height: 28px; }

.form-control {
  border-radius:6px;
  padding: 1.3rem 15px;
  font-size:15px;
  height: 42px;
  background-color: #fff;
  color: #000;
  border: 1px solid #ccc;
}

.form-select { padding: 0; padding-left:15px; height:42px; border-radius:6px; -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.3em;
  background-color: #111;
  border: 1px solid #333;
  color: #fff;
  font-size:15px;
}

textarea.form-control{ height:auto !important; }

.form-control:focus {
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid #8F00FF !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@media (min-width: 992px){ .dropdown:hover>.dropdown-menu { display: block; } }

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/*------------------end common-css-------------------*/

.main-header {
  padding:15px 0px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  transition: transform 0.3s ease-in-out; /* Smooth transition for fixed effect */
}

.main-header.fixed-nav {
  background: #fff;
  padding: 10px 0px;
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
  z-index: 999;
  transform: translateY(0);
  box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
}

header.hide-nav {
  transform: translateY(-100%); /* Moves the header up off-screen */
}

.main-header.fixed-nav .navbar-expand-lg .navbar-nav .nav-link{ color: #000; }
.main-header.fixed-nav .logo img{ filter: none; max-height: 40px; }
.main-header.fixed-nav .navbar-nav .nav-item:last-child .nav-link{ color: #fff; }
.main-header.fixed-nav .navmenu-title2{ color: #000; }
.main-header.fixed-nav .navbar-nav .dropdown-menu{ background: #fff; }
.main-header.fixed-nav .megamenu.dropdown-menu a:hover .megamenu-ico img { filter:none; }


.logo img{ max-height:60px; filter: brightness(0) invert(1) grayscale(10); }

.main-header .container-fluid{ padding-left: 30px; padding-right: 30px; }

.main-header .navbar-expand-lg .navbar-nav .nav-link {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin: 0px 20px;
  padding:10px 0px;
  text-align: center;
}

.navbar-nav .nav-item:last-child .nav-link {
  background: #8F00FF;
  color: #fff;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  border-bottom: none;
}

.navbar-nav .nav-item:last-child .nav-link i{ margin-left: 5px; }

.main-header .navbar-nav .nav-item:last-child .nav-link:hover { color: #fff; box-shadow:0px 0px 20px #8e65af; }

.main-header .navbar-expand-lg .navbar-nav .nav-link:hover { color: #b454ff; }

.footer-bottom-right {
  padding-right: 90px;
}

.whatsapp-fix {
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 9;
  background: #fff;
  padding: 5px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 53px;
}
.whatsapp-fix img{ height: 54px; }


.banner{ background: #0C0C0D; height:calc(100vh + 30px); position: relative; overflow: hidden; }
.banner-left{ position: absolute; left: 0; top: 60%; transform: translateY(-50%); }
.banner-right{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.banner-content{ position: absolute; top: 70%; left: 50%; text-align: center; max-width: 900px; margin: auto; width: 100%; z-index: 1; transform: translate(-50%, -70%); }

.banner-content h2{font-size: 54px; font-weight: 700; color: #fff; line-height: 82px; }
.banner-content h1{ font-size: 82px; background-image: linear-gradient(to right, #8F00FF, #E23CEF); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-weight: 400; margin-bottom: 0px; height: 110px; }

  #typewriter-suffix {
    opacity: 1;
    animation: none; /* No blinking during typing */
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}


.banner-icons{ margin-top: 10vh; }

.banner-marquee{ border-top-left-radius: 30px; border-top-right-radius: 30px; margin-top: -30px; z-index: 1; position: relative; background: #fff; padding: 0px 10px 0px; }
.banner-marquee ul{ padding: 0px; margin-bottom: 0px; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.banner-marquee ul li{ font-size: 21px; margin: 0px 50px; }

.homeabout-sec{ position: relative; padding: 60px 0px 90px; background: url(../images/lines.jpg) no-repeat; background-position: right; }
.homeabout-sec .title-col{ max-width: 1100px; width: 100%; margin-bottom: 30px; }

.homeabout-vector{ position: absolute; left: 0; bottom: 22%; transform: translateY(-18%); max-width: 280px; }

.counter {
  font-size: 64px;
  color:#3B0069;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 1;
  vertical-align: -9px;
}
.h-about-no h4 {
  font-size: 18px;
  color: #414141;
  font-weight: 500;
  margin-top: 10px;
}

.h-about-no b {
  font-size: 42px;
  color: #3B0069;
  font-weight: 400;
  margin-bottom: 0px;
  margin-left: 7px;
  line-height: 1;
}

.h-about-no { text-align: center; margin: 30px 0px; }

.h-about-rtext{ position: relative; }

.habout-right{ position: relative; height: 100%; }
.habout-colgrid{ border: 1px solid #111; width: 210px; height: 210px; border-radius: 50%; text-align: center; padding: 20px; position: relative; transition: all 0.3s ease-in; background: #fff; }
.habout-service1{ position: absolute; left: 20%; transform: translateX(-20%); }
.habout-service2{ background: #8f00ff; position: absolute; left: 50%; top: 30%; transform: translateX(-50%); }
.habout-service2 p{ color: #fff; }
.habout-service3{ background: #3b0069; position: absolute; right:10%; bottom: 0; }
.habout-service3 p{ color: #fff; }

.habout-colgrid:hover{ transform: scale(1.4); z-index: 1; }
.habout-colgrid.habout-service2:hover{ transform: translateX(-50%) scale(1.4); }

.habout-colgrid p{ margin-bottom: 0px; font-size: 21px; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.habout-vector{ position: absolute; left:0; bottom: 0; z-index: 1; }
.habout-vector img{ max-width: 240px; }

.homeportfolio-sec{ background: url(../images/homeport-bg.jpg) no-repeat #0c0926; background-size: cover; padding:90px 0px; }
.homeportfolio-sec .title-col{ display: flex; align-items: center; justify-content: space-between; }
.homeportfolio-sec .title{ color: #fff; }
.homeportfolio-sec .common-btn{ background: none; color: #fff; border: 1px solid #fff; }
.homeportfolio-sec .common-btn:hover{ background: #fff; color: #000; }

.homeport-big{ position: relative; }
.homeportbig-content{ position: absolute; left:50px; top: 50%; transform: translateY(-50%); z-index: 1; max-width: 500px; width: 100%; }
.homeportbig-content h2{ color: #fff; font-size: 42px; font-weight: 600; }
.homeportbig-content h3{ color: #fff; font-size: 24px; font-weight: 400; margin:25px 0px; }
.homeportbig-content p{ color: #F7F8F9; font-size: 16px; font-weight: 400; line-height: 24px; }
.homeportbig-content a{ color: #fff; font-size: 16px; }

.homeport-pic{ position: relative; }
.homeport-big .homeport-pic:before {
  content: "";
  background-image: linear-gradient(to left, rgb(255 255 255 / 0%), rgb(0 0 0 / 90%));
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  z-index: 1;
  display: none;
}

.homeport-pic{ border-radius: 20px; overflow: hidden; margin: 12px 0px; }
.homeport-pic img{ border-radius: 20px; width: 100%; }

.homeport-pic video{ width: 100%; border:12px solid rgb(255 255 255 / 20%); border-radius: 20px; }

.homewhypixa-sec{ padding:90px 0px; }
.homewhypixa-sec .title-col{ text-align: center; }
.homewhypixa-sec .title{ margin-bottom: 20px; }

.homewhy-txt {
  text-align: center;
  border-radius: 20px;
  padding: 15px;
  height: 100%;
  background: #f5f5f5;
}
.homewhy-ico img{ border-radius: 15px; max-height: 190px; object-fit: cover; }
.homewhy-txt h3{ font-size: 24px; font-weight: 600; margin: 20px 0px 15px; }
.homewhy-txt p{ font-size:14px; margin-bottom: 0px; color: #777; padding: 0px 20px 15px; }

.homewhypixa-sec .col-sm-6{ margin: 12px 0px; }

.homewhy-txt-color{ background-image: linear-gradient(to right, #8F00FF, #3B0069); border: none; }

.homewhy-txt-color .homewhy-ico i{ color: #fff; font-size: 46px; }
.homewhy-txt-color.homewhy-txt h3{ color: #fff; font-size: 32px; margin:10px 20px 15px; }
.homewhy-txt-color.homewhy-txt p{ color: #fff; font-size: 18px; margin-bottom: 10px; }

.homewhy-txt-color .animated{ animation-duration:2s; padding-top: 30px; }

.homeservices-sec{ background: url(../images/service-bg.jpg) no-repeat #111; background-size: cover; padding: 90px 0px 50px; position: relative; }

.homeservices-sec:after {
  content: "";
  z-index: 0;
  position: absolute;
  right: 250px;
  top: 13%;
  filter: blur(175px);
  width: 60%;
  height: 60%;
  transform: translate(20%);
  background: #0d103c;
}

.homeservices-title{ font-size: 56px; color: #fff; font-weight: 500; line-height: 68px; margin-bottom: 25px; }
.homeservices-big{ padding-left: 40px; position: relative; z-index:2; }
.homeservices-ltext p{ color: #ccc; font-size: 16px; font-weight: 300; padding-right: 60px; }
.homeservices-ltext .common-btn{ background: none; border: 1px solid #fff; color: #fff; margin-top: 15px; }
.homeservices-ltext .common-btn:hover{ background: #8F00FF; color: #fff; border-color: #8F00FF;  }

.innerbig-service{ margin-bottom: 40px; }

.innerbig-service h3{ font-weight: 700; font-size: 64px; color: #fff; margin-bottom:20px; transition: all 0.3s ease-in;  border-bottom-left-radius: 30px; }
.innerbig-service p{ font-weight: 400; font-size: 18px; color: #ccc;  }
.innerbig-service img{ margin-left: -10px; transition: all 0.3s ease-in; }

.homeservices-ltext {
  position: sticky;
  top:40px;
  z-index: 1;
}

.innerbig-service a:hover h3{ background-image: linear-gradient(to right, #8F00FF, transparent); padding-left: 30px; }
.innerbig-service a:hover img{ transform: rotate(-45deg); }

.hometechnology-sec{ padding:80px 0px; position: relative; }

.trending-tec-cols{ display: flex; justify-content: center; flex-wrap: wrap; }
.trend-col{ flex:0 0 15%; max-width:15%; text-align: center; margin:1%;  font-size:16px; color:#454545;   }
.trend-col span {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    min-height: 70px;
    text-align: center;
    justify-content: center;
    align-items: center;
    --s: 50px; /* size of the corners */
    border: 1px dashed #B38184; 
    padding: 10px;
    mask: 
      conic-gradient(#000 0 0) content-box,
      conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 
      0 0/calc(100% - var(--s)) calc(100% - var(--s));
}

.trend-col span img{ filter: grayscale(1); transition: all 0.3s ease-in; }
.trend-col:hover span img{ filter: grayscale(0); }

/* HTML: <div class="arc"></div> */
.arc {
  --b: 40px; /* the boder thickness */
  --a: 240deg; /* control the progression */
  width: 230px;
  aspect-ratio: 1;
  padding: var(--b);
  border-radius: 50%;
  position: absolute; left:-128px;
  background-image: linear-gradient( #8F00FF, transparent);
  --_g:/var(--b) var(--b) no-repeat
    radial-gradient(50% 50%,#000 97%,#0000);
  mask: top var(--_g),
    calc(50% + 50%*sin(var(--a))) 
    calc(50% - 50%*cos(var(--a))) var(--_g),
    linear-gradient(#0000 0 0) content-box intersect,
    conic-gradient(#000 var(--a),#0000 0);
}

.arc2{ bottom:80px; left: auto; right:40px; background-image: linear-gradient( #c0d860, transparent); --b: 25px; --a: 360deg; width: 110px; }

.cta-sec{ background: #3B0069; text-align: center; padding: 30px 0px 40px; }
.cta-sec h3{ color: #fff; font-size: 42px; margin-bottom:15px; }
.cta-sec p{ color: #fff; font-size:18px; margin-bottom:25px; font-weight: 300; color: #ccc; }
.cta-sec .common-btn:hover{ background: #fff; color: #3B0069; }

.testimonial-sec{ position: relative; padding: 90px 0px 90px; background: url(../images/testimonial-bg.jpg) no-repeat #111; background-size: cover; }
.particles-animation-wrapper, .particles-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#stars {
width: 1px;
height: 1px;
background: transparent;
box-shadow: 996px 508px #FFF , 1471px 1715px #FFF , 66px 1584px #FFF , 1407px 496px #FFF , 184px 1031px #FFF , 1462px 1994px #FFF , 922px 189px #FFF , 1040px 833px #FFF , 1490px 1873px #FFF , 117px 1251px #FFF , 615px 9px #FFF , 881px 247px #FFF , 300px 1188px #FFF , 1985px 1403px #FFF , 885px 440px #FFF , 629px 263px #FFF , 53px 1420px #FFF , 153px 851px #FFF , 1199px 1314px #FFF , 1077px 785px #FFF , 11px 205px #FFF , 521px 1368px #FFF , 146px 918px #FFF , 1436px 1417px #FFF , 1933px 1822px #FFF , 473px 610px #FFF , 1240px 1767px #FFF , 1497px 437px #FFF , 1446px 738px #FFF , 944px 1019px #FFF , 722px 1718px #FFF , 1801px 1713px #FFF , 1028px 1991px #FFF , 1584px 236px #FFF , 733px 1309px #FFF , 1724px 522px #FFF , 1666px 1890px #FFF , 1315px 592px #FFF , 847px 1118px #FFF , 1720px 1909px #FFF , 1927px 1421px #FFF , 1349px 737px #FFF , 1812px 907px #FFF , 208px 889px #FFF , 338px 939px #FFF , 1680px 300px #FFF , 933px 1520px #FFF , 443px 1625px #FFF , 1882px 1002px #FFF , 972px 640px #FFF , 1010px 326px #FFF , 1524px 1547px #FFF , 1219px 1662px #FFF , 1185px 687px #FFF , 1761px 1471px #FFF , 1227px 1874px #FFF , 1452px 642px #FFF , 966px 1019px #FFF , 284px 426px #FFF , 1218px 742px #FFF , 1392px 747px #FFF , 104px 1596px #FFF , 815px 1920px #FFF , 561px 817px #FFF , 1807px 1067px #FFF , 1732px 1645px #FFF , 373px 1186px #FFF , 1592px 27px #FFF , 1645px 1624px #FFF , 452px 1643px #FFF , 1109px 1644px #FFF , 911px 762px #FFF , 1295px 271px #FFF , 547px 1757px #FFF , 42px 1602px #FFF , 1983px 155px #FFF , 116px 134px #FFF , 219px 1099px #FFF , 1169px 1014px #FFF , 655px 206px #FFF , 1196px 29px #FFF , 947px 1571px #FFF , 360px 401px #FFF , 1171px 222px #FFF , 178px 649px #FFF , 473px 304px #FFF , 527px 1948px #FFF , 1511px 788px #FFF , 439px 841px #FFF , 1224px 1468px #FFF , 848px 1673px #FFF , 1105px 4px #FFF , 441px 1411px #FFF , 1386px 1337px #FFF , 1859px 178px #FFF , 948px 60px #FFF , 896px 1946px #FFF , 1365px 1010px #FFF , 1771px 1228px #FFF , 420px 285px #FFF , 646px 862px #FFF , 1603px 1270px #FFF , 1728px 1879px #FFF , 1329px 1219px #FFF , 1666px 884px #FFF , 533px 158px #FFF , 1773px 1745px #FFF , 42px 597px #FFF , 1626px 613px #FFF , 1762px 925px #FFF , 220px 642px #FFF , 518px 1463px #FFF , 640px 1918px #FFF , 476px 1782px #FFF , 1052px 1671px #FFF , 1098px 248px #FFF , 655px 1831px #FFF , 1349px 1356px #FFF , 1170px 1269px #FFF , 1872px 1963px #FFF , 1932px 1453px #FFF , 17px 651px #FFF , 1560px 146px #FFF , 331px 616px #FFF , 577px 1904px #FFF , 526px 619px #FFF , 203px 485px #FFF , 52px 30px #FFF , 1548px 1534px #FFF , 1373px 549px #FFF , 603px 1827px #FFF , 66px 773px #FFF , 285px 1099px #FFF , 61px 627px #FFF , 1209px 782px #FFF , 1643px 1576px #FFF , 10px 340px #FFF , 850px 1388px #FFF , 867px 15px #FFF , 205px 233px #FFF , 1433px 112px #FFF , 669px 686px #FFF , 1119px 492px #FFF , 1289px 1956px #FFF , 483px 774px #FFF , 678px 476px #FFF , 1569px 543px #FFF , 368px 1777px #FFF , 863px 1154px #FFF , 372px 1965px #FFF , 1785px 1975px #FFF , 1805px 1642px #FFF , 1218px 1542px #FFF , 66px 1284px #FFF , 734px 223px #FFF , 771px 1604px #FFF , 475px 595px #FFF , 886px 460px #FFF , 1109px 679px #FFF , 1173px 307px #FFF , 1083px 1352px #FFF , 992px 937px #FFF , 1264px 1258px #FFF , 587px 629px #FFF , 1354px 380px #FFF , 1362px 1900px #FFF , 1171px 1935px #FFF , 357px 1337px #FFF , 481px 120px #FFF , 1457px 1688px #FFF , 1728px 179px #FFF , 1882px 1349px #FFF , 1268px 1088px #FFF , 1293px 1509px #FFF , 1011px 462px #FFF , 1758px 1479px #FFF , 1518px 1912px #FFF , 1547px 335px #FFF , 666px 994px #FFF , 1980px 951px #FFF , 1333px 1326px #FFF , 315px 932px #FFF , 146px 652px #FFF , 1212px 1200px #FFF , 82px 392px #FFF , 1364px 1811px #FFF , 1391px 1964px #FFF , 167px 592px #FFF , 896px 982px #FFF , 1776px 1570px #FFF , 1045px 1359px #FFF , 1859px 279px #FFF , 1480px 1639px #FFF , 89px 866px #FFF , 1227px 107px #FFF , 1133px 616px #FFF , 1390px 1232px #FFF , 224px 803px #FFF , 1434px 1862px #FFF , 558px 209px #FFF , 1657px 707px #FFF , 186px 284px #FFF , 197px 364px #FFF , 769px 948px #FFF , 610px 619px #FFF , 1054px 1327px #FFF , 905px 71px #FFF , 600px 1490px #FFF , 447px 1936px #FFF , 887px 439px #FFF , 885px 613px #FFF , 572px 987px #FFF , 619px 1976px #FFF , 1371px 717px #FFF , 978px 43px #FFF , 873px 1921px #FFF , 1296px 93px #FFF , 1762px 368px #FFF , 470px 482px #FFF , 470px 1635px #FFF , 787px 1524px #FFF , 1263px 1952px #FFF , 819px 88px #FFF , 460px 215px #FFF , 1943px 942px #FFF , 232px 766px #FFF , 270px 1091px #FFF , 95px 425px #FFF , 543px 1934px #FFF , 1479px 497px #FFF , 271px 1690px #FFF , 478px 1660px #FFF , 65px 1677px #FFF , 1072px 1871px #FFF , 1837px 793px #FFF , 1378px 596px #FFF , 1199px 1268px #FFF , 1266px 1629px #FFF , 480px 258px #FFF , 1721px 1699px #FFF , 248px 1254px #FFF , 19px 1309px #FFF , 524px 66px #FFF , 1067px 1101px #FFF , 1538px 1636px #FFF , 1570px 822px #FFF , 1683px 6px #FFF , 1151px 1543px #FFF , 942px 1226px #FFF , 1116px 1968px #FFF , 1913px 1890px #FFF , 1133px 610px #FFF , 1728px 163px #FFF , 71px 1911px #FFF , 1621px 1173px #FFF , 1906px 210px #FFF , 195px 508px #FFF , 1563px 1288px #FFF , 220px 606px #FFF , 62px 517px #FFF , 1841px 564px #FFF , 1529px 939px #FFF , 664px 329px #FFF , 1954px 1943px #FFF , 1444px 1676px #FFF , 1794px 1716px #FFF , 349px 608px #FFF , 1936px 133px #FFF , 1073px 1913px #FFF , 1516px 121px #FFF , 835px 832px #FFF , 1478px 769px #FFF , 356px 1711px #FFF , 588px 422px #FFF , 28px 1407px #FFF , 1821px 1997px #FFF , 892px 933px #FFF , 203px 1848px #FFF , 1619px 16px #FFF , 1136px 399px #FFF , 1283px 25px #FFF , 1056px 1743px #FFF , 1248px 1280px #FFF , 129px 1799px #FFF , 1947px 1804px #FFF , 1017px 1013px #FFF , 1824px 1260px #FFF , 1689px 527px #FFF , 794px 1240px #FFF , 592px 1918px #FFF , 681px 746px #FFF , 1114px 165px #FFF , 613px 1600px #FFF , 686px 1654px #FFF , 164px 1493px #FFF , 1830px 850px #FFF , 1648px 1903px #FFF , 332px 945px #FFF , 1360px 939px #FFF , 1837px 1378px #FFF , 1339px 1478px #FFF , 587px 257px #FFF , 717px 1725px #FFF , 1050px 1918px #FFF , 849px 461px #FFF , 1149px 1588px #FFF , 1701px 332px #FFF , 740px 540px #FFF , 45px 365px #FFF , 84px 1637px #FFF , 171px 1366px #FFF , 257px 57px #FFF , 6px 187px #FFF , 1592px 386px #FFF , 583px 1130px #FFF , 576px 1450px #FFF , 1756px 343px #FFF , 1701px 1198px #FFF , 832px 894px #FFF , 633px 1742px #FFF , 523px 1795px #FFF , 38px 79px #FFF , 1210px 397px #FFF , 185px 578px #FFF , 1308px 1711px #FFF , 1836px 1767px #FFF , 796px 21px #FFF , 1081px 169px #FFF , 889px 881px #FFF , 1613px 1287px #FFF , 965px 1902px #FFF , 96px 1945px #FFF , 1119px 1543px #FFF , 1842px 489px #FFF , 1px 470px #FFF , 1097px 553px #FFF , 265px 1756px #FFF , 1545px 1741px #FFF , 1108px 1018px #FFF , 548px 629px #FFF , 581px 1996px #FFF , 1979px 1647px #FFF , 812px 420px #FFF , 208px 1520px #FFF , 1399px 1487px #FFF , 1654px 552px #FFF , 300px 58px #FFF , 60px 105px #FFF , 1849px 647px #FFF , 188px 1792px #FFF , 1531px 326px #FFF , 324px 926px #FFF , 1971px 790px #FFF , 824px 1649px #FFF , 1644px 406px #FFF , 1884px 1008px #FFF , 1072px 206px #FFF , 992px 747px #FFF , 691px 155px #FFF , 1981px 858px #FFF , 547px 64px #FFF , 1533px 446px #FFF , 402px 1844px #FFF , 880px 560px #FFF , 376px 201px #FFF , 1426px 1176px #FFF , 277px 1767px #FFF , 1589px 1924px #FFF , 1685px 1738px #FFF , 173px 1715px #FFF , 1755px 912px #FFF , 15px 93px #FFF , 1264px 1486px #FFF , 1159px 1610px #FFF , 820px 912px #FFF , 218px 403px #FFF , 1020px 616px #FFF , 1359px 1053px #FFF , 888px 1446px #FFF , 1853px 1723px #FFF , 1249px 1178px #FFF , 85px 351px #FFF , 1470px 1883px #FFF , 1803px 1744px #FFF , 1047px 1445px #FFF , 247px 696px #FFF , 1629px 1524px #FFF , 1190px 954px #FFF , 1100px 975px #FFF , 1368px 1305px #FFF , 1734px 1170px #FFF , 297px 443px #FFF , 475px 1338px #FFF , 1928px 20px #FFF , 1474px 1286px #FFF , 1457px 55px #FFF , 325px 1436px #FFF , 1080px 1833px #FFF , 868px 792px #FFF , 896px 801px #FFF , 850px 1647px #FFF , 1462px 1617px #FFF , 1439px 1612px #FFF , 1012px 1084px #FFF , 1637px 552px #FFF , 491px 1787px #FFF , 1372px 1682px #FFF , 631px 1152px #FFF , 477px 432px #FFF , 1204px 1965px #FFF , 654px 1877px #FFF , 1462px 1418px #FFF , 1949px 433px #FFF , 106px 964px #FFF , 1331px 359px #FFF , 261px 689px #FFF , 1815px 130px #FFF , 332px 906px #FFF , 1665px 22px #FFF , 1743px 1299px #FFF , 584px 1978px #FFF , 1527px 1101px #FFF , 1204px 1716px #FFF , 1567px 919px #FFF , 639px 1427px #FFF , 926px 281px #FFF , 323px 283px #FFF , 1176px 900px #FFF , 666px 1806px #FFF , 1514px 768px #FFF , 789px 1484px #FFF , 1633px 1792px #FFF , 1117px 588px #FFF , 326px 174px #FFF , 1477px 1481px #FFF , 1708px 1563px #FFF , 1461px 1307px #FFF , 350px 963px #FFF , 731px 11px #FFF , 1970px 922px #FFF , 670px 511px #FFF , 1852px 1912px #FFF , 361px 52px #FFF , 625px 1607px #FFF , 1469px 1900px #FFF , 1690px 1689px #FFF , 1125px 630px #FFF , 679px 1410px #FFF , 57px 105px #FFF , 1681px 1720px #FFF , 654px 867px #FFF , 1362px 1386px #FFF , 1524px 240px #FFF , 758px 1589px #FFF , 23px 963px #FFF , 1265px 1844px #FFF , 1610px 1626px #FFF , 736px 1822px #FFF , 567px 1246px #FFF , 1260px 283px #FFF , 970px 1306px #FFF , 354px 1119px #FFF , 372px 1821px #FFF , 1229px 946px #FFF , 1001px 321px #FFF , 1250px 4px #FFF , 911px 1781px #FFF , 1173px 103px #FFF , 223px 790px #FFF , 892px 438px #FFF , 312px 171px #FFF , 614px 1425px #FFF , 761px 1893px #FFF , 116px 1673px #FFF , 1538px 1822px #FFF , 1602px 454px #FFF , 1613px 372px #FFF , 654px 1000px #FFF , 1333px 1501px #FFF , 1090px 983px #FFF , 676px 816px #FFF , 1363px 359px #FFF , 662px 1761px #FFF , 1365px 351px #FFF , 119px 1862px #FFF , 1881px 270px #FFF , 847px 1837px #FFF , 1508px 435px #FFF , 1524px 1612px #FFF , 6px 94px #FFF , 147px 328px #FFF , 611px 937px #FFF , 1089px 459px #FFF , 1099px 1516px #FFF , 1439px 200px #FFF , 1633px 852px #FFF , 895px 1683px #FFF , 220px 1003px #FFF , 5px 1844px #FFF , 1106px 1715px #FFF , 312px 313px #FFF , 64px 139px #FFF , 669px 83px #FFF , 401px 1070px #FFF , 822px 693px #FFF , 688px 1394px #FFF , 1903px 846px #FFF , 1329px 627px #FFF , 949px 1831px #FFF , 683px 1255px #FFF , 719px 915px #FFF , 1377px 1516px #FFF , 425px 1180px #FFF , 757px 921px #FFF , 1499px 1207px #FFF , 1973px 605px #FFF , 1835px 1430px #FFF , 323px 712px #FFF , 654px 1255px #FFF , 659px 29px #FFF , 811px 853px #FFF , 577px 1455px #FFF , 1812px 388px #FFF , 451px 921px #FFF , 724px 1764px #FFF , 1706px 1732px #FFF , 1572px 1365px #FFF , 1772px 1634px #FFF , 187px 696px #FFF , 878px 774px #FFF , 1734px 1981px #FFF , 980px 345px #FFF , 526px 572px #FFF , 1972px 1349px #FFF , 926px 966px #FFF , 1907px 68px #FFF , 1456px 1714px #FFF , 1248px 1967px #FFF , 310px 1407px #FFF , 1727px 819px #FFF , 769px 1268px #FFF , 1698px 1924px #FFF , 747px 65px #FFF , 1403px 162px #FFF , 349px 201px #FFF , 241px 1036px #FFF , 433px 223px #FFF , 110px 608px #FFF , 862px 1974px #FFF , 1558px 1082px #FFF , 1292px 1959px #FFF , 136px 441px #FFF , 132px 940px #FFF , 836px 1660px #FFF , 580px 807px #FFF , 529px 1383px #FFF , 1254px 493px #FFF , 749px 764px #FFF , 1025px 1281px #FFF , 1202px 719px #FFF , 1470px 849px #FFF , 1848px 1547px #FFF , 1855px 1661px #FFF , 461px 485px #FFF , 1217px 1405px #FFF , 805px 1926px #FFF , 67px 1868px #FFF , 1434px 1585px #FFF , 1929px 667px #FFF , 685px 1842px #FFF , 562px 1946px #FFF , 1850px 883px #FFF , 1561px 748px #FFF , 1568px 167px #FFF , 1446px 904px #FFF , 1888px 415px #FFF , 1568px 332px #FFF , 420px 1293px #FFF , 558px 1548px #FFF , 627px 564px #FFF , 1217px 1367px #FFF , 1481px 1132px #FFF , 848px 1416px #FFF , 388px 381px #FFF , 1947px 58px #FFF , 261px 1768px #FFF , 668px 199px #FFF , 1696px 241px #FFF , 1285px 1091px #FFF , 1118px 1979px #FFF , 889px 1883px #FFF , 1489px 1034px #FFF , 1685px 1660px #FFF , 559px 1398px #FFF , 690px 273px #FFF , 474px 751px #FFF , 170px 576px #FFF , 306px 1131px #FFF , 148px 213px #FFF , 702px 1989px #FFF , 200px 1966px #FFF , 631px 308px #FFF , 139px 316px #FFF , 710px 1564px #FFF , 1162px 1239px #FFF , 1637px 883px #FFF , 127px 1528px #FFF , 1765px 1700px #FFF , 1684px 1607px #FFF , 976px 1880px #FFF , 1223px 351px #FFF , 1784px 534px #FFF , 1432px 114px #FFF , 1747px 665px #FFF , 54px 773px #FFF , 1578px 980px #FFF , 1784px 1534px #FFF , 918px 1118px #FFF , 1733px 1458px #FFF , 188px 1444px #FFF , 1264px 977px #FFF , 1873px 1773px #FFF , 1066px 574px #FFF , 581px 196px #FFF , 1826px 667px #FFF , 518px 1040px #FFF , 1341px 1093px #FFF , 1378px 1895px #FFF , 1828px 1591px #FFF , 1101px 1215px #FFF , 596px 194px #FFF , 39px 1987px #FFF , 1669px 1761px #FFF , 1223px 462px #FFF , 1860px 827px #FFF , 1395px 138px #FFF , 1122px 933px #FFF , 627px 1959px #FFF , 952px 1190px #FFF , 854px 1630px #FFF , 387px 585px #FFF , 452px 283px #FFF , 428px 1177px #FFF , 154px 1358px #FFF , 1200px 1816px #FFF , 680px 530px #FFF , 1612px 1580px #FFF , 451px 801px #FFF , 400px 1699px #FFF , 1910px 1760px #FFF , 1836px 459px #FFF , 410px 580px #FFF , 1709px 1284px #FFF , 306px 460px #FFF , 1133px 1905px #FFF , 1110px 785px #FFF , 276px 1563px #FFF , 526px 1370px #FFF , 243px 728px #FFF , 112px 571px #FFF , 1243px 379px #FFF , 1690px 464px #FFF , 1406px 900px #FFF , 1258px 1952px #FFF , 759px 483px #FFF , 200px 665px #FFF , 1371px 1180px #FFF , 799px 597px #FFF , 363px 1899px #FFF , 692px 1967px #FFF , 729px 1525px #FFF , 1393px 704px #FFF , 561px 460px #FFF , 1572px 1376px #FFF , 1807px 925px #FFF , 70px 1777px #FFF , 1702px 1398px #FFF , 17px 86px #FFF , 121px 1453px #FFF , 637px 1846px #FFF , 1020px 1888px #FFF , 1771px 108px #FFF , 1074px 71px #FFF , 1516px 1906px #FFF , 754px 1508px #FFF , 556px 1053px #FFF , 680px 1759px #FFF , 225px 1648px #FFF , 350px 835px #FFF , 1031px 187px #FFF , 1436px 1589px #FFF , 711px 297px #FFF , 1881px 399px #FFF , 926px 773px #FFF , 529px 162px #FFF , 1481px 1942px #FFF , 395px 822px #FFF , 1189px 1694px #FFF , 1684px 1497px #FFF , 215px 200px #FFF;
animation: animStar 50s linear infinite;
}
#stars:after {
content: " ";
position: absolute;
top: 2000px;
width: 1px;
height: 1px;
background: transparent;
box-shadow: 996px 508px #FFF , 1471px 1715px #FFF , 66px 1584px #FFF , 1407px 496px #FFF , 184px 1031px #FFF , 1462px 1994px #FFF , 922px 189px #FFF , 1040px 833px #FFF , 1490px 1873px #FFF , 117px 1251px #FFF , 615px 9px #FFF , 881px 247px #FFF , 300px 1188px #FFF , 1985px 1403px #FFF , 885px 440px #FFF , 629px 263px #FFF , 53px 1420px #FFF , 153px 851px #FFF , 1199px 1314px #FFF , 1077px 785px #FFF , 11px 205px #FFF , 521px 1368px #FFF , 146px 918px #FFF , 1436px 1417px #FFF , 1933px 1822px #FFF , 473px 610px #FFF , 1240px 1767px #FFF , 1497px 437px #FFF , 1446px 738px #FFF , 944px 1019px #FFF , 722px 1718px #FFF , 1801px 1713px #FFF , 1028px 1991px #FFF , 1584px 236px #FFF , 733px 1309px #FFF , 1724px 522px #FFF , 1666px 1890px #FFF , 1315px 592px #FFF , 847px 1118px #FFF , 1720px 1909px #FFF , 1927px 1421px #FFF , 1349px 737px #FFF , 1812px 907px #FFF , 208px 889px #FFF , 338px 939px #FFF , 1680px 300px #FFF , 933px 1520px #FFF , 443px 1625px #FFF , 1882px 1002px #FFF , 972px 640px #FFF , 1010px 326px #FFF , 1524px 1547px #FFF , 1219px 1662px #FFF , 1185px 687px #FFF , 1761px 1471px #FFF , 1227px 1874px #FFF , 1452px 642px #FFF , 966px 1019px #FFF , 284px 426px #FFF , 1218px 742px #FFF , 1392px 747px #FFF , 104px 1596px #FFF , 815px 1920px #FFF , 561px 817px #FFF , 1807px 1067px #FFF , 1732px 1645px #FFF , 373px 1186px #FFF , 1592px 27px #FFF , 1645px 1624px #FFF , 452px 1643px #FFF , 1109px 1644px #FFF , 911px 762px #FFF , 1295px 271px #FFF , 547px 1757px #FFF , 42px 1602px #FFF , 1983px 155px #FFF , 116px 134px #FFF , 219px 1099px #FFF , 1169px 1014px #FFF , 655px 206px #FFF , 1196px 29px #FFF , 947px 1571px #FFF , 360px 401px #FFF , 1171px 222px #FFF , 178px 649px #FFF , 473px 304px #FFF , 527px 1948px #FFF , 1511px 788px #FFF , 439px 841px #FFF , 1224px 1468px #FFF , 848px 1673px #FFF , 1105px 4px #FFF , 441px 1411px #FFF , 1386px 1337px #FFF , 1859px 178px #FFF , 948px 60px #FFF , 896px 1946px #FFF , 1365px 1010px #FFF , 1771px 1228px #FFF , 420px 285px #FFF , 646px 862px #FFF , 1603px 1270px #FFF , 1728px 1879px #FFF , 1329px 1219px #FFF , 1666px 884px #FFF , 533px 158px #FFF , 1773px 1745px #FFF , 42px 597px #FFF , 1626px 613px #FFF , 1762px 925px #FFF , 220px 642px #FFF , 518px 1463px #FFF , 640px 1918px #FFF , 476px 1782px #FFF , 1052px 1671px #FFF , 1098px 248px #FFF , 655px 1831px #FFF , 1349px 1356px #FFF , 1170px 1269px #FFF , 1872px 1963px #FFF , 1932px 1453px #FFF , 17px 651px #FFF , 1560px 146px #FFF , 331px 616px #FFF , 577px 1904px #FFF , 526px 619px #FFF , 203px 485px #FFF , 52px 30px #FFF , 1548px 1534px #FFF , 1373px 549px #FFF , 603px 1827px #FFF , 66px 773px #FFF , 285px 1099px #FFF , 61px 627px #FFF , 1209px 782px #FFF , 1643px 1576px #FFF , 10px 340px #FFF , 850px 1388px #FFF , 867px 15px #FFF , 205px 233px #FFF , 1433px 112px #FFF , 669px 686px #FFF , 1119px 492px #FFF , 1289px 1956px #FFF , 483px 774px #FFF , 678px 476px #FFF , 1569px 543px #FFF , 368px 1777px #FFF , 863px 1154px #FFF , 372px 1965px #FFF , 1785px 1975px #FFF , 1805px 1642px #FFF , 1218px 1542px #FFF , 66px 1284px #FFF , 734px 223px #FFF , 771px 1604px #FFF , 475px 595px #FFF , 886px 460px #FFF , 1109px 679px #FFF , 1173px 307px #FFF , 1083px 1352px #FFF , 992px 937px #FFF , 1264px 1258px #FFF , 587px 629px #FFF , 1354px 380px #FFF , 1362px 1900px #FFF , 1171px 1935px #FFF , 357px 1337px #FFF , 481px 120px #FFF , 1457px 1688px #FFF , 1728px 179px #FFF , 1882px 1349px #FFF , 1268px 1088px #FFF , 1293px 1509px #FFF , 1011px 462px #FFF , 1758px 1479px #FFF , 1518px 1912px #FFF , 1547px 335px #FFF , 666px 994px #FFF , 1980px 951px #FFF , 1333px 1326px #FFF , 315px 932px #FFF , 146px 652px #FFF , 1212px 1200px #FFF , 82px 392px #FFF , 1364px 1811px #FFF , 1391px 1964px #FFF , 167px 592px #FFF , 896px 982px #FFF , 1776px 1570px #FFF , 1045px 1359px #FFF , 1859px 279px #FFF , 1480px 1639px #FFF , 89px 866px #FFF , 1227px 107px #FFF , 1133px 616px #FFF , 1390px 1232px #FFF , 224px 803px #FFF , 1434px 1862px #FFF , 558px 209px #FFF , 1657px 707px #FFF , 186px 284px #FFF , 197px 364px #FFF , 769px 948px #FFF , 610px 619px #FFF , 1054px 1327px #FFF , 905px 71px #FFF , 600px 1490px #FFF , 447px 1936px #FFF , 887px 439px #FFF , 885px 613px #FFF , 572px 987px #FFF , 619px 1976px #FFF , 1371px 717px #FFF , 978px 43px #FFF , 873px 1921px #FFF , 1296px 93px #FFF , 1762px 368px #FFF , 470px 482px #FFF , 470px 1635px #FFF , 787px 1524px #FFF , 1263px 1952px #FFF , 819px 88px #FFF , 460px 215px #FFF , 1943px 942px #FFF , 232px 766px #FFF , 270px 1091px #FFF , 95px 425px #FFF , 543px 1934px #FFF , 1479px 497px #FFF , 271px 1690px #FFF , 478px 1660px #FFF , 65px 1677px #FFF , 1072px 1871px #FFF , 1837px 793px #FFF , 1378px 596px #FFF , 1199px 1268px #FFF , 1266px 1629px #FFF , 480px 258px #FFF , 1721px 1699px #FFF , 248px 1254px #FFF , 19px 1309px #FFF , 524px 66px #FFF , 1067px 1101px #FFF , 1538px 1636px #FFF , 1570px 822px #FFF , 1683px 6px #FFF , 1151px 1543px #FFF , 942px 1226px #FFF , 1116px 1968px #FFF , 1913px 1890px #FFF , 1133px 610px #FFF , 1728px 163px #FFF , 71px 1911px #FFF , 1621px 1173px #FFF , 1906px 210px #FFF , 195px 508px #FFF , 1563px 1288px #FFF , 220px 606px #FFF , 62px 517px #FFF , 1841px 564px #FFF , 1529px 939px #FFF , 664px 329px #FFF , 1954px 1943px #FFF , 1444px 1676px #FFF , 1794px 1716px #FFF , 349px 608px #FFF , 1936px 133px #FFF , 1073px 1913px #FFF , 1516px 121px #FFF , 835px 832px #FFF , 1478px 769px #FFF , 356px 1711px #FFF , 588px 422px #FFF , 28px 1407px #FFF , 1821px 1997px #FFF , 892px 933px #FFF , 203px 1848px #FFF , 1619px 16px #FFF , 1136px 399px #FFF , 1283px 25px #FFF , 1056px 1743px #FFF , 1248px 1280px #FFF , 129px 1799px #FFF , 1947px 1804px #FFF , 1017px 1013px #FFF , 1824px 1260px #FFF , 1689px 527px #FFF , 794px 1240px #FFF , 592px 1918px #FFF , 681px 746px #FFF , 1114px 165px #FFF , 613px 1600px #FFF , 686px 1654px #FFF , 164px 1493px #FFF , 1830px 850px #FFF , 1648px 1903px #FFF , 332px 945px #FFF , 1360px 939px #FFF , 1837px 1378px #FFF , 1339px 1478px #FFF , 587px 257px #FFF , 717px 1725px #FFF , 1050px 1918px #FFF , 849px 461px #FFF , 1149px 1588px #FFF , 1701px 332px #FFF , 740px 540px #FFF , 45px 365px #FFF , 84px 1637px #FFF , 171px 1366px #FFF , 257px 57px #FFF , 6px 187px #FFF , 1592px 386px #FFF , 583px 1130px #FFF , 576px 1450px #FFF , 1756px 343px #FFF , 1701px 1198px #FFF , 832px 894px #FFF , 633px 1742px #FFF , 523px 1795px #FFF , 38px 79px #FFF , 1210px 397px #FFF , 185px 578px #FFF , 1308px 1711px #FFF , 1836px 1767px #FFF , 796px 21px #FFF , 1081px 169px #FFF , 889px 881px #FFF , 1613px 1287px #FFF , 965px 1902px #FFF , 96px 1945px #FFF , 1119px 1543px #FFF , 1842px 489px #FFF , 1px 470px #FFF , 1097px 553px #FFF , 265px 1756px #FFF , 1545px 1741px #FFF , 1108px 1018px #FFF , 548px 629px #FFF , 581px 1996px #FFF , 1979px 1647px #FFF , 812px 420px #FFF , 208px 1520px #FFF , 1399px 1487px #FFF , 1654px 552px #FFF , 300px 58px #FFF , 60px 105px #FFF , 1849px 647px #FFF , 188px 1792px #FFF , 1531px 326px #FFF , 324px 926px #FFF , 1971px 790px #FFF , 824px 1649px #FFF , 1644px 406px #FFF , 1884px 1008px #FFF , 1072px 206px #FFF , 992px 747px #FFF , 691px 155px #FFF , 1981px 858px #FFF , 547px 64px #FFF , 1533px 446px #FFF , 402px 1844px #FFF , 880px 560px #FFF , 376px 201px #FFF , 1426px 1176px #FFF , 277px 1767px #FFF , 1589px 1924px #FFF , 1685px 1738px #FFF , 173px 1715px #FFF , 1755px 912px #FFF , 15px 93px #FFF , 1264px 1486px #FFF , 1159px 1610px #FFF , 820px 912px #FFF , 218px 403px #FFF , 1020px 616px #FFF , 1359px 1053px #FFF , 888px 1446px #FFF , 1853px 1723px #FFF , 1249px 1178px #FFF , 85px 351px #FFF , 1470px 1883px #FFF , 1803px 1744px #FFF , 1047px 1445px #FFF , 247px 696px #FFF , 1629px 1524px #FFF , 1190px 954px #FFF , 1100px 975px #FFF , 1368px 1305px #FFF , 1734px 1170px #FFF , 297px 443px #FFF , 475px 1338px #FFF , 1928px 20px #FFF , 1474px 1286px #FFF , 1457px 55px #FFF , 325px 1436px #FFF , 1080px 1833px #FFF , 868px 792px #FFF , 896px 801px #FFF , 850px 1647px #FFF , 1462px 1617px #FFF , 1439px 1612px #FFF , 1012px 1084px #FFF , 1637px 552px #FFF , 491px 1787px #FFF , 1372px 1682px #FFF , 631px 1152px #FFF , 477px 432px #FFF , 1204px 1965px #FFF , 654px 1877px #FFF , 1462px 1418px #FFF , 1949px 433px #FFF , 106px 964px #FFF , 1331px 359px #FFF , 261px 689px #FFF , 1815px 130px #FFF , 332px 906px #FFF , 1665px 22px #FFF , 1743px 1299px #FFF , 584px 1978px #FFF , 1527px 1101px #FFF , 1204px 1716px #FFF , 1567px 919px #FFF , 639px 1427px #FFF , 926px 281px #FFF , 323px 283px #FFF , 1176px 900px #FFF , 666px 1806px #FFF , 1514px 768px #FFF , 789px 1484px #FFF , 1633px 1792px #FFF , 1117px 588px #FFF , 326px 174px #FFF , 1477px 1481px #FFF , 1708px 1563px #FFF , 1461px 1307px #FFF , 350px 963px #FFF , 731px 11px #FFF , 1970px 922px #FFF , 670px 511px #FFF , 1852px 1912px #FFF , 361px 52px #FFF , 625px 1607px #FFF , 1469px 1900px #FFF , 1690px 1689px #FFF , 1125px 630px #FFF , 679px 1410px #FFF , 57px 105px #FFF , 1681px 1720px #FFF , 654px 867px #FFF , 1362px 1386px #FFF , 1524px 240px #FFF , 758px 1589px #FFF , 23px 963px #FFF , 1265px 1844px #FFF , 1610px 1626px #FFF , 736px 1822px #FFF , 567px 1246px #FFF , 1260px 283px #FFF , 970px 1306px #FFF , 354px 1119px #FFF , 372px 1821px #FFF , 1229px 946px #FFF , 1001px 321px #FFF , 1250px 4px #FFF , 911px 1781px #FFF , 1173px 103px #FFF , 223px 790px #FFF , 892px 438px #FFF , 312px 171px #FFF , 614px 1425px #FFF , 761px 1893px #FFF , 116px 1673px #FFF , 1538px 1822px #FFF , 1602px 454px #FFF , 1613px 372px #FFF , 654px 1000px #FFF , 1333px 1501px #FFF , 1090px 983px #FFF , 676px 816px #FFF , 1363px 359px #FFF , 662px 1761px #FFF , 1365px 351px #FFF , 119px 1862px #FFF , 1881px 270px #FFF , 847px 1837px #FFF , 1508px 435px #FFF , 1524px 1612px #FFF , 6px 94px #FFF , 147px 328px #FFF , 611px 937px #FFF , 1089px 459px #FFF , 1099px 1516px #FFF , 1439px 200px #FFF , 1633px 852px #FFF , 895px 1683px #FFF , 220px 1003px #FFF , 5px 1844px #FFF , 1106px 1715px #FFF , 312px 313px #FFF , 64px 139px #FFF , 669px 83px #FFF , 401px 1070px #FFF , 822px 693px #FFF , 688px 1394px #FFF , 1903px 846px #FFF , 1329px 627px #FFF , 949px 1831px #FFF , 683px 1255px #FFF , 719px 915px #FFF , 1377px 1516px #FFF , 425px 1180px #FFF , 757px 921px #FFF , 1499px 1207px #FFF , 1973px 605px #FFF , 1835px 1430px #FFF , 323px 712px #FFF , 654px 1255px #FFF , 659px 29px #FFF , 811px 853px #FFF , 577px 1455px #FFF , 1812px 388px #FFF , 451px 921px #FFF , 724px 1764px #FFF , 1706px 1732px #FFF , 1572px 1365px #FFF , 1772px 1634px #FFF , 187px 696px #FFF , 878px 774px #FFF , 1734px 1981px #FFF , 980px 345px #FFF , 526px 572px #FFF , 1972px 1349px #FFF , 926px 966px #FFF , 1907px 68px #FFF , 1456px 1714px #FFF , 1248px 1967px #FFF , 310px 1407px #FFF , 1727px 819px #FFF , 769px 1268px #FFF , 1698px 1924px #FFF , 747px 65px #FFF , 1403px 162px #FFF , 349px 201px #FFF , 241px 1036px #FFF , 433px 223px #FFF , 110px 608px #FFF , 862px 1974px #FFF , 1558px 1082px #FFF , 1292px 1959px #FFF , 136px 441px #FFF , 132px 940px #FFF , 836px 1660px #FFF , 580px 807px #FFF , 529px 1383px #FFF , 1254px 493px #FFF , 749px 764px #FFF , 1025px 1281px #FFF , 1202px 719px #FFF , 1470px 849px #FFF , 1848px 1547px #FFF , 1855px 1661px #FFF , 461px 485px #FFF , 1217px 1405px #FFF , 805px 1926px #FFF , 67px 1868px #FFF , 1434px 1585px #FFF , 1929px 667px #FFF , 685px 1842px #FFF , 562px 1946px #FFF , 1850px 883px #FFF , 1561px 748px #FFF , 1568px 167px #FFF , 1446px 904px #FFF , 1888px 415px #FFF , 1568px 332px #FFF , 420px 1293px #FFF , 558px 1548px #FFF , 627px 564px #FFF , 1217px 1367px #FFF , 1481px 1132px #FFF , 848px 1416px #FFF , 388px 381px #FFF , 1947px 58px #FFF , 261px 1768px #FFF , 668px 199px #FFF , 1696px 241px #FFF , 1285px 1091px #FFF , 1118px 1979px #FFF , 889px 1883px #FFF , 1489px 1034px #FFF , 1685px 1660px #FFF , 559px 1398px #FFF , 690px 273px #FFF , 474px 751px #FFF , 170px 576px #FFF , 306px 1131px #FFF , 148px 213px #FFF , 702px 1989px #FFF , 200px 1966px #FFF , 631px 308px #FFF , 139px 316px #FFF , 710px 1564px #FFF , 1162px 1239px #FFF , 1637px 883px #FFF , 127px 1528px #FFF , 1765px 1700px #FFF , 1684px 1607px #FFF , 976px 1880px #FFF , 1223px 351px #FFF , 1784px 534px #FFF , 1432px 114px #FFF , 1747px 665px #FFF , 54px 773px #FFF , 1578px 980px #FFF , 1784px 1534px #FFF , 918px 1118px #FFF , 1733px 1458px #FFF , 188px 1444px #FFF , 1264px 977px #FFF , 1873px 1773px #FFF , 1066px 574px #FFF , 581px 196px #FFF , 1826px 667px #FFF , 518px 1040px #FFF , 1341px 1093px #FFF , 1378px 1895px #FFF , 1828px 1591px #FFF , 1101px 1215px #FFF , 596px 194px #FFF , 39px 1987px #FFF , 1669px 1761px #FFF , 1223px 462px #FFF , 1860px 827px #FFF , 1395px 138px #FFF , 1122px 933px #FFF , 627px 1959px #FFF , 952px 1190px #FFF , 854px 1630px #FFF , 387px 585px #FFF , 452px 283px #FFF , 428px 1177px #FFF , 154px 1358px #FFF , 1200px 1816px #FFF , 680px 530px #FFF , 1612px 1580px #FFF , 451px 801px #FFF , 400px 1699px #FFF , 1910px 1760px #FFF , 1836px 459px #FFF , 410px 580px #FFF , 1709px 1284px #FFF , 306px 460px #FFF , 1133px 1905px #FFF , 1110px 785px #FFF , 276px 1563px #FFF , 526px 1370px #FFF , 243px 728px #FFF , 112px 571px #FFF , 1243px 379px #FFF , 1690px 464px #FFF , 1406px 900px #FFF , 1258px 1952px #FFF , 759px 483px #FFF , 200px 665px #FFF , 1371px 1180px #FFF , 799px 597px #FFF , 363px 1899px #FFF , 692px 1967px #FFF , 729px 1525px #FFF , 1393px 704px #FFF , 561px 460px #FFF , 1572px 1376px #FFF , 1807px 925px #FFF , 70px 1777px #FFF , 1702px 1398px #FFF , 17px 86px #FFF , 121px 1453px #FFF , 637px 1846px #FFF , 1020px 1888px #FFF , 1771px 108px #FFF , 1074px 71px #FFF , 1516px 1906px #FFF , 754px 1508px #FFF , 556px 1053px #FFF , 680px 1759px #FFF , 225px 1648px #FFF , 350px 835px #FFF , 1031px 187px #FFF , 1436px 1589px #FFF , 711px 297px #FFF , 1881px 399px #FFF , 926px 773px #FFF , 529px 162px #FFF , 1481px 1942px #FFF , 395px 822px #FFF , 1189px 1694px #FFF , 1684px 1497px #FFF , 215px 200px #FFF;
}

#stars2 {
width: 2px;
height: 2px;
background: transparent;
box-shadow: 1119px 73px #FFF , 1842px 557px #FFF , 1379px 265px #FFF , 1731px 772px #FFF , 214px 1745px #FFF , 738px 247px #FFF , 990px 61px #FFF , 1745px 1853px #FFF , 1468px 146px #FFF , 199px 1294px #FFF , 1259px 1666px #FFF , 24px 923px #FFF , 1779px 664px #FFF , 751px 1522px #FFF , 1759px 18px #FFF , 102px 1587px #FFF , 1522px 1509px #FFF , 321px 1643px #FFF , 1300px 890px #FFF , 462px 1979px #FFF , 1356px 1237px #FFF , 1549px 58px #FFF , 251px 91px #FFF , 28px 564px #FFF , 1307px 1557px #FFF , 287px 283px #FFF , 432px 903px #FFF , 643px 643px #FFF , 1430px 1173px #FFF , 163px 285px #FFF , 268px 1591px #FFF , 491px 1045px #FFF , 642px 294px #FFF , 1765px 1200px #FFF , 1020px 265px #FFF , 1896px 1289px #FFF , 172px 1495px #FFF , 1396px 817px #FFF , 1160px 1463px #FFF , 1759px 1010px #FFF , 152px 1151px #FFF , 1893px 1489px #FFF , 1947px 1867px #FFF , 241px 1079px #FFF , 1075px 126px #FFF , 524px 462px #FFF , 922px 1661px #FFF , 840px 808px #FFF , 608px 1417px #FFF , 700px 460px #FFF , 562px 911px #FFF , 1279px 223px #FFF , 1611px 806px #FFF , 1443px 1994px #FFF , 455px 1801px #FFF , 1856px 1109px #FFF , 1575px 587px #FFF , 1106px 560px #FFF , 1756px 1037px #FFF , 498px 295px #FFF , 1373px 1838px #FFF , 338px 1412px #FFF , 178px 941px #FFF , 1835px 372px #FFF , 704px 1927px #FFF , 964px 59px #FFF , 1891px 1506px #FFF , 994px 656px #FFF , 899px 263px #FFF , 574px 1939px #FFF , 875px 1008px #FFF , 983px 222px #FFF , 674px 1789px #FFF , 283px 380px #FFF , 831px 1931px #FFF , 853px 1057px #FFF , 941px 69px #FFF , 1060px 1303px #FFF , 1972px 1570px #FFF , 1838px 426px #FFF , 1970px 1859px #FFF , 924px 1981px #FFF , 449px 1278px #FFF , 1751px 1236px #FFF , 274px 229px #FFF , 1919px 1000px #FFF , 1143px 1799px #FFF , 335px 347px #FFF , 1224px 1590px #FFF , 332px 362px #FFF , 1829px 211px #FFF , 953px 1719px #FFF , 1092px 1852px #FFF , 930px 1400px #FFF , 235px 1906px #FFF , 10px 1083px #FFF , 291px 1455px #FFF , 100px 935px #FFF , 1062px 861px #FFF , 544px 1197px #FFF , 1139px 1924px #FFF , 1405px 1665px #FFF , 1511px 1742px #FFF , 732px 1775px #FFF , 321px 1987px #FFF , 637px 1816px #FFF , 380px 116px #FFF , 807px 184px #FFF , 749px 1748px #FFF , 1343px 260px #FFF , 814px 301px #FFF , 50px 135px #FFF , 1496px 939px #FFF , 535px 1192px #FFF , 1654px 1970px #FFF , 1265px 579px #FFF , 1995px 1402px #FFF , 31px 592px #FFF , 1738px 1481px #FFF , 1229px 1944px #FFF , 1615px 169px #FFF , 525px 869px #FFF , 236px 1852px #FFF , 763px 1892px #FFF , 27px 1238px #FFF , 1508px 555px #FFF , 647px 1237px #FFF , 254px 1859px #FFF , 1448px 726px #FFF , 852px 738px #FFF , 1343px 655px #FFF , 687px 1754px #FFF , 1471px 610px #FFF , 300px 69px #FFF , 915px 818px #FFF , 1422px 1307px #FFF , 794px 1193px #FFF , 692px 579px #FFF , 486px 606px #FFF , 1076px 864px #FFF , 966px 1247px #FFF , 29px 730px #FFF , 1856px 1854px #FFF , 953px 306px #FFF , 625px 1889px #FFF , 966px 1538px #FFF , 811px 1094px #FFF , 1505px 1062px #FFF , 672px 1148px #FFF , 1195px 921px #FFF , 1661px 1720px #FFF , 242px 9px #FFF , 1806px 1313px #FFF , 1528px 1086px #FFF , 946px 1945px #FFF , 1890px 475px #FFF , 319px 2000px #FFF , 868px 1992px #FFF , 933px 1290px #FFF , 774px 978px #FFF , 1227px 1878px #FFF , 1030px 1546px #FFF , 192px 1167px #FFF , 202px 562px #FFF , 147px 1248px #FFF , 218px 1166px #FFF , 1971px 1366px #FFF , 1506px 27px #FFF , 1751px 1716px #FFF , 144px 479px #FFF , 1219px 260px #FFF , 1519px 666px #FFF , 3px 901px #FFF , 612px 1068px #FFF , 195px 547px #FFF , 1452px 1346px #FFF , 1477px 1958px #FFF , 1391px 693px #FFF , 167px 624px #FFF , 1818px 797px #FFF , 37px 601px #FFF , 964px 570px #FFF , 764px 1518px #FFF , 860px 42px #FFF , 1740px 958px #FFF , 312px 611px #FFF , 1457px 1927px #FFF , 1103px 1676px #FFF , 1943px 681px #FFF , 1339px 1801px #FFF , 1px 1003px #FFF , 434px 152px #FFF , 1758px 1620px #FFF , 1499px 883px #FFF , 649px 783px #FFF , 470px 18px #FFF , 1636px 1693px #FFF , 1653px 511px #FFF , 1937px 1885px #FFF , 1598px 1957px #FFF;
animation: animStar 100s linear infinite;
}
#stars2:after {
content: " ";
position: absolute;
top: 2000px;
width: 2px;
height: 2px;
background: transparent;
box-shadow: 1119px 73px #FFF , 1842px 557px #FFF , 1379px 265px #FFF , 1731px 772px #FFF , 214px 1745px #FFF , 738px 247px #FFF , 990px 61px #FFF , 1745px 1853px #FFF , 1468px 146px #FFF , 199px 1294px #FFF , 1259px 1666px #FFF , 24px 923px #FFF , 1779px 664px #FFF , 751px 1522px #FFF , 1759px 18px #FFF , 102px 1587px #FFF , 1522px 1509px #FFF , 321px 1643px #FFF , 1300px 890px #FFF , 462px 1979px #FFF , 1356px 1237px #FFF , 1549px 58px #FFF , 251px 91px #FFF , 28px 564px #FFF , 1307px 1557px #FFF , 287px 283px #FFF , 432px 903px #FFF , 643px 643px #FFF , 1430px 1173px #FFF , 163px 285px #FFF , 268px 1591px #FFF , 491px 1045px #FFF , 642px 294px #FFF , 1765px 1200px #FFF , 1020px 265px #FFF , 1896px 1289px #FFF , 172px 1495px #FFF , 1396px 817px #FFF , 1160px 1463px #FFF , 1759px 1010px #FFF , 152px 1151px #FFF , 1893px 1489px #FFF , 1947px 1867px #FFF , 241px 1079px #FFF , 1075px 126px #FFF , 524px 462px #FFF , 922px 1661px #FFF , 840px 808px #FFF , 608px 1417px #FFF , 700px 460px #FFF , 562px 911px #FFF , 1279px 223px #FFF , 1611px 806px #FFF , 1443px 1994px #FFF , 455px 1801px #FFF , 1856px 1109px #FFF , 1575px 587px #FFF , 1106px 560px #FFF , 1756px 1037px #FFF , 498px 295px #FFF , 1373px 1838px #FFF , 338px 1412px #FFF , 178px 941px #FFF , 1835px 372px #FFF , 704px 1927px #FFF , 964px 59px #FFF , 1891px 1506px #FFF , 994px 656px #FFF , 899px 263px #FFF , 574px 1939px #FFF , 875px 1008px #FFF , 983px 222px #FFF , 674px 1789px #FFF , 283px 380px #FFF , 831px 1931px #FFF , 853px 1057px #FFF , 941px 69px #FFF , 1060px 1303px #FFF , 1972px 1570px #FFF , 1838px 426px #FFF , 1970px 1859px #FFF , 924px 1981px #FFF , 449px 1278px #FFF , 1751px 1236px #FFF , 274px 229px #FFF , 1919px 1000px #FFF , 1143px 1799px #FFF , 335px 347px #FFF , 1224px 1590px #FFF , 332px 362px #FFF , 1829px 211px #FFF , 953px 1719px #FFF , 1092px 1852px #FFF , 930px 1400px #FFF , 235px 1906px #FFF , 10px 1083px #FFF , 291px 1455px #FFF , 100px 935px #FFF , 1062px 861px #FFF , 544px 1197px #FFF , 1139px 1924px #FFF , 1405px 1665px #FFF , 1511px 1742px #FFF , 732px 1775px #FFF , 321px 1987px #FFF , 637px 1816px #FFF , 380px 116px #FFF , 807px 184px #FFF , 749px 1748px #FFF , 1343px 260px #FFF , 814px 301px #FFF , 50px 135px #FFF , 1496px 939px #FFF , 535px 1192px #FFF , 1654px 1970px #FFF , 1265px 579px #FFF , 1995px 1402px #FFF , 31px 592px #FFF , 1738px 1481px #FFF , 1229px 1944px #FFF , 1615px 169px #FFF , 525px 869px #FFF , 236px 1852px #FFF , 763px 1892px #FFF , 27px 1238px #FFF , 1508px 555px #FFF , 647px 1237px #FFF , 254px 1859px #FFF , 1448px 726px #FFF , 852px 738px #FFF , 1343px 655px #FFF , 687px 1754px #FFF , 1471px 610px #FFF , 300px 69px #FFF , 915px 818px #FFF , 1422px 1307px #FFF , 794px 1193px #FFF , 692px 579px #FFF , 486px 606px #FFF , 1076px 864px #FFF , 966px 1247px #FFF , 29px 730px #FFF , 1856px 1854px #FFF , 953px 306px #FFF , 625px 1889px #FFF , 966px 1538px #FFF , 811px 1094px #FFF , 1505px 1062px #FFF , 672px 1148px #FFF , 1195px 921px #FFF , 1661px 1720px #FFF , 242px 9px #FFF , 1806px 1313px #FFF , 1528px 1086px #FFF , 946px 1945px #FFF , 1890px 475px #FFF , 319px 2000px #FFF , 868px 1992px #FFF , 933px 1290px #FFF , 774px 978px #FFF , 1227px 1878px #FFF , 1030px 1546px #FFF , 192px 1167px #FFF , 202px 562px #FFF , 147px 1248px #FFF , 218px 1166px #FFF , 1971px 1366px #FFF , 1506px 27px #FFF , 1751px 1716px #FFF , 144px 479px #FFF , 1219px 260px #FFF , 1519px 666px #FFF , 3px 901px #FFF , 612px 1068px #FFF , 195px 547px #FFF , 1452px 1346px #FFF , 1477px 1958px #FFF , 1391px 693px #FFF , 167px 624px #FFF , 1818px 797px #FFF , 37px 601px #FFF , 964px 570px #FFF , 764px 1518px #FFF , 860px 42px #FFF , 1740px 958px #FFF , 312px 611px #FFF , 1457px 1927px #FFF , 1103px 1676px #FFF , 1943px 681px #FFF , 1339px 1801px #FFF , 1px 1003px #FFF , 434px 152px #FFF , 1758px 1620px #FFF , 1499px 883px #FFF , 649px 783px #FFF , 470px 18px #FFF , 1636px 1693px #FFF , 1653px 511px #FFF , 1937px 1885px #FFF , 1598px 1957px #FFF;
}

#stars3 {
width: 3px;
height: 3px;
background: transparent;
box-shadow: 635px 102px #FFF , 1728px 1928px #FFF , 1799px 230px #FFF , 533px 1781px #FFF , 242px 1378px #FFF , 1316px 843px #FFF , 484px 701px #FFF , 1162px 741px #FFF , 334px 1744px #FFF , 860px 764px #FFF , 1681px 763px #FFF , 1336px 744px #FFF , 1532px 1503px #FFF , 1393px 365px #FFF , 454px 1362px #FFF , 1596px 81px #FFF , 931px 1487px #FFF , 850px 1588px #FFF , 777px 1673px #FFF , 661px 865px #FFF , 660px 1682px #FFF , 816px 768px #FFF , 263px 1867px #FFF , 1410px 1901px #FFF , 840px 866px #FFF , 385px 29px #FFF , 545px 18px #FFF , 508px 1679px #FFF , 434px 1249px #FFF , 1915px 1161px #FFF , 414px 1794px #FFF , 1384px 1708px #FFF , 1955px 1355px #FFF , 1091px 1928px #FFF , 707px 1112px #FFF , 166px 876px #FFF , 1206px 878px #FFF , 477px 75px #FFF , 1093px 1063px #FFF , 222px 99px #FFF , 467px 1407px #FFF , 1232px 911px #FFF , 1708px 245px #FFF , 534px 1603px #FFF , 899px 686px #FFF , 1800px 810px #FFF , 1908px 1768px #FFF , 1876px 639px #FFF , 1361px 1332px #FFF , 1472px 1359px #FFF , 219px 1674px #FFF , 33px 1772px #FFF , 528px 589px #FFF , 14px 57px #FFF , 1526px 1060px #FFF , 846px 1598px #FFF , 1941px 527px #FFF , 1037px 1493px #FFF , 792px 136px #FFF , 562px 1680px #FFF , 145px 765px #FFF , 2px 172px #FFF , 1721px 1699px #FFF , 1139px 156px #FFF , 552px 588px #FFF , 326px 1847px #FFF , 447px 1402px #FFF , 24px 950px #FFF , 1558px 1437px #FFF , 1792px 478px #FFF , 1855px 554px #FFF , 86px 839px #FFF , 749px 466px #FFF , 763px 679px #FFF , 785px 756px #FFF , 593px 126px #FFF , 1702px 961px #FFF , 606px 1961px #FFF , 79px 446px #FFF , 347px 1601px #FFF , 744px 1741px #FFF , 328px 1677px #FFF , 785px 1987px #FFF , 1205px 1355px #FFF , 794px 1715px #FFF , 448px 1782px #FFF , 108px 94px #FFF , 1085px 1674px #FFF , 1587px 1992px #FFF , 1059px 566px #FFF , 1021px 409px #FFF , 1645px 1824px #FFF , 291px 1779px #FFF , 1455px 723px #FFF , 1395px 1822px #FFF , 1610px 1098px #FFF , 581px 439px #FFF , 854px 1446px #FFF , 435px 325px #FFF , 1711px 808px #FFF;
animation: animStar 150s linear infinite;
}
#stars3:after {
content: " ";
position: absolute;
top: 2000px;
width: 3px;
height: 3px;
background: transparent;
box-shadow: 635px 102px #FFF , 1728px 1928px #FFF , 1799px 230px #FFF , 533px 1781px #FFF , 242px 1378px #FFF , 1316px 843px #FFF , 484px 701px #FFF , 1162px 741px #FFF , 334px 1744px #FFF , 860px 764px #FFF , 1681px 763px #FFF , 1336px 744px #FFF , 1532px 1503px #FFF , 1393px 365px #FFF , 454px 1362px #FFF , 1596px 81px #FFF , 931px 1487px #FFF , 850px 1588px #FFF , 777px 1673px #FFF , 661px 865px #FFF , 660px 1682px #FFF , 816px 768px #FFF , 263px 1867px #FFF , 1410px 1901px #FFF , 840px 866px #FFF , 385px 29px #FFF , 545px 18px #FFF , 508px 1679px #FFF , 434px 1249px #FFF , 1915px 1161px #FFF , 414px 1794px #FFF , 1384px 1708px #FFF , 1955px 1355px #FFF , 1091px 1928px #FFF , 707px 1112px #FFF , 166px 876px #FFF , 1206px 878px #FFF , 477px 75px #FFF , 1093px 1063px #FFF , 222px 99px #FFF , 467px 1407px #FFF , 1232px 911px #FFF , 1708px 245px #FFF , 534px 1603px #FFF , 899px 686px #FFF , 1800px 810px #FFF , 1908px 1768px #FFF , 1876px 639px #FFF , 1361px 1332px #FFF , 1472px 1359px #FFF , 219px 1674px #FFF , 33px 1772px #FFF , 528px 589px #FFF , 14px 57px #FFF , 1526px 1060px #FFF , 846px 1598px #FFF , 1941px 527px #FFF , 1037px 1493px #FFF , 792px 136px #FFF , 562px 1680px #FFF , 145px 765px #FFF , 2px 172px #FFF , 1721px 1699px #FFF , 1139px 156px #FFF , 552px 588px #FFF , 326px 1847px #FFF , 447px 1402px #FFF , 24px 950px #FFF , 1558px 1437px #FFF , 1792px 478px #FFF , 1855px 554px #FFF , 86px 839px #FFF , 749px 466px #FFF , 763px 679px #FFF , 785px 756px #FFF , 593px 126px #FFF , 1702px 961px #FFF , 606px 1961px #FFF , 79px 446px #FFF , 347px 1601px #FFF , 744px 1741px #FFF , 328px 1677px #FFF , 785px 1987px #FFF , 1205px 1355px #FFF , 794px 1715px #FFF , 448px 1782px #FFF , 108px 94px #FFF , 1085px 1674px #FFF , 1587px 1992px #FFF , 1059px 566px #FFF , 1021px 409px #FFF , 1645px 1824px #FFF , 291px 1779px #FFF , 1455px 723px #FFF , 1395px 1822px #FFF , 1610px 1098px #FFF , 581px 439px #FFF , 854px 1446px #FFF , 435px 325px #FFF , 1711px 808px #FFF;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

.testimonial-sec .title{ color: #fff; }

#testimonial-slider .item { padding: 0px; }
.testi {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  margin: 10px 5px 10px;
  padding: 30px 20px;
  position: relative;
  text-align: center;
}
.testi p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  font-weight: 200;
}

.testi h5{ font-weight: 400; font-size: 18px; color: #fff; }
.testi h6{ font-weight:300; font-size: 16px; color: #F6F6F6; }

#testimonial-slider .item img {
  width: auto;
  margin: auto;
  border-radius: 15px;
  margin-bottom: 15px;
  max-height: 70px;
}
.star-rate{ text-align: center; margin-bottom:15px; }

.owl-nav span img{ max-height: 24px; filter: invert(1); }

.faqs-sec{ padding:70px 0px 0px; }

.faq-questions{ margin: auto; }

.accordion-header .accordion-button{ font-size: 18px; font-weight: 400; color: #000; background: none; padding-left: 0px; padding-right:30px; border-bottom: 1px solid #bfbfbf !important; border-radius: 0px !important; line-height: 30px; }
.accordion-item{ border-radius: 0px !important; border: none; margin-bottom: 15px; }
.accordion-button:not(.collapsed){ border-bottom: 1px solid #000 !important; box-shadow: none; }
.accordion-body{ font-weight: 300; color: #414141; padding-left: 0px; padding-right:0px; }

.accordion-button::after{ position: absolute; right: 0; }

.presence-sec{ padding:70px 0px 90px; }
.presence-sec .title-col{ margin-bottom: 60px; }
.presence-sec .col:first-child{ border: none; }
.presence-sec .col{ text-align: center; border-left: 1px solid #e1e1e1; }
.presence-sec .col img{ max-height: 120px; }

footer{ background: #0C0C0D; position: relative; min-height: 600px; overflow: hidden; padding:90px 0px 40px; }
footer .container{ z-index: 9; position: relative; }
.footer-vector{ position: absolute; left: 0; top: 0; }
.footer-vector img{ transform: scaleX(-1); max-height: 600px; }

.footer-top{ padding-bottom:70px; position: relative; }

.footertop-left{ padding-left: 70px; }
.footertop-left .title{ font-size: 54px; color: #fff; margin-bottom: 15px; }
.footertop-left p{ color: #aaa; font-weight: 300; margin-bottom: 25px; }

footer .common-btn{ background: none; border: 1px dashed #ccc; color: #fff; padding: 10px 12px; font-weight: 300; margin-right: 10px; }
footer .common-btn:hover{ border-color: #3B0069; }
footer .common-btn img{ max-height: 30px; max-width: 20px; border-radius: 6px; }

.footertop-right *{ color: #fff; }
.footertop-right h3{ font-size: 32px; font-weight: 700; }
.footertop-right h5{ font-size: 24px; color: #e2a6fc; }
.footertop-right p{ font-size: 20px; font-weight: 300; }
.footer-social{ margin-top: 20px; }
.footer-social a{ margin-right: 15px; }
.footer-social a i{ font-size: 24px; }
.footertop-right {
  padding-left:100px;
}

.footer-top:after{ content: ""; position: absolute; bottom: 0; width: 100%; background: url(../images/neon-shade.png) no-repeat; height: 300px; background-position: bottom; z-index: -1; }

.footer-links{ text-align: center; margin-top: 50px; }
.footer-links a{ color: #fff; margin: 0px 15px; color: #ccc; font-size: 18px; font-weight: 300; }
.footer-links a:hover{ color: #fff; }

.footer-bottom{ margin-top: 30px; display: flex; align-items: center; justify-content: space-between; }
.footer-bottom p{ font-size: 14px; margin-left:20px; margin-bottom: 0px; color: #777; }
.footer-bottom-left{ display: flex; align-items: center; }
.footer-bottom-left img{ max-width: 100px; filter: brightness(0) invert(1) grayscale(10); }
.footer-bottom-right a{ color: #ccc; font-size: 14px; margin-left: 30px; }

/*--------------consulation modal-------------*/

.common-modal .modal-content {
  border: 0;
  padding:0px;
}

.common-modal .modal-header {
  font-size: 35px;
  font-weight: 700;
  border-radius: 0;
  border: 0;
}

.common-modal .close {
  color: #fff;
  margin: 0;
  opacity: 1;
  font-size: 26px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  background: none;
  border: none;
  padding: 15px 20px;
  line-height: 1;
}

.common-modal textarea.form-control {
  height: auto !important;
  padding-top:10px; 
}


.login-form .row{ margin:0px -10px; }
.login-form .col-sm-6{ padding:0px 10px; }
.login-form .col-sm-12{ padding:0px 10px; }

.login-form-col {
    width: 100%;
    margin: auto;
    padding: 20px 20px 5px;
}

.login-form-col h1{ color:#fff; font-size:42px; font-weight: 700;  background: linear-gradient(to right, #FFF 20%, #b454ff 40%, #b454ff 60%, #FFF 80%);
  background-size: 200% auto; background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 2s linear infinite; 
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.login-form-col p{ font-size:18px; font-weight: 500; color: #999; }

.login-form{ margin-top:20px; }
.login-form .form-group{ margin-bottom:20px; }
.login-form .form-group .form-control{ font-size: 14px; color:#fff; background-color:#111; border-color: #333; height: 42px;  }

.login-form .login-btn{ width:100%; font-weight: 600; }
.login-form .login-btn i{ font-size:24px; vertical-align: middle; margin-left:5px;  }

.common-modal .modal-body{ background: url(../images/service-bg.jpg) no-repeat #111; background-size: cover; }

.login-figure img{ height: 100%; object-fit: cover; width: 100%; }
.login-figure { height: 100%; }

.login-form .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1; /* Firefox */
}


.main-header .navbar-nav .dropdown-menu {
  min-width: 240px;
  overflow: hidden;
  background: #111;
  border-radius:6px;
}

.main-header .dropdown-item {
  font-weight:400;
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
}

.main-header .dropdown-item .submenu-txt{ display: block; font-size: 13px; color: #999; }

.main-header .dropdown-item:hover{ background: #111; }
.main-header .dropdown-item:focus, .main-header .dropdown-item:hover{ background: #222; }
.main-header .dropdown-toggle::after{ vertical-align: .155em; }

.mobile-colpsd { display: none; }

/*------------megamenu----------*/
  
.menu-large {
  position: static !important;
}

.main-header .dropdown-menu.megamenu .dropdown-item{ width: 25%; }

.megamenu {
  padding:10px 0px 15px !important;
  width: 100%;
  border-radius: 0;
  border: none;
  left: 0;    
  z-index: 1000;
}


.megamenu > div > li > ul {
  padding: 0;
  margin: 0;
}

.megamenu > div > li > ul > li {
  list-style: none;
}

.megamenu > div > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}

@media (max-width: 768px) {
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
}

.megamenu *{ white-space: normal; }

.megamenu .dropdown-item:focus, .megamenu .dropdown-item:hover{ background:none; color:#000;  }
.megamenu.dropdown-menu a:hover{ color:#5fbdf3; }

.navmenu-title {
    font-size: 24px;
    font-weight: 600;
    color: #2f2f2f;
    z-index: 1;
    position: relative;
    margin-bottom:10px;
    margin-top:5px;
}

.navmenu-title2 {
    font-size: 16px;
    font-weight: 500;
    color: white;
    z-index: 1;
    position: relative;
    margin-bottom:6px;
    margin-top:0px;
}

.right-menumega{ margin-left: 0px; }

.navmenu-list{ padding-left: 0px; }
.menu-pic { margin-bottom: 20px; }
.menu-pic img {
    height: 100px;
    object-fit: cover;
    border-radius: 15px;
}

.custom-md-3 p small{ font-size:90%; }

@media (min-width: 768px){
.megamenu .custom-md-3{ max-width: 18%; flex: 0 0 18%; }	
.megamenu .col-xl-2 {
    -ms-flex: 0 0 18.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.666667%;
    padding: 0;
    list-style-position: inside;
}
}

.advance-mainmenu {
    display: flex;
    position: relative;
}

.best-responsive-tab.init {
    max-width: 20%;
    flex: 0 0 20%;
    padding: 0px 0px 20px 2px;
    position: relative;
    z-index: 1;
    margin-right: -1px;
}

.best-responsive-tab-contents.init {
    padding: 20px 15px;
    max-width: 80%;
    flex: 0 0 80%;
}

.navmenu-list {
    list-style: none;
    padding: 0px;
}
.navmenu-list li {
    padding-left:0px;
}


.megamenu.dropdown-menu a {
    font-size: 14px;
    font-weight: 400;
    padding:8px 0px;
    display: flex;
}

.megamenu.dropdown-menu a img {
    margin-right: 10px;
    border-radius:10px;
    max-height: 50px;
}

.navmenu-list a {
    display: flex;
    align-items: center;
}

.advance-mainmenu:before {
    content: "";
    position: absolute;
    background:#eefaff;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 20%;
    z-index: -1;
}


.common-box { margin-top: 12px; }
.menucommon-btn{ 
    font-size: 16px;
    background-image: linear-gradient(to right, #4b85db , #5fbdf3);
    color: #fff !important;
    padding: 16px 25px !important;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    border-radius: 6px;
    border: 0;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    z-index: 1; 
}

.menucommon-btn:hover{ background-image: linear-gradient(to right, #5fbdf3 , #4b85db); color: #fff !important; }

.megamenu.dropdown-menu a:hover .megamenu-ico img{ filter: brightness(0) invert(1); }

/*--------end mega menu------*/

/*-----------inner-banner---------*/

.innermain-banner{ background:url(../images/neon-shade.png) no-repeat #111; min-height: 100vh; background-size: 100%; background-position: bottom; position: relative; overflow: hidden; }
.innermain-banner:after{ 
  content: "";
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 13%;
    filter: blur(175px);
    width: 50%;
    height: 50%;
    border-radius: 50%;
    transform: translate(20%) rotate(-9.61deg);
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
 }

 @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.innermain-content{ position: absolute; top: 60%; transform: translateY(-60%); width: 100%; z-index: 1; }
.innerbanner-text .title{ color: #fff; font-size: 62px; margin-bottom:15px; }
.innerbanner-text .title span{ font-size: 72px; animation: fontweight 1s ease infinite; }
.innerbanner-text p{ font-size: 21px; color: #E6E6E6; font-weight: 500; margin-bottom:15px; }

.gradient-text{ background-image: linear-gradient(to right, #8F00FF, #E23CEF); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }

@keyframes fontweight {
	0% {
		font-weight: 300;
	}
  50% {
    letter-spacing: 1px;
    text-decoration: underline !important;
	}
	100% {
		font-weight: 300;
	}
}

.innerbanner-text .common-btn {
  background: none;
  border: 1px solid #fff;
  color: #fff;
}

.innerbanner-text .common-btn:hover {
  background: #8F00FF;
  color: #fff;
  border-color: #8F00FF;
}

.websitedesign-sec1{ background: #111; padding:80px 0px; }
.websitedesignsec1-ltext h3{ color: #fff; margin-bottom: 20px; }
.websitedesignsec1-ltext p{ color: #ccc; padding-right: 50px; }
.websitedesignsec1-ltext { padding-right: 100px; }
.websitedesignsec1-card {
  background: #1B1A1A;
  border: 1px solid #272626;
  padding: 25px;
  border-radius: 20px;
}
.webdesignsec1-ico{ background: #F0DDFF; border-radius: 10px; padding: 10px; display: inline-block; margin-bottom:20px; }
.websitedesignsec1-card h4{ color: #fff; font-size: 26px; font-weight: 600; margin-bottom: 15px; line-height: 36px; }
.websitedesignsec1-card p{ color: #A5A5A5; font-size: 16px; font-weight:400; margin-bottom: 0px; }

.websitedesign-sec2{ background: #eee; padding:80px 0px;  }
.websitedesign-sec2 .title-col h4 {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 15px;
  color: #444;
}

.corefeature-list{ padding-left: 30px; padding-right:50px; }
.corefeature-col{ border-bottom: 1px solid #ccc; margin-bottom:35px; padding-bottom:20px; cursor: default; transition: all 0.3s ease-in; border-left: 5px solid transparent; padding-left: 20px; }
.corefeature-col:last-child{ border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }
.corefeature-col h3{ font-weight: 600; font-size: 28px; color: #000; margin-bottom: 15px;  }
.corefeature-col p{ font-size: 16px; color: #414141; line-height: 24px; margin-bottom: 0px; }

.corefeature-pic{ border-radius: 20px; overflow: hidden; padding-right:30px; position: sticky; top: 50px; }
.corefeature-pic img{ border-radius: 20px; }

.corefeature-col.active{ border-left: 5px solid #8F00FF; }
.corefeature-col.active h3{ color: #8F00FF; }

.websitedesign-sec3{ padding:80px 0px 40px; }
.websitedesign-sec3 .title-col{ max-width: 1100px; }

#serviceport-slider{ background: #f9f8ff; padding: 60px; border-radius: 30px; }
#serviceport-slider img{ width: auto; }
.designport-content{ padding-left: 50px; }

#serviceport-slider .owl-nav img{ filter: brightness(1); }
#serviceport-slider .owl-nav .owl-next{ right:-40px; position: absolute; top: 50%; transform: translateY(-50%); }
#serviceport-slider .owl-nav .owl-prev{ left:-40px; position: absolute; top: 50%; transform: translateY(-50%); }
.designport-cols h3{ font-size: 21px; color: #414141; margin: 15px 0px; }
.designport-cols p {
  color: #7D7D7D;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.designport-cols a {
  color: #3B0069;
  font-size: 16px;
}
.designport-cols a img {
  display: inline !important;
  filter: brightness(0.3);
}

.websitedesign-sec4{ padding-bottom:100px; }
.websitedesign-sec4 .cta-sec{ border-radius:20px; }

.work-flow-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 42px;
  margin-bottom: 25px;
  padding-left: 0;
}

.work-flow-list li {
  text-align: center;
  position: relative;
  width: 33.3%;
  z-index: 9;
}

.work-flow-list li:first-child, .work-flow-list li:nth-child(2), .work-flow-list li:nth-child(3) {
  margin-bottom: 68px;
}

.main-custom-new-process2 .work-flow-list li {
  margin-bottom: 50px;
}
.work-flow-list p {
  font-size: 15px;
  margin: 10px auto 5px;
  color: #666;
  line-height: 21px;
  font-weight: 300;
  max-width: 68%;
  min-height: 63px;
}

.work-icon-wrap {
  background: #fff;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 18px;
  border: 2px dashed #00000054;
  position: relative;
}

/* Create a pseudo-element for the rotating border */
.work-icon-wrap::before {
  content: "";
  position: absolute;
  top: -2px; /* Adjust to match border size */
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50%;
  border: 2px dashed #00000054;
  animation: rotateBorder 10s linear infinite;
}

/* Keyframe animation for the border */
@keyframes rotateBorder {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

/* Keep the inner image static */
.work-icon-wrap img {
  position: relative;
  z-index: 2; /* Ensure it stays on top */
}


.work-icon-wrap img {
  max-height: 60px;
}
.work-flow-list h4{
  font-size: 18px;
  font-weight: 500;
}
.work-flow-list li::after {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  background: #3B0069;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 45px;
  right: -11px;
  font-size: 14px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.main-custom-new-process2 ul li::after {
  top: 63px;
  background: #000;
}

.work-flow-list li:nth-child(4)::after {
  content: '\f078' !important;
  top: -108px;
  right: -17px;
}

.main-custom-new-process2 .work-flow-list li {
  margin-bottom: 50px;
}

.work-flow-list li:nth-child(4)::after {
  content: '\f078' !important;
  top: -108px;
  right: -17px;
}

.main-custom-new-process2 ul::after {
  height: 375px !important;
  top: 78px;
  border-radius: 0 20px 20px 0;
  border-color: #000;
}

.work-flow-list::after {
  content: '';
  position: absolute;
  width: 85%;
  height: 307px;
  border-right: 2px dashed #00000054;
  top: 60px;
  right: 0;
  border-radius: 0 62px 62px 0;
  border-top: 2px dashed #00000054;
  border-bottom: 2px dashed #00000054;
}

.onlyfans-flow-list li:nth-child(4),.work-flow-list li:nth-child(4) {
  order: 6
}

.onlyfans-flow-list li:nth-child(5),.work-flow-list li:nth-child(5) {
  order: 5
}

.work-flow-list li:nth-child(5)::after,.work-flow-list li:nth-child(6)::after {
  content: '\f053'!important;
  top: 44px
}

.work-flow-list li:nth-child(4)::after {
  content: '\f078'!important;
  top: -75px;
  right: -17px
}

.work-flow-list li:nth-child(3)::after{ display: none; }

.websitedesign-sec5 { padding-bottom: 70px; }

.websitedesign-sec6{
  position: relative;
  padding: 90px 0px 90px;
  background: url(../images/testimonial-bg.jpg) no-repeat #111;
  background-size: cover;
}

.title-para-col p{ color: #E6E6E6; font-size: 16px; margin-top: 5px; }

.webindustry-col{ text-align: center; padding: 30px; border: 1px solid #332256; border-radius: 10px; margin-top: 24px; }
.webindustry-col img{ max-height: 46px; margin-bottom: 15px; }
.webindustry-col h5{ font-size: 18px; color: #fff; margin-bottom: 0px; font-weight: 300; }

.websitedesign-sec7{ padding:90px 0px; position: relative; }
.webdesign-cta{ padding-left: 50px; }
.webdesign-cta p{ margin: 20px 0px; line-height: 26px; }

.websitedesign-sec7 .arc2{ bottom: 30px; }

.graphic-bannertext{ text-align: center; }
.graphic-bannertext h3{ color: #fff; font-size: 40px; }

.curly-text{ margin-bottom: 15px; }

.underline-animation {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #000;
  font-size: 24px;
  font-weight: bold;
}

/* Create the moving underline */
.underline-animation::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; /* Adjust underline position */
  width: 0;
  height: 3px; /* Adjust thickness */
  background-color: #00FFFF; /* Adjust color */
  animation: underlineMove 2s infinite alternate ease-in-out;
}

/* Keyframes for forward and reverse animation */
@keyframes underlineMove {
  0% {
      width: 0;
      left: 0;
  }
  50% {
      width: 100%;
      left: 0;
  }
  100% {
      width: 0;
      left: 100%;
  }
}

/*--------------graphic-------------*/

.graphicdesign-sec1{ background:#f7f7f7; padding: 90px 0px; }
.bigtext{ margin-bottom: 40px; }
.bigtext h3{ font-size: 80px; font-weight: 700; }

.graphicsec1-text p {
  font-size: 24px;
  color: #777;
  margin: 20px 0px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px;
  line-height: 36px;
}
.graphicsec1-text p:last-child{ border-bottom: none; padding-bottom: 0px; }

.graphicdesign-sec2{ padding: 80px 0px; }

.graphicservice-col{ margin-bottom: 40px; }

.graphicservice-col h3 {
  color: #fff;
  font-size: 32px;
  border-bottom: 1px solid rgb(255 255 255 / 20%);
  padding-bottom:15px;
  margin-top: 10px;
}

.graphicdesign-grids{ margin-top: 80px; position: relative; z-index: 1; }

.graphicdesign-sec3{ padding:100px 0px 60px; }

.graphiclogo-content{ padding-right:60px; }
.graphiclogo-content p{ font-size: 19px; font-weight: 300; line-height: 34px; }


/*-----------------contact-----------------*/

.contactus-sec1{ background: #111; padding: 80px 0px; }
.contact-info-content{ margin-bottom:30px; }
.contact-info-content p{ font-size: 21px; color: #999; font-weight:500; margin-top:25px; }
.contact-info-two-item {
  display: flex;
  margin-bottom:30px;
}
.contact-info-two-item .contactinfo-icon {
  flex: 0 0 80px;
  max-width: 80px;
}
.contact-info-two-item .contactinfo-icon img{ max-height:60px; }
.contactinfo-text h4{ color: #ffffffa6; font-size: 16px; font-weight: 400; margin-bottom: 24px; }
.contactinfo-text h4 span{ color: #fff; font-size: 21px; display: block; font-weight: 500; margin-top:6px; }
.contactinfo-text h4 a{ color: #fff; }

.contactus-form{ 
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 40px 40px 30px;
  border: 1px solid rgb(255 255 255 / 10%);
}

.contact-map{ margin-top: 70px; }
.contact-map iframe {
  border-radius: 15px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.inner-static-page{ padding: 70px 0px; position: relative; z-index: 1; }

.inner-static-page p{ 
  color: #ffffffa6;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px;
 }

 .inner-static-page h2{ color: #fff; font-size: 26px; border-bottom: 1px dashed rgb(255 255 255 / 20%); margin-bottom:20px; padding-bottom: 15px; margin-top: 50px; }
 .inner-static-page li{ color: #fff; }
 .inner-static-page a{ color: #fff; text-decoration: underline !important; }

.webportfolio-col{
  background: #f9f8ff;
  padding: 60px;
  border-radius: 30px;
  margin-bottom: 50px;
}

.main-header.fixed-nav .dropdown-item{ color: #000; }
.main-header.fixed-nav .dropdown-item:focus, .main-header.fixed-nav .dropdown-item:hover{ color: #fff; }

.inner-page{ padding: 60px 0px 0px; }

.career-sec1{ padding-bottom:80px; }
.career1-cols{ text-align: center; border: 2px dashed #00000054; border-radius: 20px; padding:30px 0px; margin-top: 24px;  }
.career1-cols img{ max-height: 100px; }
.career1-cols h3{ font-size:21px; margin-top: 20px; color: #333; margin-bottom: 0px; }

.mt-7{ margin-top: 5rem; }
.mt-9{ margin-top: 7rem; }

.career-sec2{ background: #f7f7f7; padding:60px 0px; }

.job-container{ padding:0px 30px; }
.job-container li{ margin-bottom:5px; }
.job-container h3{ font-size: 18px; margin-bottom: 10px; margin-top:25px; }

.career-sec2 .accordion-header .accordion-button{ padding-left: 20px; padding-right: 20px; }
.career-sec2 .accordion-button::after{ right: 20px; }

.career-sec3{ padding:70px 0px; }

.about-sec1{ padding-bottom: 50px; padding-top: 30px; }
.about-sec1 .flex-md-row-reverse .graphiclogo-content{ padding-left:50px; padding-right: 0px;  }

.about-sec2{ background: url(../images/aboutsec2-bg.jpg); }

.about-sec3{ padding:70px 0px 20px; }

.writeus-content{ padding-bottom: 50px; }
.writeus-content ul{ padding-left: 16px; }
.writeus-content ul li{ font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.blog-listing-page{ padding-bottom:60px; }

.blog-listing-page .col-md-6 { margin-bottom: 26px; }

.blog-col{ display: block; }

.blog-pic{ border: 1px solid #ccc; border-radius: 20px; overflow: hidden; margin-bottom: 15px; }

.blog-pic img {
  min-height: 215px;
  object-fit: cover;
  max-height: 215px;
  width: 100%;
  object-position: top;
}

.blog-content{ padding:0px; }

.blog-content h3{
font-size: 18px;
margin-bottom: 10px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.blog-content p {
margin-bottom: 0px;
font-size: 15px;
color: #404040;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog-author {
  margin-bottom: 10px;
  color: #3B0069;
}

.blog-author a{ margin-left: 10px; }

.blog-author i {
  margin-right: 5px;
}
.readlink {
  font-weight: 500;
  color: #000;
  font-size:14px;
  margin-top: 10px;
}

.pagination-col {
  margin-top: 20px;
  width: 100%;
}
.pagination {
  justify-content: center;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  border-radius:10px;
  
}
.pagination-col .page-link {
  color: #333;
  font-size:16px;
  font-weight: 500;
  margin:0 6px !important;
  text-align: center;
  width:40px;
  height:40px;  
  background: none;
  border-color: #999;
  line-height:40px;
  padding:0px; 
  border-radius: 10px;
}


.pagination-col .page-link i{ font-size: 14px; transform: translateY(-2px) !important; } 

.pagination-col .page-link:hover{ background:#8f00ff; color: #fff; border-color:#8f00ff; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color:#8f00ff;
  border-color:#8f00ff;
}

.blog-listing-page aside {
  padding-left: 30px;
  position: sticky;
  top: 20px;
}

.recent-articles {
  margin-bottom: 30px;
  padding: 30px;
  background: #f1f7f7;
  border-radius: 10px;
}
.widget-title {
  margin: 0px 0 15px;
  color:#3d52a1;
  font-size: 24px;
  font-weight:600;
  line-height: 1.2;
}
.list {
  padding: 0;
  list-style: none;
  font-size: 14px;
  margin-bottom: 0;
  max-height: 200px;
  overflow-y: auto;
}
.list li {
  display: block;
  position: relative;
  margin: 0;
  padding: 6px 0 6px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  line-height: 24px;
}
.list li:first-child {
  border-top-width: 0;
}
.list li:before {
  content: "\f105";
  position: relative;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin-left: -15px;
  margin-right: 15px;
  font-size: 12px;
  vertical-align: middle;
}
.list li a {
  color: #333;
  font-size: 15px;
  font-weight: 500;
}

.list li a:hover{ color: #732c82; }

.sidebar-widget {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.post-widget .post {
  position: relative;
  display: block;
  padding-left: 85px;
  margin-bottom: 30px;
  padding-bottom: 9px;
  min-height: 70px;
}
.post-widget .post .post-thumb {
  position: absolute;
  left: 0px;
  top: -1px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.post-widget .post .post-thumb img {
  width: 70px;
  border-radius: 50%;
  height: 70px;
  object-fit: cover;
}

.post-widget .post p {
  margin-bottom:3px;
  font-size: 14px;
}
.post-widget .post h5 {
  display: block;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
.post-widget .post h5 a {
  display: inline-block;
  color: #172746;
}

.tagcloud a {
  margin: 0.4rem 0.4rem 0.4rem 0;
  padding: 8px 18px;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  border-radius: 40px;
  background-color: #f5f5f5;
  color: #111;
}

.tagcloud a:hover{ background:#8f00ff; color: #fff; }

.recent-articles2{ background:#fbf6ff; }
.recent-articles2 .widget-title{ color:#8f00ff; }

.blog-dt{ font-size: 13px; margin-bottom: 10px; }
  
  .blog-detail blockquote{ padding: 0px 30px; margin-bottom: 30px; }
  .blog-detail blockquote p{
    font-size: 15px;
      line-height: 26px;
      color: #444;
  }
  
  .blog-detail p{
    font-size: 15px;
      line-height: 26px;
      color: #444;
  }
  
  .blog-detail li{
    font-size: 15px;
      line-height: 26px;
      color: #111;
      margin-bottom: 10px;
  }
  
  .blog-detail p.event-date {
    font-size: 16px;
    color: #8f00ff;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .big-widget-title {
    margin: 30px 0 20px;
    font-size: 24px;
    font-weight: 500;
}

.blogdt-pic {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-detail h1{ font-size: 26px; line-height: 36px; }

/*-----------all services---------*/

.all-services-col1 {
  padding: 70px 0;
}
.row.flex-lg-row-reverse .services-first-left {
  padding-right: 0px;
  padding-left: 50px;
}
.services-first-left {
  padding-right: 50px;
}
.main-service-cattitle {
  font-size: 24px;
  padding: 8px 20px;
  border-radius: 10px;
  background: #f7ecff;
  display: inline-block;
  margin-bottom: 15px;
  color: #8f00ff;
}
.main-service-cattitle strong {
  font-weight: 600;
}
.inner-services-topcol1 {
  width: 100%;
  margin-bottom:5px;
}
.all-service-titpara {
  font-size: 32px;
  color: #000;
  font-weight: 500;
  line-height: 45px;
  margin: 10px 0 10px;
}
.all-service-para {
  font-size: 15px;
  color: #464646;
  line-height: 26px;
}
.allservices-autocols ul {
  padding: 0px;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -9px;
}
.allservices-autocols ul li{
  font-size: 17px;
  font-weight: 500;
  border-bottom: 1px solid #000;
  margin: 10px 10px;
}

.portfoliomain-page{ padding: 80px 0px 60px; }
.portfolio-mainpic{ border-radius: 20px; width: 100%; overflow: hidden; margin-bottom: 20px; }
.portfolio-mainpic{ min-height: 390px; max-height: 390px; object-fit: cover; }
.portfoliomain-col h2 img{ filter: invert(1); }
.portfoliomain-col p{ margin-bottom: 0px; }

.webportfolio-page{ padding: 60px 20px; }
.mainwebportfolio-col{ position: relative; border-radius:30px; overflow: hidden; }
.mainwebportfolio-col:hover .maindesignport-content, .mainwebportfolio-col:hover:before{ display: none; }
.mainwebportfolio-col:before {
  content: "";
  background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 90%));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.maindesignport-pic {
  width: 100%;
  height: 500px; /* Adjust based on your design */
  overflow: hidden;
  position: relative;
  border-radius:30px;
  border: 5px solid #ccc;
}

.maindesignport-pic img {
  width: 100%;
  height: auto;
  display: block;
  transform: translateY(0);
  transition: transform 4s ease-in-out;
}

.maindesignport-pic:hover img {
  transform: translateY(calc(500px - 100%));
}


.maindesignport-content{ position: absolute; left:30px; bottom:30px; z-index: 1; }
.maindesignport-content p{ margin-bottom: 0px; font-size: 14px; background:#8F00FF; padding:3px 10px; display: inline-block; border-radius: 40px; color: #fff; font-weight: 500; }
.maindesignport-content h2{ margin-bottom: 0px; font-size:24px; margin-top: 10px; font-weight: 600; color: #fff; }

.mainwebportfolio-grid .col-xl-4{ margin-bottom: 24px; }

.industag{
  margin-bottom:10px;
    font-size: 14px;
    background: #8F00FF;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 40px;
    color: #fff;
    font-weight: 500;
}

.websitedesign-sec8{ padding:100px 0px; }

.websitedesign-sec8-content p{
   font-size: 19px;
    font-weight: 300;
    line-height: 34px;
}

.websitedesign-sec8-content ul{ list-style: none; padding-left: 0px; margin-top: 30px; }
.websitedesign-sec8-content ul li{ font-size: 19px; font-weight:400; margin-top: 15px;  }
.websitedesign-sec8-vector{ margin-bottom: 60px; }
.websitedesign-sec8-pic{ padding-left: 50px; }

.graphicdesign-sec8-content ul{ padding-left: 24px; margin-top: 30px; }
.graphicdesign-sec8-content ul li{ font-size: 19px; font-weight:400; margin-top: 15px;  }

.graphicdesign-sec8{ padding:10px 0px 40px; }

.webdevelop-process{ padding-top: 90px; }

.webdevelop-sec2{ padding-top: 80px; }
.webdevelop-sec2-figure{ border-radius: 30px; overflow: hidden; }

.uiuxpg-sec1 .title{ color: #fff; }
.uiuxpg-sec1 .title-col p{ color: #888; margin:20px auto 0px; font-size: 18px; line-height: 34px; }

.videoediting-sec1 video{ width: 100%; border-radius: 30px; border: 5px solid #ccc; overflow: hidden; }

.videoediting-sec1{ padding: 80px 0px 50px; }

.pt-6{ padding-top: 6rem; }

.mobileapp-leftcontent{ padding-right: 60px; }
.mobileapp-list ul{ padding: 0px; list-style: none; }
.mobileapp-list ul li{ font-size: 30px; font-weight:700; border: 1px dashed #999; padding: 20px; border-radius:20px; margin: 15px 0px; border-left: 5px solid #999; }

.highlight{  background: #8F00FF; color: #fff; }

.webdevelopment-sec4{ padding: 70px 0px; }
.webdevelopment-sec4 .cta-sec{ background: url(../images/lowcode.jpg) no-repeat; background-size: cover; border-radius: 20px; }
.webdevelopment-sec4 .cta-sec .title{  padding-top: 20px; }

.digital-marketing-bg .cta-sec{ background: url(../images/digital-marketing-bg.jpg) no-repeat; background-size: cover; }

.review-col {
  margin-bottom:20px;
}

.review-col p {
  margin-bottom: 0;
  font-size: 13px;
  color: #606060;
  font-weight: 300;
}

.review-namedate {
  font-size: 14px;
  color: #666;
  font-weight: 300;
  margin-bottom:5px;
}

.review-namedate strong{ font-weight: 500; color:#111; font-size: 16px; }

.review-star {
  border-radius:50%;
overflow: hidden;
width:75px;
height:75px;
display: inline-flex;
}

.expert-title {
  margin-bottom: 15px;
  margin-top: 25px;
}

.expert-title h3 {
  font-size: 24px;
  font-weight: 500;
margin-bottom: 10px;
}

.review-form {
  background: #eee;
  padding: 5px 30px 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}


.digialpg-sec1{ padding: 80px 0px 0px; }
.digialpg-sec1 p{ line-height: 28px; padding-right:20px; }

.digi-card {
  background:#d9efff;
  height: 100%;
  padding: 20px;
  border-radius: 20px;
}

.digialpg-sec2 .col-lg-4:nth-child(2) .digi-card{ background:#FFF6BF; }
.digialpg-sec2 .col-lg-4:nth-child(3) .digi-card{ background:#CFF3D2; }
.digialpg-sec2 .col-lg-4:nth-child(4) .digi-card{ background:#FFD2CE; }
.digialpg-sec2 .col-lg-4:nth-child(5) .digi-card{ background:#e6ffc4; }
.digialpg-sec2 .col-lg-4:nth-child(6) .digi-card{ background:#e2daff; }

.digi-card .icon {
  font-size: 34px;
  margin-bottom: 15px;
  background: rgb(255 255 255 / 50%);
  border-radius: 50%;
  display: inline-block;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
}
.digi-card .card-title{ margin-bottom: 15px; font-weight: 600; }
.digi-card ul{ padding-left: 18px; }
.digi-card ul li{ margin-bottom: 6px; }

.stat-text {
  color: #fff;
  animation: blink 1.2s infinite;
}

.digialpg-sec3{ padding-bottom: 70px; }

.graphicportfolio-page{ padding: 70px 0px 100px; }


.graphicport-sec .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 33.33%;
  max-width: 33.33%;
  padding: 0 4px;
}

.column img {
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

.graphicport-text{ position: relative; overflow: hidden; margin:8px 0px; }
.graphicport-text img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

/* Hover effect */
.graphicport-text:hover img {
  transform: scale(1.1);
}

.graphicport-text b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 24px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7); /* Black transparent background */
  transition: opacity 0.3s ease;
}

/* Show <b> on hover */
.graphicport-text:hover b {
  opacity: 1;
}

.hometech-industry8{ padding: 80px 0px; background: #f5f5f5; }

.animated-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;   /* Auto adjust based on content */
  gap: 20px;
  justify-content: center;
  padding: 0;
}

/* List Item Styling */
.animated-list li {
  background: #fff; /* Blue background */
  border: 1px solid #eee;
  color: #000;
  padding: 15px 30px;
  border-radius: 40px; /* Rounded corners */
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 18px;
  text-align: center;
}

/* Hover Animation */
.animated-list li:hover {
  background: #8F00FF; /* Darker blue on hover */
  color: #fff;
  transform: translateY(-5px) scale(1.05); /* Lift and scale effect */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 768px) {
  .animated-list li {
      padding: 10px 20px;
      font-size: 16px;
  }
}

@media (max-width: 480px) {
  .animated-list li {
      padding: 8px 16px;
      font-size: 14px;
  }
}


.brand-pic{ text-align: center; }
.brand-pic img { max-height: 60px; width: auto !important; }
.homeclient-logos .owl-nav.disabled{ display: none; }
.homeclient-logos{ padding:60px 0px; }

.digialpg-sec2{ padding-bottom: 70px; }

.graphicservice-col span{ display: none; }

.casestudy-box{ border: 1px solid #ccc; padding: 20px; border-radius: 20px; }
.casestudy-box h3{ font-size: 20px; margin-bottom: 10px; }
.casestudy-img{ margin-bottom: 20px; }

.casestudy-sec2{ padding: 80px 0px; background:#eee; }

.card {
  border: 1px solid #e0e0e0;
  background-color: #f9f9ff;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.card:hover {
  border-color: #0d6efd;
  box-shadow: 0 0 20px rgba(13, 110, 253, 0.1);
}


.card-title{ color: #8f00ff; background-image: linear-gradient(to right, #8F00FF, #E23CEF); -webkit-background-clip: text; }


.casestudy-sec3{ padding: 60px 0px; }
.casestudy-sec3 .mainwebportfolio-col:before{ display: none; }
.casestudy-sec3 .title{ margin-bottom: 30px; }
.casestudy-sec3 .websitedesign-sec8-content p{ font-size: 16px; line-height: 26px; }

.casestudy-sec1{ padding-bottom: 60px; }

.blog-detail table{ width: 100% !important; }

.casecat-strip{ background: #fff; border-radius: 40px; color: #000; padding: 6px 10px; font-size: 13px; display: inline-block; margin-bottom: 10px; }
.casetop-bullts { padding-left: 16px; margin-bottom: 30px; }
.casetop-bullts li{ color: #fff; margin-bottom: 16px; font-size: 14px; }

.casestudymain-points h3 {
    font-weight: 600;
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}
.casestudymain-points p {
    font-size: 14px;
    color: #414141;
    line-height: 24px;
    margin-bottom: 0px;
}
.casestudymain-points {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding-bottom: 20px;
    cursor: default;
    transition: all 0.3s ease-in;
}

.casestudy-sec1-rightpic {
    overflow: hidden;
    position: sticky;
    top: 50px;
}

.casestudy-detail .websitedesign-sec3 {
    padding: 10px 0px 120px;
}

blockquote {
  font-style: italic;
  color: #555;
  padding: 1em 1.5em;
  margin: 1em 0;
  border-left: 4px solid #ccc;
  position: relative;
}

blockquote::before,
blockquote::after {
  content: '"';
  font-size: 1em;
  color: #ccc;
  position: absolute;
}

blockquote::before {
  top: 0;
  left: 10px;
}

blockquote::after {
  content: '"';
  bottom: 0;
  right: 10px;
}

.blog-detail h1{ color: #8f00ff !important; }
.blog-detail h1 font{ color: #8f00ff !important; }
.blog-detail h2{ color: #370053 !important; }
.blog-detail h2 font{ color: #370053 !important; }
.blog-detail h3{ color: #3d52a1 !important; }
.blog-detail h3 font{ color: #3d52a1 !important; }
.blog-detail h4{ color: #3d52a1 !important; }
.blog-detail h4 font{ color: #3d52a1 !important; }
.blog-detail p{ text-align: justify !important;  }










/*------------------media css------------------*/

@media (max-width:1280px){
.banner-content h2{ font-size: 45px; line-height: 62px; }
.container{ max-width: 96%; }
.footer-vector img{ max-height:430px; }
.habout-vector img { max-width: 180px; }
.homeabout-vector{ bottom: 24%; max-width: 200px; }
.banner-left img { max-width: 400px; }
.banner-right img { max-width: 400px; }
.innerbanner-text .title{ font-size: 56px; }
.innerbanner-vector img{ max-height: 300px; }
.innerbanner-text .title{ font-size: 48px; }
.innerbanner-text .title span{ font-size: 54px; }
#serviceport-slider .owl-nav .owl-next{ right:0px; }
#serviceport-slider .owl-nav .owl-prev{ left:0px; }

}

@media (max-width:1180px){
.main-header .navbar-expand-lg .navbar-nav .nav-link{ margin: 0px 15px; }
.banner-content{ max-width: 700px; }
.title{ font-size: 40px; }
.homeabout-vector{ display: none; }
.homeportbig-content h2{ font-size: 32px; }
.innerbig-service h3{ font-size: 50px; }
.footertop-left .title{ font-size: 40px; }
.footertop-left { padding-left: 115px; }
footer .common-btn{ width: 100%; margin-bottom:10px; }
.innermain-banner{ min-height: 80vh; }
.innerbanner-text .title{ font-size: 40px; }
.innerbanner-text p{ font-size: 20px; font-weight: 400; }
.innerbanner-vector img { max-height: 390px !important; }
.about-sec1 { padding-bottom: 0px; padding-top: 0px; }
.graphiclogo-content { padding-right: 0px; }
.about-sec1 .flex-md-row-reverse .graphiclogo-content{ padding-left: 0px; }
.megamenu .container-fluid{ padding-left: 0px; padding-right: 0px; }
.megamenu-ico {
  flex: 0 0 20%;
  margin-right: 12px;
}
.websitedesignsec1-card h4{ font-size: 24px; }
.corefeature-list {
  padding-left: 0px;
  padding-right: 0px;
}
#serviceport-slider .owl-nav .owl-prev {
  left: 20px;
}
#serviceport-slider .owl-nav .owl-next {
  right: 20px;
}
.websitedesignsec1-ltext {
  padding-right: 0px;
}
.bigtext h3{ font-size: 60px; }
.innerbanner-text .curly-text{ margin-bottom: 25px; }
.innerbanner-text .curly-text img{ max-height: 50px; }
.videoediting-sec1 .pe-4{ padding-right: 0px !important; }
.videoediting-sec1 .pe-5{ padding-right:30px !important; }
.mobileapp-list ul li{ font-size: 26px; }
.portfolio-mainpic {
  min-height: 350px;
  max-height: 350px;
}

.modal-lg, .modal-xl {
  --bs-modal-width: 90%;
}
.login-form-col h1{ font-size: 34px; }



}

@media (max-width:1024px){
.banner-marquee ul li{ margin: 0px 10px; }
.habout-vector{ display: none; }
.banner-content h1{ font-size: 62px; }
.footertop-left .title { font-size: 36px; }
.cta-sec h3{ font-size: 32px; }
.mobileapp-leftcontent { padding-right: 0px; }


}

@media (max-width:980px){
.navbar-toggler{ color: #fff; }
.navbar-collapse{ background: #111; padding-bottom: 15px; }
.banner{ height: 600px; }
.banner-left img { max-width: 250px; }
.banner-right img { max-width: 250px; }
.banner-content { max-width: 600px; }
.banner-content h2{ line-height: 58px; }
ul.navbar-nav.align-items-center{ align-items: normal !important; }
.main-header .navbar-expand-lg .navbar-nav .nav-link{ text-align: left; border-bottom: 1px dashed #333; }
.main-header .dropdown-toggle::after{ position: absolute; margin-top: 11px; right: 17px; display: none; }
.mobile-colpsd {
  display: inline-block;
  color: #fff;
  padding: 4px 10px;
  position: absolute;
  right: 9px;
  font-size: 24px;
  top: 5px;
  border: 1px solid #333;
  line-height: 1;
  z-index: 1;
}

.main-header .navbar-expand-lg .navbar-nav .dropdown{ position: relative !important; }
.main-header .dropdown-menu.megamenu .dropdown-item { width: 50%; }
.mobile-colpsd.show {
  transform: rotate(45deg);
  border: none;
  font-size: 28px;
}
.megamenu .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.megamenu-ico{ flex: 0 0 15%; }
.habout-right{ display: flex; justify-content: space-between; }
.habout-colgrid{ position: static; transform:none; line-height: 160px; }
.habout-colgrid p{ position: static; transform:none; }
.homeservices-title{ font-size: 44px; }
.main-header.fixed-nav .navbar-toggler{ color: #111; }
.main-header.fixed-nav .navbar-collapse{ background: #fff; }
.main-header.fixed-nav .mobile-colpsd{ color: #111; }
.dropdown-menu {
  border-radius: 0px !important;
  border: none !important;
}
.innermain-banner {
  min-height: 100vh;
}
.innerbanner-text {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  width: 90%;
}
.row.flex-lg-row-reverse .services-first-left {
  padding-right: 0px;
  padding-left: 0px;
}
.services-first-left {
  padding-right: 0px;
}
.innerbanner-vector img {
  max-height: 250px !important;
}

.work-flow-list p{ max-width: 85%; }
.title {
  font-size: 32px;
}

.services-mainpage{ padding-bottom: 60px; }
.all-services-col1 {
  padding: 60px 0 0px;
}
.work-flow-list p{ font-size: 14px; }
.portfolio-mainpic {
  min-height: 280px;
  max-height: 280px;
}

.blog-listing-page aside {
  padding-left: 0px;
  margin-bottom: 30px;
}

.blog-listing-page .col-lg-8{ order: 2; }

}

@media (max-width:768px){
.banner-content h2{ font-size: 34px; line-height: 52px; }
.banner-content h1 { font-size: 52px; }
.banner-marquee ul li{ font-size: 16px; }
.homeabout-sec{ padding: 60px 0px 60px; }
.habout-colgrid:hover{ transform: scale(1); }
.homeservices-big{ padding-left: 0px; }
.innerbig-service h3 {
  font-size: 40px;
}
.hometech-industry8{ padding: 60px 0px; }
.footer-vector img{ display: none; }
.footertop-left { padding-left: 0px; }
.footertop-right {
  padding-left: 20px;
}
.footer-bottom{ flex-direction: column; }
.innermain-banner {
  min-height: 60vh;
}
.all-service-titpara{ font-size: 28px; line-height: 36px; }
.main-service-cattitle{ font-size: 21px; font-weight: 500; }
.innerbanner-text .title span {
  font-size: 48px;
}
.corefeature-list{ margin-top: 30px; }
.innerbanner-vector img{ display: none; }
.portfolio-mainpic {
  min-height: inherit;
  max-height: inherit;
}
.column{ flex: 100%; max-width: 100%; }
.innerbanner-text .title{ display: block; }
.websitedesign-sec8 { padding: 40px 0px; }
.websitedesign-sec5 .arc{ display: none; }
.websitedesign-sec4 { padding-bottom: 60px; }
.websitedesign-sec5 { padding-bottom: 50px; }


}

@media (max-width:767px){
.main-header .navbar-nav .megamenu{ height:100px; overflow-y: scroll; }
header.hide-nav { transform: translateY(0); }
.homeservices-ltext{ margin-bottom: 40px; }
.hometechnology-sec .arc{ display: none; }
.trend-col{ flex: 0 0 23%; max-width: 23%; }
.trend-col span img{ max-height: 40px; }
.footertop-right {
  padding-left: 0px;
  margin-top: 30px;
}
.footer-top:after{ display: none; }
.footer-top{ padding-bottom: 0px; }
footer{ padding:40px 0px 40px; }
.innermain-banner { min-height: 500px; }
.banner-content h1{ font-size: 46px; }
.banner-marquee ul li { font-size: 15px; }
.habout-colgrid{ width: 180px; height: 180px; line-height: 135px; }
.habout-right{ margin-top: 20px; }
.homeportbig-content h2 { font-size: 28px; }
.homeportbig-content p{ font-size: 14px; line-height: 22px; }
.homewhypixa-sec { padding: 50px 0px; }
.homeservices-ltext p{ padding-right: 0px; }
.innerbig-service p{ font-size: 16px; line-height: 26px; }
.hometechnology-sec{ padding: 50px 0px; }
.presence-sec .col img { max-height: 65px; }
.footer-links a{ font-size: 16px; }
.allservice-pic-right{ margin-top: 30px; }
.websitedesign-sec8-pic {
  padding-left: 0px;
  margin-top: 30px;
}
.websitedesignsec1-ltext p{ padding-right: 0px; }
.designport-content {
  padding-left: 0px;
  margin-top: 30px;
  text-align: center;
}
#serviceport-slider{ padding: 30px; }
.work-flow-list::after{ display: none; }
.work-flow-list li:nth-child(4)::after, .work-flow-list li::after{ display: none; }
.work-flow-list li{ width: 50%; }
.work-flow-list li:first-child, .work-flow-list li:nth-child(2), .work-flow-list li:nth-child(3) {
  margin-bottom: 30px;
}
.websitedesign-sec6{ padding: 50px 0px; }
.webdesign-cta {
  padding-left: 0px;
  margin-top: 20px;
}
.webdevelop-process{ padding-bottom: 0px; padding-top: 50px; }
.websitedesign-sec7{ padding: 50px 0px; }
.bigtext h3 {
  font-size: 32px;
}
.bigtext {
  margin-bottom: 20px;
}
.graphicsec1-text p{ font-size: 16px; line-height: 26px; }
.graphicdesign-sec1{ padding: 50px 0px; }
.graphicservice-pic img{ width: 100%; }
.graphiclogo-pic{ margin-top: 40px; }
.digialpg-sec1 {
  padding: 50px 0px 0px;
}
.cta-sec h3 {
  font-size: 26px;
}
.websitedesign-sec8-content p {
  font-size: 16px;
  line-height: 28px;
}
.webindustry-col h5{ font-size: 16px; }
.videoediting-sec1 .pe-5 {
  padding-right: 0px !important;
}

.onlyfans-flow-list li:nth-child(4), .work-flow-list li:nth-child(4), .onlyfans-flow-list li:nth-child(5), .work-flow-list li:nth-child(5) {
  order: inherit;
}


}

@media (max-width:767px){
.banner-content{  padding: 0px 20px; }
.banner-content h2 {
  font-size: 28px;
  line-height: 38px;
}
.banner-content h1 { font-size: 32px; }
.banner-icons img{ max-height: 50px; }
.banner-left{ top: 35%; }
.banner-right{ top: 70%; }
.logo img{ max-height: 46px; }
.main-header .container-fluid {
  padding-left: 20px;
  padding-right: 15px;
}
.main-header .dropdown-menu.megamenu .dropdown-item {
  width: 100%;
}
.main-header .navbar-nav .megamenu{ height: 260px; }
.banner {
  height: calc(100vh + 30px);
}
.banner-marquee ul li{ text-align: center; }
.banner-marquee ul li img{ display: block; margin: auto; }
.title {
  font-size: 26px;
}
.homeabout-sec {
  padding: 30px 0px 60px;
}
.habout-colgrid {
  width: 100px;
  height: 100px;
  line-height: 75px;
  padding: 10px;
}
.habout-colgrid p{ font-size: 17px; }
.homeportfolio-sec .title-col{ flex-direction: column; }
.homeportfolio-sec .common-btn{ margin-top: 30px; }
.homeportbig-content{ position: static; transform: translateY(0%); }
.homeport-big .homeport-pic:before{ display: none; }
.homeportfolio-sec{ padding: 50px 0px; }
.homeservices-sec{ padding: 50px 0px 0px; }
.trend-col {
  flex: 0 0 47%;
  max-width: 47%;
}
.cta-sec p{ font-size: 14px; }
.presence-sec {
  padding: 30px 0px 50px;
}
.footertop-left .title {
  font-size: 34px;
}
.footer-bottom-left {
  align-items: flex-start;
  flex-direction: column;
}
.footer-bottom p{ margin-left: 0px; margin-top: 10px; margin-bottom: 10px; }
.footer-bottom-right a{ margin-left: 0px; margin-right: 10px; }
.footer-bottom{ align-items: flex-start; }
.footer-links {
  text-align: left;
  margin-top: 30px;
}
.footer-links a{ margin: 0px; margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block; 
}
.footer-bottom{ margin-top: 10px; }
.footertop-right p{ font-size: 16px; }
.innerbanner-text p{ font-size: 16px; }
.graphiclogo-content p{ font-size: 16px; line-height: 28px; }
.about-sec3 {
  padding: 30px 0px 20px;
}
.innerbanner-text .title span {
  font-size: 42px;
}
.all-service-titpara{ font-weight: 600; }
.innerbanner-text .title {
  font-size: 34px;
}
.websitedesign-sec8-content ul li{ font-size: 16px; }
.innerbanner-text .curly-text img {
  max-height: 40px;
}
.graphicdesign-grids{ margin-top: 0px; }
.graphicservice-col h3{ font-size: 26px; }
.webdevelopment-sec4 .cta-sec .title{ padding: 0px !important; }
.corefeature-col h3{ font-size: 24px; }
.videoediting-sec1{ padding: 50px 0px; }
.mobileapp-list ul li {
  font-size: 21px;
}
.webportfolio-page {
  padding: 50px 0px;
}
.blog-detail h1 {
  font-size: 21px;
  line-height: 32px;
  font-weight: 600;
}
.review-form{ padding: 5px 20px 30px; }
.contactinfo-text h4 span{ font-size: 16px; font-weight: 400; }
.contactus-form{ padding: 30px 20px 30px; }
.login-form-col h1 {
  font-size: 22px;
}
.login-figure{ display: none; }
.login-form-col p{ font-size: 16px; }
.designport-pic img{ width: 100% !important; }
.footer-bottom-right {
  padding-right: 0px;
}

}
.comment-reply-title {
    display: none !important;
}
p.comment-form-cookies-consent {
    display: none;
}
p.comment-notes {
    display: none;
}
p.form-submit {
    display: none;
}