:root {

  --description: #d8d8d8;

  --primary-white: #fff;

  --background-color: #000000;

  --effect: #00d9f5;

}





/* Style the entire scrollbar */

::-webkit-scrollbar {

  width: 8px;               /* width of vertical scrollbar */

  height: 12px;              /* height of horizontal scrollbar */

}



/* Style the scrollbar track */

::-webkit-scrollbar-track {

  background-color: #25a1da; /* color of the track */

  border-radius: 0px;

}



/* Style the scrollbar thumb */

::-webkit-scrollbar-thumb {

  background-color: #56bc2b;    /* color of the scroll thumb */

  border-radius: 0px;       /* roundness of the scroll thumb */

  border: 0px solid #f0f0f0; /* optional: space around the thumb */

}



/* Style the scrollbar thumb on hover */

::-webkit-scrollbar-thumb:hover {

  background-color: #555;    /* color when hovering over the scroll thumb */

}































.star{

  display: none !important;

}

* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



body {

  font-family: "Poppins" !important;

  margin: 0px !important;

  padding: 0px !important;

  background-color: var(--background-color) !important;

  color: var(--primary-white) !important;

}



.option > li > span {

  font-size: 12px !important;

}



.outer-modal {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

    

    background: rgba(0, 0, 0, 0.8);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    display: none;

    overflow-x: auto;

    

}



.outer-modalb {

  width: 100%;

  height: 100%;

  margin-left: auto;

  margin-right: auto;

  

  background: rgba(0, 0, 0, 0.8);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  display: none;

  overflow-x: auto;

  

}



.website-logo img {

    width: 100px !important;

  }

  

.custom-modal_mag {

width: 30%;

height: auto;

padding: 10px;

margin-left: auto;

margin-right: auto;

position: relative;

top: 15%;



/* border-top: 10px solid;

border-right: 1px solid; */



border-radius: 5px;

/* background: rgba(0, 0, 0, 0.8); */



background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);



/* box-shadow: -3px 6px 5px 2px #474646; */

overflow-y: auto;

overflow-x: auto;

}



#seemore {

    /*cursor: pointer;*/

    /*background: #157357;*/

    /*color: #fff !important;*/

    /*padding: 10px;*/

    /*border-radius: 5px;*/

    /*width: 150px;*/

    /*height: auto;*/

}



.custom-modal_mag > input {

  width: 90%;

  height: auto;  

}



.loginPage {

  width: 30%;

  height: auto;

  padding: 10px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  top: 15%;

  

  border-top: 10px solid;

  border-right: 1px solid;

  

  border-radius: 5px;

  background: rgba(0, 0, 0, 0.8);

  

  box-shadow: -3px 6px 5px 2px #474646;

  overflow-y: auto;

  overflow-x: auto;

}



.closeBtn {

  position: absolute;

  top: 5px;

  right: 5px;

  background: red;

  color: #fff;

  width: 30px;

  line-height: 30px;

  border-radius: 50%;

  text-align: center;

}



.closeBtn:hover {

  cursor: pointer;

}



.payment {

    margin-left: 30px;

}



.payment > input {

    display: inline-block;

    margin-left: 30px;

}



.setImgAfterHero img{

  transition: all 0.5s ease;

}



.setImgAfterHero img:hover{

  transform: scale(1.1);

}



#myVideo{

  margin-top: -120px;

}



.website-logo-footer{

  width: 200px;

}

.Website_Navbar_Header1{

  /* background-color: #00eeff; */

  position: relative;

  z-index: 100;

}

.nav-heading-line:after{

    content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";

    text-decoration:line-through;

    font-size: 20px;

    color: #20c997;



}

.contact-header-heading{

  font-size: 80px !important;

}

/* particle js */

#particles-js{

  width: 100%;

  height: 100%;



  background-color: #050101;

  background-image: url('');

  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;

}

.set_Universal_Headings h2,

.set_Universal_Headings h1

{

  font-size: 60px !important; 

}





.Through-btn{

  padding-left: 20%;

  padding-right: 20%;

}

.Logo-Image-Gallery img{



  margin-top: 20px;

  width: 100% !important;

  height: 300px !important;

}



.slick-track {

  /* width:200px !important; */

  /* background-color:yellow; */

}



#BgVideo {

  position: fixed;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}



.BgVideo2 {

  position:relative;

  -webkit-box-shadow: inset 0px 0px 103px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: inset 0px 0px 103px 0px rgba(0,0,0,0.75);

    box-shadow: inset 0px 0px 103px 0px rgba(0,0,0,0.75);

  }



.card1 {

    width: 100% !important;

}



.card-body1 {

    width: 100% !important;

    height: 100% !important;

    

    background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);

}



.card-header1 {

    background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);

}



.tabPanel {

  background-color: transparent !important;

}



.nav-link:hover {

  color: rgba(0, 232, 199, 1) !important;

}



.btn-classic {

  /* background-image: url("../downloads/28e46c36-a257-4895-a202-b8b866bfdb85.png"); */

  /* background-size: 20px 50px; */

  /* background-repeat: no-repeat;

  background-position: center !important; */

  /* padding: 10px !important; */

  /* width: 150px;

  height: 50px;

  outline: none;

  border: none; */

  clip-path: polygon(0 0, 73% 0, 100% 20%, 100% 100%, 100% 100%, 20% 100%, 0% 80%, 0% 20%);

}



/* Gallery Section CSS */

.gal {

  -webkit-column-count: 4;

  /* Chrome, Safari, Opera */

  -moz-column-count: 4;

  /* Firefox */

  column-count: 4;

}



.gal img {

  width: 100%;

  padding: 7px 0;

}



@media (max-width: 500px) {

  .team-txt {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    text-align: center !important;

  }



  .team-line {

    display: none;

  }



.custom-modal_mag {

    width: auto;

    top: 10%;

}

  .tabPanel {

    width: 80% !important;

  }



  .slidesFix {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

}



/* Gallery Section CSS End */



/* Background Video */



.viewport-header {

  position: relative;

}



video {

  /* object-fit: cover; */

  width: 100vw;

  /* height: 100vh; */

  z-index: -1;

  /* position: fixed;

    top: 0;

    left: 0; */

}



/* Background Video End */



/* Pricing Section CSS */



.monthly {

  background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);

  padding: 10px;

  border-radius: 15px;

}



.yearly {

  background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);

  padding: 10px;

  border-radius: 20px;

}



.card-sec {

  background-color: transparent !important;

  color: rgb(255, 255, 255) !important;

  height: 10vh;

}



.non-glass {

  background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);



  color: black !important;

  height: 600px;

  border-radius: 20px;

  box-shadow: 5px 5px 10px #0007, -1px -1px 2px #fff, 1px 1px 2px #555 !important;

  backdrop-filter: blur(5px);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  transform: translateY(25px);

  transition: transform 0.25s;

}



.glass {

  height: 600px;

  background: radial-gradient(#fff2 30%, rgba(255, 255, 255, 0.224));

  border-radius: 20px;

  border: none !important;

  backdrop-filter: blur(15px);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  transform: translateY(25px);

  transition: transform 0.25s;

}



/* Pricing Section CSS End */



/* Our Team Section */

.our-team {

  text-align: center;

  position: relative;

  color: rgba(0, 232, 199, 1);

  /* margin: 3px; */

}

.img-responsive{

  width: 100% !important;

}

.our-team img {

  /* width: 100%;

    height: 100%; */

}



.our-team .content {

  background: rgba(0, 0, 0, 0.6);

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  text-align: center;

  padding-top: 45%;

  transform: perspective(400px) rotateX(-90deg);

  transform-origin: center top 0;

  transition: all 0.5s ease 0s;

  opacity: 0;

}



.our-team:hover .content,

.our-team.active .content {

  opacity: 1;

  transform: perspective(400px) rotateX(0deg);

}



.our-team .content .title {

  margin: 0 0 10px;

  display: block;

  font-size: 25px;

  font-weight: 600;

}



.our-team .content .post {

  margin: 0 0 25px;

  display: block;

  font-size: 15px;

}



.our-team .social {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.our-team .social li {

  display: inline-block;

}



.our-team .social li a {

  display: block;

  color: #fff;

  font-size: 20px;

  height: 40px;

  width: 40px;

  line-height: 40px;

  border-radius: 0;

  background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);

  margin-right: 5px;

  transition: all 0.5s ease 0s;

  position: relative;

}



.our-team .social li a:hover,

.our-team.active .social li a {

  border-radius: 50%;

  text-decoration: none;

}



.herovideo {

  width: 100%;

}



.btn-classic {

  background: rgb(29,247,183);

background: linear-gradient(90deg, rgba(29,247,183,1) 0%, rgba(32,201,151,1) 55%, rgba(0,212,255,1) 100%);

  padding: 10px 20px;

  clip-path: polygon(0 0, 83% 0, 100% 27%, 100% 100%, 100% 100%, 16% 98%, 0 77%, 0% 20%);

}



.btn-classic:hover {

  transition: 0.6s;

  transform: translateY(-10px);

}



.marquee {

  background: linear-gradient(180deg,

      rgba(0, 243, 165, 1) 0%,

      rgba(0, 232, 199, 1) 51%,

      rgba(0, 220, 234, 1) 100%);

  align-items: center;

}



.marquee h1 {

  text-align: center;

  font-style: normal;

  font-weight: normal;

  font-size: 38px;

  color: rgba(255, 255, 255, 1);

}



.about-sec {

  margin-top: 8%;

}



.about-sec h3 {

  line-height: 36px;

  text-align: center;

  font-style: normal;

  font-weight: normal;

  font-size: 24px;

  color: rgba(0, 245, 160, 1);

  letter-spacing: 3px;

}



.about-sec h2 {

  color: black;

  /* line-height: 92px; */

  text-align: center;

  font-style: normal;

  font-weight: normal;

  font-size: 82px;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: white;

}



.about-sec h1 {

  /* line-height: 92px; */

  text-align: center;

  font-style: normal;

  font-weight: normal;

  font-size: 82px;

  color: rgba(255, 255, 255, 1);

}



.about-sec-2 {

  padding: 0 !important;

}



.about-sec-2 h2 {

  font-weight: 800px;

  font-size: 48px;

  letter-spacing: 0.5;

  color: white;

}



.about-sec-2 .phone img {

  /* max-width: 190%;

            margin-left: -48%; */

  /* background-color: #00eeff; */

  width: 90%;

}



.bvgkl {

  background: url("../assets/bg-pink.png");

  background-repeat: no-repeat;

  background-size: 800px 800px;

  background-position: 900px 10%;

  overflow-x: hidden;

}



.bvgklc {

  background: url("../assets/bg-orange.png");

  background-repeat: no-repeat;

  background-size: 800px 800px;

  background-position: 900px 10;

  overflow-x: hidden;

  position: relative;

  z-index: 1000 !important;

}



.bvgklcz {

  background: url("../assets/bg-orange.png");

  background-repeat: no-repeat;

  /* background-size:cover; */

  background-size: 600px 600px;

  /* height:800px;

       width:800px; */

  background-position-x: 1095px;

  background-position-y: 595px;

  overflow-x: hidden;

  width: 100vw;

}



.bvgklce {

  background: url("../assets/bg-orange.png");

  background-repeat: no-repeat;

  /* background-size:cover; */

  /* background-size: 900px 900px; */

  /* height:800px;

       width:800px; */

  /* background-position-x: 1195px;

    background-position-y: 595px; */

  overflow-x: hidden;

  width: 100vw;

}



.bvgklx {

  background: url("../assets/bg-pink.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position-x: -195px;

  overflow-x: hidden;

}



.bvgklxx {

  background: url("../assets/bg-pink.png");

  background-repeat: no-repeat;

  /* background-size:cover; */

  background-size: 600px 600px;

  background-position-x: -195px;



  overflow-x: hidden;

}



.margiotopp {

  margin-top: 50px;

}



._pd-5 {

  padding: 100px;

}



.laptop {

  padding: 0px !important;

}



._manging {

  height: 800px;

  width: 800px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: 300px;

}



._margintoc {

  margin-bottom: -400px !important;

}



._margio {

  margin-top: -400px !important;

}



.sfdgsf {

  position: relative;

  z-index: 900 !important;

}



.forRelationwithTesti {

  position: relative;

}



.TestiBlack {

  background-color: black !important;

}



.testiback {

  position: absolute;

  background: url("../assets/Rectangle_84.png");

  /* width: 500px !important; */

  /* margin-top: -400px !important; */

  height: 100%;

  box-shadow: 18px 18px 128px 128px black inset;

}



.hjuia {

  /* display:flex;

        justify-content:center;

        flex-direction: column; */

}



.myrfsxxfd {

  color: #d8d8d8;

  text-align: center;

  padding: 0 300px;

}



.zinfer {

  z-index: 900;

}



.about-sec-2 .laptop img {

  max-width: 110%;

}



.about-sec-2 .laptop p {

  font-size: 18px;

  color: white;

  padding: 0px 10px;



}



.count .p-2 {

  padding: 0.5rem !important;

  display: grid;

  justify-items: baseline;

}



.count-boxes {

  width: 100%;

  color: white;

  display: flex;

  border-bottom: 3px solid white;

}



.count-1,

.count-2,

.count-3 {

  /* width: 200px; */

  width: 33.33%;

  height: 180px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.count-1,

.count-2 {

  border-right: 2px solid white;

}



.count-content {

  text-align: center;

  margin: 0px auto;

}



.count-content h1 {

  font-weight: bolder;

  font-size: 45px;

}



.count-content h6 {

  font-weight: lighter;

  font-size: 25px;

}



.service-sec {

  /* margin-top: 8%; */

}



.service-sec h3 {

  /* line-height: 36px; */

  text-align: center;

  font-size: 24px;

  color: rgba(0, 245, 160, 1);

  letter-spacing: 3px;

}



.service-sec h2 {

  color: black;

  /* line-height: 92px; */

  text-align: center;

  font-style: normal;

  font-weight: normal;

  font-size: 82px;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: white;

}



.service-sec h1 {

  /* line-height: 92px; */

  text-align: center;

  font-style: normal;

  font-weight: normal;

  font-size: 82px;

  color: rgba(255, 255, 255, 1);

}



.service-sec-2 {

  padding: 5% 5% 0% 10%;

  margin: 2% 0% 5% 0%;

}



.service-sec-2 .ui-tx {

  line-height: 40px;

  text-align: left;

  font-style: normal;

  font-weight: normal;

  font-size: 26px;

  color: rgba(0, 217, 245, 1);

}



.service-sec-2 h2 {

  line-height: 60px;

  text-align: left;

  font-style: normal;

  font-weight: normal;

  font-size: 40px;

  color: rgba(255, 255, 255, 1);

}



.service-sec-2 p {

  line-height: 32px;

  text-align: left;

  font-style: normal;

  font-weight: normal;

  font-size: 18px;

  color: rgba(255, 255, 255, 1);

}



.contact-sec h4 {

  color: white;

  /* line-height: 32px; */

  text-align: left;

  font-style: normal;

  font-weight: 400px;

  font-size: 18px;

  /* letter-spacing: 7px; */

}



.contact-sec h2 {

  color: white;

  text-align: left;

  font-style: normal;

  font-weight: 500px;

  font-size: 54px;

}



.contact-sec p {

  color: white;

  text-align: left;

  font-style: normal;

  font-weight: 500px;

  font-size: 16px;

}



.Profile-padding {

  padding: 0px !important;

}



.portfolio-img img {

  height: 450px;

  width: 100%;

}



/* .portfolio {

    background: url(".././assets/Rectangle_86.png");

    background-repeat: no-repeat;

    background-size: cover;    

   position: relative;

} */

.lets-beggin{

  font-size: 40px;

}

.lets-begginlogo{

  font-size: 40px;

}

.blur-filter-portfolio {

  backdrop-filter: blur(5px);

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

}



.customline:after {

  content: "\00a0\00a0\00a0\00a0\00a0\00a0";

  text-decoration: line-through;

  color: #00eeff;

  font-size: 25px;

}



.customlinez:after {

  content: "\00a0\00a0\00a0\00a0\00a0\00a0";

  text-decoration: line-through;

  color: white;

  font-size: 25px;

}



.btn-porfolio {

  background: transparent;

  border: 1px solid white;

  padding: 10px 20px;

  color: white;

}



footer {

  text-align: center;

}



.footer-bark{

  position: relative;

}



.bark1{

  position: absolute;

  bottom:-100px;

}



.bark2{

  position: absolute;

  bottom:-100px;

  left: 100px;

}

footer .footer-sec p {

  padding-top: 4%;

  text-align: center;

  font-style: normal;

  font-size: 16px;

  color: rgba(255, 255, 255, 1);

}



footer .footer-sec h2 {

  padding-top: 10%;

  text-align: center;

  font-style: normal;

  font-weight: bold;

  font-size: 31px;

  color: rgba(255, 255, 255, 1);

}



@media screen and (max-width: 990px) {

  .our-team {

    margin-bottom: -24px;

  }



  .custom-modal_mag {

      width: auto;

      top: 10%;

  }

}



/* Our Team Section End */



.home-testimonial {

  background-color: #231834;

  height: 380px;

}



.home-testimonial-bottom {

  background-color: #f8f8f8;

  transition:0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin-top: 20px;

  margin-bottom: 0px;

  position: relative;

  height: 130px;

  top: 190px;

}



.home-testimonial h3 {

  color: var(--orange);

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

}



.home-testimonial {

  color: white;

  font-size: 28px;

  font-weight: 700;

}



.testimonial-inner {

  position: relative;

  /* top: -174px */

}



.testimonial-pos {

  position: relative;

  top: 24px;

}



.testimonial-inner .tour-desc {

  border-radius: 20px;

  padding: 40px;

  /* background-color: red; */

}



.testimonial-inner img.tm-people {

  width: 60px;

  height: 60px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -o-object-fit: cover;

  object-fit: cover;

  max-width: none;

}



.link-name {

  font-size: 18px;

  color: #20c997;

  /* color: #00eeff; */

  font-weight: bolder;

}



.link-position {

  font-size: 12px;

  color: #00eeff;

}



/* ///////////////////////////////////////////// */



/* UI/UX section */

.ui-ux-images figure img {

  width: 100%;

  /* height: 500px; */

}



.ui-ux-content {

  color: var(--primary-white);

}



.ui-ux-content p {

  color: var(--description);

  font-weight: lighter;

}



/* ////////////////////////////////////////////// */



/* Slider Pricing */



.slide-container {

  max-width: 1120px;

  width: 100%;

  padding: 0px 0;

}



.slide-content {

  margin: 0 40px;

  overflow: hidden;

  border-radius: 0px;

}



.image-content,

.card-content {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 10px 14px;

}



.image-content {

  position: relative;

  row-gap: 5px;

  padding: 25px 0;

}



.overlay {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #4070f4;

  border-radius: 25px 25px 0 25px;

}



.overlay::before,

.overlay::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: -40px;

  height: 40px;

  width: 40px;

  background-color: #4070f4;

}



.overlay::after {

  border-radius: 0 0 0 0;

  /* background-color: #FFF; */

}



.card-image {

  position: relative;

  height: 150px;

  width: 150px;

  border-radius: 50%;

  /* background: #FFF; */

  padding: 3px;

}



.card-image .card-img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  border-radius: 50%;

  border: 4px solid rgba(0, 245, 160, 1);

}



.name {

  font-size: 18px;

  font-weight: 500;

  color: #333;

}



.description {

  font-size: 14px;

  color: #707070;

  text-align: center;

}



.swiper-navBtn {

  color: rgba(0, 245, 160, 1) !important;

  transition: color 0.3s ease;

  

}



.swiper-navBtn:hover {

  color: rgba(0, 245, 160, 1) !important;

}



.swiper-navBtn::before,

.swiper-navBtn::after {

  font-size: 35px;

}



.swiper-button-next {

  right: 0px !important;

}



.swiper-button-prev {

  left: 0px !important;

}



.swiper-pagination-bullet {

  background-color: rgba(0, 245, 160, 1) !important;

  opacity: 1;

}



.swiper-pagination-bullet-active {

  background-color: rgba(0, 245, 160, 1) !important;

}



.scroll-package {

  height: 200px;

  overflow-y: scroll;

}



/* Background Circles */

/* Graphic Design */

.graphicDesign {

  padding: 0px !important;

}



.bvgkl2a {

  background: url("../assets/bg-pink.png");

  background-repeat: no-repeat;

  background-size: 700px 700px;

  background-position: -300px 10%;

  overflow-x: hidden;

}



.bvgkl2b {

  background: url(../assets/bg-light.png);

    background-repeat: no-repeat;

    background-size: 600px 600px;

    background-position: 335px -98%;

    overflow-x: hidden;

}



/* Digital Marketing */

.digitalMarketing {

  padding: 0px !important;

  /* background: transparent !important; */

}



.bvgkl3 {

  background: url("../assets/bg-orange.png");

  background-repeat: no-repeat;

  background-size: 700px 700px;

  background-position: 1000px 10%;

  overflow-x: hidden;

}



/* Portfolio */

.portfolioCircle {

  padding: 0px !important;

}



.bvgklcz4 {

  background: url("../assets/bg-pink.png");

  background-repeat: no-repeat;

  background-size: 900px 900px;

  background-position-x: 300px;

  background-position-y: 305px;

  overflow-x: hidden;

  /* width: 100vw; */

}



/* Team section */

.TeamSectionCircle {

  padding: 0 !important;

}



.bvgkl5 {

  background: url("../assets/bg-orange.png");

  background-repeat: no-repeat;

  background-size: 700px 700px;

  background-position: 900px 120%;

  overflow-x: hidden;

}



/* Contact */

.ContactSectionCircle {

  padding: 0 !important;

}



.bvgklxx6 {

  background: url("../assets/bg-pink.png");

  background-repeat: no-repeat;

  background-size: 800px 800px;

  background-position-x: -255px;

  background-position-y: -400px;

  overflow-x: hidden;

}



/* Footer Image */

.FooterBackground {

  padding: 0 !important;

}



.bvgklxx7 {

  background: url("../assets/bg-orange.png");

  background-repeat: no-repeat;

  background-size: 800px 800px;

  background-position-x: -295px;

  overflow-x: hidden;

}



.bvgkl3Girl {

  background: url("../assets/Layer_1.png");

  background-repeat: no-repeat;

  background-size: 400px 400px;

  background-position-x: 100%;

  background-position-y: 330px;



}







/* ///////////////////////////////////// */



/* ///////////////////////////////////////////// */

/* ////////// Responsiveness/////////// */

/* ///////////////////////////////////////////// */



/* Responsiveness */



@media screen and (max-width: 1200px) {

  .myrfsxxfd {

    padding: 0 200px;

  }

  

}



@media screen and (max-width: 998px) {

  .bvgkl3Girl {

    background: url("../assets/Layer_1.png");

    background-repeat: no-repeat;

    background-size: 400px 400px;

    background-position-x: 100%;

    background-position-y: 520px;

  

  }

  

  #myVideo{

    margin-top: 0px;

  }

  .ui-ux-images figure img {

    width: 80%;

    /* height: 500px; */

  }

  

  #menu ul a {

    line-height: 10px !important;

  }

  .contact-header-heading{

    font-size: 70px !important;

  }

  

.set_Universal_Headings h2,

.set_Universal_Headings h1

{

  font-size: 50px !important; 

}

  .setImgAfterHero{

    margin-top: 50px !important;

   

   }

  .Through-btn{

    padding-left: 0%;

    padding-right: 0%;

  }

  .about-sec h3,

  .service-sec h3 {

    font-size: 20px !important;

  }



  .about-sec h2,

  .service-sec h2 {

    font-size: 64px !important;

  }



  .about-sec h1,

  .service-sec h1 {

    font-size: 64px !important;

  }



  .gal {

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

  }



  .our-team {

    margin-top: 20px;

  }



  .myrfsxxfd {

    padding: 0 100px;

  }

  

  .gal img {

    width: 90% !important;

  }

  .Hero_Section-Img img{

    display: none !important;

  }

 

  .Hero_Section {

    height: 60vh !important;

     margin-top: 100px;

 

  }

  .Hero_Section_s2 {

    height: 60vh !important;

     margin-top: 100px;

  }

  .Hero_Section_s2mob{

    height: 60vh !important;

     margin-top: 100px;

     /* box-shadow: none; */

  }

  .Hero_Section_s2nft{

    height: 60vh !important;

     margin-top: 100px;

     /* box-shadow: none; */

  }

  .Hero_Section_s2blockchain{

    height: 60vh !important;

     margin-top: 100px;

     /* box-shadow: none; */

  }

  .Hero_Section_s3 {

    height: 60vh !important;

     margin-top: 100px;

  }

  

  .Hero_Section_p10 {

    height: 80vh !important;

     margin-top: 100px;

  }

  .Hero_Section_portfolio{

    height: 60vh !important;

     margin-top: 100px;

  }

  .Hero_Section_s9{

    height: 60vh !important;

     margin-top: 100px;

  }

  .video_Hero_Section {

    height: 60vh !important;

     margin-top: 100px;

  }

  .Hero_Section_s111 {

    height: 60vh !important;

    margin-top: 100px;

   

  }

  

  .hero-content {

    height: 60vh !important;

  }

  .get_free_quote img{

     width: 70%;

  }

  .main-nav ul li a {

    font-size: 30px !important;

  }

  .main-nav .navBorder{

    border-right: none;

  }



  .custom-modal_mag {

    width: auto;

    top: 10%;

  }

}



@media screen and (max-width: 768px) {

  html {

    font-size: 82.5%;

  }



  

  .ui-ux-images figure img {

    width: 80%;



    /* height: 500px; */

  }

  .Hero_Section_p10 {

    background-image: linear-gradient(rgba(0, 0, 0, 1.9), rgba(0, 0, 0, 0.9)), url('../assets/package_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* height: 97vh; */

    /* width: 100vw; */

    box-shadow: none;

    color: var(--primary-white);

  }



  .website-logo{

    width: 100px !important;

  }

  #menu ul a {

    line-height: 5px !important;

  }

  .website-logo-footer{

    width: 150px;

  }

  .contact-header-heading{

    font-size: 60px !important;

    margin-top:35% !important;

  }

  .set_Universal_Headings h2,

  .set_Universal_Headings h1

  {

    font-size: 40px !important; 

  }

  .about-sec h3,

  .service-sec h3 {

    font-size: 20px;

  }



  .about-sec h2,

  .service-sec h2 {

    font-size: 44px;

  }



  .about-sec h1,

  .service-sec h1 {

    font-size: 44px;

  }



  .gal {

    -webkit-column-count: 2;

    /* Chrome, Safari, Opera */

    -moz-column-count: 2;



    column-count: 2;

  }



  .slide-content {

    margin: 0 10px;

  }



  /* .swiper-navBtn {

        display: ;

    } */

  .myrfsxxfd {

    padding: 0 50px;

  }

  /* .img-responsive{

    width: 80% !important;

  } */

  .gal img {

    width: 90% !important;

  }

  .lets-beggin{

    font-size: 30px !important;

  }

  .lets-begginlogo{

    font-size: 35px !important;

  }

  .Logo-Image-Gallery img{



    height: 200px !important;

  }

  .main-nav ul li a {

    font-size: 20px !important;

  }

  .marquee h1 {

 

    font-size: 30px;

   

  }

  .about-sec-2 .laptop p {

    font-size: 14px;



  }



  .custom-modal_mag {

    width: auto;

    top: 10%;

  }

  

}



@media screen and (max-width: 576px) {

  html {

    font-size: 72.5%;

  }

  .bvgkl3Girl {

    background: url("../assets/Layer_1.png");

    background-repeat: no-repeat;

    background-size: 400px 400px;

    background-position-x: 100%;

    background-position-y: 820px;

  

  }

  .website-logo{

    width: 95px;

  }



 

  .contact-header-heading{

    font-size: 40px !important;

  }

  .set_Universal_Headings h2,

  .set_Universal_Headings h1

  {

    font-size: 30px !important; 

  }

  .about-sec h3,

  .service-sec h3 {

    font-size: 20px;

  }



  .about-sec h2,

  .service-sec h2 {

    font-size: 38px;

  }



  .about-sec h1,

  .service-sec h1 {

    font-size: 38px;

  }

   .title{

    font-size: 14px !important;

   }

   .post{

    font-size:  12px !important;

   }

   .our-team .social li a {

     width: 20px !important;

     height: 20px !important;

     font-size: 10px !important;  

     line-height: 20px;

   }



  .myrfsxxfd {

    padding: 0 20px;

  }

  .gal img {

    width: 90% !important; 

  }

  .lets-beggin{

    font-size: 30px !important;

  }

  

  .lets-begginlogo{

    font-size: 30px !important;

  }

  .get_free_quote img{

    width: 50%;

 }

 .Hero_Section {

  margin-top: 70px;

  height: 50vh !important;



}

.Hero_Section_s2 {

  margin-top: 70px;

}

.Hero_Section_s2mob{

  margin-top: 70px;

  /* box-shadow: none; */

}

.Hero_Section_s2nft{

  margin-top: 70px;

  /* box-shadow: none; */

}

.Hero_Section_s2blockchain{

  margin-top: 70px;

  /* box-shadow: none; */

}

.Hero_Section_s3 {

  margin-top: 70px;

}



.Hero_Section_p10 {

  margin-top: 70px;

}

.Hero_Section_portfolio{

  margin-top: 70px;

}

.Hero_Section_s9{

  margin-top: 70px;

}

.video_Hero_Section {

  margin-top: 70px;

}

.Hero_Section_s111 {



  margin-top: 70px;

 

}

.Logo-Image-Gallery img{



  height: 160px !important;

}

.main-nav ul li a {

  font-size: 16px !important;

}

.marquee h1 {

  font-size: 20px;



}

.setImgAfterHero{

  margin-top: 30px !important;

 

 }



 .custom-modal_mag {

  width: auto;

  top: 10%;

}

}



/* TAB bULLETS CSS START */

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  left: 50%;

  transform: translateX(-20%) !important;

  white-space: nowrap;

  width: 108px !important;

}



/* TAB bULLETS CSS START */



/* ////////////////////////////////// */

/* Footer  */

/* ////////////////////////////////// */



.footer-content {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.footer-content p {

  width: 50%;

  margin: 40px auto;

}



.footer-nav span>a {

  color: #fff;

  text-decoration: none;

}



/* Footer CSS Start*/

/* 

.footer-bg-girl {

    background-image: url('../assets/Layer_1.png');

    background-repeat: no-repeat;

    background-position-x: 1350px;

    background-position-y: 40px;

}



.footer-height {

    padding-top: 8%;

}



.footer-bg-patch {

    background-image: url('../assets/bg-orange.png');

    background-repeat: no-repeat;

    background-size: 900px 900px;

    background-position-x: -200px;

    background-position-y: 140px;

} */



/* Footer CSS End*/



/* Fixing Slider Start */



@media (max-width: 370px) {

  .Logo-Image-Gallery img{



    height: 120px !important;

  }





}



@media (max-width: 500px) {



  .slidesFix {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .myrfsxxfd {

    color: #d8d8d8;

    text-align: center;

    padding: 0px;

  }

}



@media only screen and (min-width: 600px) and (min-width: 700px) {

  .slidesFix {

    width: 200px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  

  .tabPanel {

    width: 85% !important;

    margin-left: -120px;

  }



  /* .swiper {

        margin-left: -105px;

    } */

}



@media only screen and (min-width: 768px) {

  .slidesFix {

    width: 200px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  .website-logo{

    width: 140px !important;

  }

  .tabPanel {

    width: 85% !important;

    margin-left: -30px;

  }



  /* .swiper {

        margin-left: -105px;

    } */

    

    /*.payImgs {*/

    /*    width: 30%;*/

    /*    height: auto;*/

    /*}*/

}



/* Fixing Slider End */



/* //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// */



@media (max-width: 991.98px) {

  .padding {

    padding: 1.5rem;

  }

}



@media (max-width: 767.98px) {

  .padding {

    padding: 1rem;

  }

}



.padding {

  padding: 5rem;

}



.card {

  margin-top: 10px;

  position: relative;

  display: flex;

  width: 350px;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: rgba(255, 255, 255, 0.1) !important;

  backdrop-filter: blur(5px) !important;

  border-radius: 20px !important;

  transform: scale(1.001) ;

  



}

.card:hover{

  background: linear-gradient(90deg, #0172AF 0%, rgba(32,201,151,0.7) 55%, #74FEBD 100%);

}

.card .card-body {

  padding: 1rem 1rem;

}



.card-body {

  flex: 1 1 auto;

  padding: 1.25rem;

  width:17rem;

  height: 514px;

  display: flex;

  justify-content: space-between;

  flex-direction: column;



}



.profile-pic {

  width: 58px;

}



.cust-name {

  font-size: 18px;

}



.cust-profession {

  font-size: 10px;

}



.items {

  width: 90%;

  margin: 0px auto;

  margin-top: 100px;

}



.slick-slide {

  margin: 10px;

}



/* //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// */



/* ADDITIONAL CSS FOR SLIDER FIX START*/



@media only screen and (min-width: 500px) and (max-width: 600px) {

  .slidesFix {

    width: 235px !important;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .tabPanel {

    width: 90% !important;

    margin-left: 0px !important;

  }

}



/* ADDITIONAL CSS FOR SLIDER FIX END*/



@media only screen and (min-width: 600px) {

  .slidesFix {

    width: 200px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .tabPanel {

    width: 85% !important;

    margin-left: 0px !important;

  }



  /* .swiper {

        margin-left: -105px;

    } */

}



/* Fixing Slider End */



/* Navigation Start */

#header {

  padding: 2rem;

}





#menu {

  

  height: 100vh !important;

  left: 0;

  opacity: 0;

  overflow: hidden;

  position: fixed;

  text-align: center;

  top: 0;

  transition: all 0.7s ease-in-out;

  visibility: hidden;

  width: 100%;

  z-index: 1100 !important;

  background-color: #000000;



}



#menu.open {

  opacity: 1;

  visibility: visible;

}



#menu.open li:nth-child(1) {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}



#menu.open li:nth-child(2) {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



#menu.open li:nth-child(3) {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}



#menu.open li:nth-child(4) {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}



#menu.open li:nth-child(5) {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

}



#menu.open li:nth-child(6) {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

}



#menu.open li:nth-child(7) {

  -webkit-animation-delay: 0.7s;

  animation-delay: 0.7s;

}



#menu.open li:nth-child(8) {

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

}



#menu.open li:nth-child(9) {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

}



#menu.open li:nth-child(10) {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}



#menu.open li {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



#menu ul:hover a {

  opacity: 0.5;

}



#menu ul a {

  -webkit-transform: translateZ(0);

  transition: opacity 0.3s ease-in-out;

  /* background-color: #00d9f5; */

  line-height: 20px;

}



#menu ul a:hover {

  opacity: 1;

}



#menu .main-nav {

 

  width: 100vw;

 

  position: fixed;

  z-index: 1000 !important;

  top: 50%;

  left: 50%;

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.main-nav .navBorder{

  border-right: 2px solid var(--primary-white);

}

#menu .main-nav ul {



  list-style: none;

  margin: 0;

  padding: 0;

  flex-direction: column;

  justify-content: center;



}



#menu .main-nav a {

  color: #ffffff;

  display: block;

  font-size: 1.5rem;

  font-weight: bold;

  padding: 1rem 1rem;

  text-decoration: none;

  text-transform: uppercase;

  transition: 0.3s all ease;

}



#menu .main-nav a:hover {

   color: #20c997;

   transform: scale(1.2);

} 



#menu .main-nav a:first {

  padding-top: 0;

}



#menu .menu-footer {

  padding: 2rem;

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

}



#menu .menu-footer ul {

  display: inline-block;

  list-style: none;

  margin: 0;

  padding: 0;

}



#menu .menu-footer ul li {

  display: inline;

  margin: 0 1rem;

}



#menu .menu-footer a {

  color: #ffffff;

  text-decoration: none;

  text-transform: uppercase;

}



.toggle-menu {

  background-color: transparent;

  border: none;

  cursor: pointer;

  display: inline-block;

  float: right;

  height: 50px;

  outline: none;

  padding: 0;

  pointer-events: initial;

  position: relative;

  vertical-align: middle;

  width: 50px;

  z-index: 1110;

}



.toggle-menu span {

  background-color: #fff;

  content: "";

  display: block;

  height: 2px;

  left: calc(50% - 13px);

  position: absolute;

  top: calc(50% - 1px);

  transform-origin: 50% 50%;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,

    transform 0.2s linear;

  width: 26px;

}



.toggle-menu span:before,

.toggle-menu span:after {

  background-color: #fff;

  content: "";

  display: block;

  height: 2px;

  position: absolute;

  transform-origin: 50% 50%;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,

    transform 0.2s linear;

  width: 26px;

}



.toggle-menu span:before {

  top: 7px;

}



.toggle-menu span:after {

  top: -7px;

}



.toggle-menu.active span {

  background-color: transparent;

  transition: background 0.2s ease-out;

}



.toggle-menu.active span:before,

.toggle-menu.active span:after {

  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;

}



.toggle-menu.active span:before {

  top: 0;

  transform: rotate3d(0, 0, 1, -45deg);

}



.toggle-menu.active span:after {

  top: 0;

  transform: rotate3d(0, 0, 1, 45deg);

}



/* Navigation End */



/* Section Paddings  */



.section-paddings {

  padding-top: 5%;

}



/* ///////////////////////////// */

/* ///////// Logo Page CSS //////// */

/* ///////////////////////////// */



/* ///////////////////////////////////////////// */

/* Navbar */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section {

  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),

    url("../assets/Base.png");

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content {

  height: 90vh;

}



.hero-content>h1 {

  line-height: 60px;

  /* margin-top:65%; */

}



.hero-content>p {

  font-size: 18px;

}



.heading-effect {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img img {

  width: 70%;

} */



/* ////////////////////////////////// */

/* ////////////////////////////////// */

/* ///////// Wasif Logo page///////// */

/* ////////////////////////////////// */

/* ////////////////////////////////// */

.SectionOne {

  color: var(--primary-white);

}



.newsletterlll {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("../assets/aboutAssets/Mask.png") !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;



}





@media only screen and (max-width: 500px) {

  .slidesFix {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img img {

    width: 60% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {

  .responsive-imglll {

    width: 50% !important;

  }

  .hero-content>h1 {

    margin-top:65%;

  }



  .center-mobile-alignlll {

    text-align: center;

  }



  .Hero_Section-Img img {

    width: 60% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll {

    width: 50% !important;

  }



  .newsletterlll {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Mask.png") !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .newsletterlll h1 {

    /* Sizing */

    line-height: 55px;

  }



  .Hero_Section-Img img {

    width: 60% !important;

    margin-top: -60% !important;

  }

}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {

  .responsive-imglll {

    width: 70% !important;

  }



  .Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }

}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  About Page   //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



/* Banner Hero Start */

.contact-about-header{

   padding: 0px !important;

}

.hero-aaa {

  /* Sizing */

  width: 100vw;

  height: 100vh;

  margin-top: -120px;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  justify-content: center;

  align-items: center;



  box-shadow: 58px 58px 78px 78px black inset;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("https://www.logochemist.com/404.php") !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  /* border-bottom-left-radius: 50% 15%;

  border-bottom-right-radius: 50% 15%; */

}

.hero-aaaz {

  /* Sizing */

  width: 100%;

  height: 100vh;

  margin-top: -120px;

  /* margin-left: -30px; */

  /* Flexbox stuff */

  display: flex;

  justify-content: center;

  align-items: center;



  box-shadow: 58px 58px black inset;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("./assets/aboutAssets/Base-4.png") !important; */

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  /* border-bottom-left-radius: 50% 15%;

  border-bottom-right-radius: 50% 15%; */

}





/* Banner Hero End */



/* About Section First Start  */

.about-sec-1 {

  padding-top: 5%;

}



/* About Section First Start  */



.gal img {

  width: 100%;

  padding: 7px 0;

}



@media (max-width: 500px) {

 



  .team-txt {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    text-align: center !important;

  }



  .team-line {

    display: none;

  }



  .tabPanel {

    width: 80% !important;

  }



  .slidesFix {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

}



.newsletter-aaa {

  /* Sizing */

  width: 100vw;

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("../assets/aboutAssets/Mask.png") !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 600px) {

  .newsletter-aaa {

    /* Sizing */

    width: 100vw;

    height: 60vh;

    margin-left: -10px;

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Mask.png") !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .newsletter-aaa h1 {

    /* Sizing */

    line-height: 35px;

  }



  /* Banner Hero Start */

  .hero-aaa {

    /* Sizing */

    width: 100vw;

    height: 60vh;



    margin-left: -10px;

    /* Flexbox stuff */

    display: flex !important; 

    justify-content: center !important;

    align-items: center !important;



    /* Text styles */

    text-align: center;

    color: white;

    /* box-shadow: 18px 18px 158px 158px black inset; */



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/aboutbanner3.jpg") !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    /* border-bottom-left-radius: 50% 6%;

    border-bottom-right-radius: 50% 6%; */

  }

  .hero-aaaz {

    /* Sizing */

    width: 100vw;

    height: 60vh;



    margin-left: -10px;

    /* Flexbox stuff */

    display: flex;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;

    /* box-shadow: 18px 18px 158px 158px black inset; */



    /* Background styles */

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Base-4.png") !important; */

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    /* border-bottom-left-radius: 50% 6%;

    border-bottom-right-radius: 50% 6%; */

  }



  /* Banner Hero End */

}



/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {

  .hero-aaa {

    /* Sizing */

    width: 100vw;

    height: 110vh;

    /* margin-top: -15%; */

    /* Flexbox stuff */

    display: flex;

    justify-content: center;

    align-items: center;

    /* box-shadow: 18px 18px 158px 158px black inset; */

    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/aboutbanner3.jpg") !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    /* border-bottom-left-radius: 50% 6%;

    border-bottom-right-radius: 50% 6%; */

  }

  .hero-aaaz {

    /* Sizing */

    width: 100vw;

    height: 110vh;

    /* margin-top: -15%; */

    /* Flexbox stuff */

    display: flex;

    justify-content: center;

    align-items: center;

    /* box-shadow: 18px 18px 158px 158px black inset; */

    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Base-4.png") !important; */

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    /* border-bottom-left-radius: 50% 6%;

    border-bottom-right-radius: 50% 6%; */

  }

}



/* /////////////////////////////////////// */

/* /////////////////////////////////////// */

/* /////////////////////////////////////// */

/* ////////// Contact page /////////// */

/* /////////////////////////////////////// */

/* /////////////////////////////////////// */



/* Banner Hero Start */

.hero-ccc {



  /* Sizing */



  width: 100vw;

  height: 80vh;

  margin-top: -120px;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("../assets/aboutAssets/Base-4.png");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-bottom-left-radius: 50% 15%;

  border-bottom-right-radius: 50% 15%;

}



/* Banner Hero End */



/* About Section First Start  */

.about-sec-1-ccc {

  padding-top: 5%;

}



/* About Section First Start  */



.gal img {

  width: 100%;

  padding: 7px 0;

}



@media (max-width: 500px) {

  



  .team-txt {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    text-align: center !important;

  }



  .team-line {

    display: none;

  }



  .tabPanel {

    width: 80% !important;

  }



  .slidesFix {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

}



.newsletter-ccc {

  /* Sizing */

  width: 100vw;

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("../assets/aboutAssets/Mask.png");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 600px) {

  .newsletter-ccc {

    /* Sizing */

    width: 100vw;

    height: 60vh;

    margin-left: -10px;

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Mask.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .newsletter-ccc h1 {

    /* Sizing */

    line-height: 35px;

  }



  /* Banner Hero Start */

  .hero-ccc {

    /* Sizing */

    width: 100vw;

    height: 60vh;

    /* margin-top: -15%; */

    margin-left: -10px;

    /* Flexbox stuff */

    display: flex;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Base-4.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-bottom-left-radius: 50% 6%;

    border-bottom-right-radius: 50% 6%;

  }



  /* Banner Hero End */

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {}



/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {

  .hero-ccc {

    /* Sizing */

    width: 100vw;

    height: 80vh;

    /* margin-top: -15%; */

    margin-left: -14px;

    /* Flexbox stuff */

    display: flex;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Base-4.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-bottom-left-radius: 50% 6%;

    border-bottom-right-radius: 50% 6%;

  }



  .newsletter-ccc {

    /* Sizing */

    width: 100vw;

    height: 60vh;

    margin-left: -13px;

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/Mask.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }

}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {}



body {

  overflow-x: hidden;

}



/* Contact Form Styling */

.container-ccc {

  padding: 0 50px 50px;

}



.textcenter-ccc {

  text-align: center;

}



.section1-ccc {

  text-align: center;

  display: table;

  width: 100%;

}



.section1-ccc .shtext-ccc {

  display: block;

  margin-top: 20px;

}



.section1-ccc .seperator-ccc {

  border-bottom: 1px solid #a2a2a2;

  width: 35px;

  display: inline-block;

  margin: 20px;

}



.section1-ccc h1 {

  font-size: 40px;

  color: rgb(0, 232, 199);

  font-weight: normal;

}



.section2-ccc {

  width: 1200px;

  margin: 25px auto;

}



.section2-ccc .col2-ccc {

  width: 48.71%;

}



.section2-ccc .col2-ccc.first-ccc {

  float: left;

}



.section2-ccc .col2-ccc.last-ccc {

  float: right;

}



.section2-ccc .col2-ccc.column2-ccc {

  padding: 0 30px;

}



.section2-ccc span.collig-ccc {

  color: #a2a2a2;

  margin-right: 10px;

  display: inline-block;

}



.section2-ccc .sec2addr-ccc {

  display: block;

  line-height: 26px;

}



.section2-ccc .sec2addr-ccc p:first-child {

  margin-bottom: 10px;

}



.section2-ccc .sec2contactform-ccc input[type="text"],

.section2-ccc .sec2contactform-ccc input[type="email"],

.section2-ccc .sec2contactform-ccc input[type="number"],

.section2-ccc .sec2contactform-ccc textarea {

  padding: 18px;

  border: 0;

  background: #ededed;

  margin: 7px 0;

}



.section2-ccc .sec2contactform-ccc textarea {

  width: 100%;

  display: block;

  color: #666;

  resize: none;

}



.section2-ccc .sec2contactform-ccc input[type="submit"] {

  padding: 15px 40px;

  color: black;

  border: 0;

  background: rgb(0, 232, 199);

  font-size: 16px;

  text-transform: uppercase;

  margin: 7px 0;

  cursor: pointer;

}



.section2-ccc .sec2contactform-ccc h3 {

  font-weight: normal;

  margin: 20px 0;

  margin-top: 30px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 19px;

  color: rgb(0, 232, 199);

}



/* @media querries */



@media only screen and (max-width: 1266px) {

  .section2-ccc {

    width: 100%;

  }

}



@media only screen and (max-width: 960px) {

  .container-ccc {

    padding: 0 30px 70px;

  }



  .section2-ccc .col2-ccc {

    width: 100%;

    display: block;

  }



  .section2-ccc .col2.first-ccc {

    margin-bottom: 10px;

  }



  .section2-ccc .col2-ccc.column2-ccc {

    padding: 0;

  }



  body .sec2map-ccc {

    height: 250px !important;

  }

}



@media only screen and (max-width: 768px) {

  .hero-aaa{

   background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/aboutAssets/aboutbanner3.jpg") !important;

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("../assets/aboutAssets/Base-4.png") !important; */

  background-size: cover !important;

  /* box-shadow: 18px 18px 158px 158px black inset; */

  background-position: center center !important;

  background-repeat: no-repeat !important;

  /* border-bottom-left-radius: 50% 6%;

  border-bottom-right-radius: 50% 6%; */



 

  }

  .hero-aaaz{

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), */

    /* url("../assets/aboutAssets/Base-4.png") !important; */

  background-size: cover;

  /* box-shadow: 18px 18px 158px 158px black inset; */

  background-position: center center;

  background-repeat: no-repeat;

  /* border-bottom-left-radius: 50% 6%;

  border-bottom-right-radius: 50% 6%; */

  }

  .section2-ccc .sec2addr-ccc {

    font-size: 14px;

  }



  .section2-ccc .sec2contactform-ccc h3 {

    font-size: 16px;

  }



  .section2-ccc .sec2contactform-ccc input[type="text"],

  .section2-ccc .sec2contactform-ccc input[type="email"],

  .section2-ccc .sec2contactform-ccc textarea {

    padding: 10px;

    margin: 3px 0;

  }



  .section2-ccc .sec2contactform-ccc input[type="submit"] {

    padding: 10px 30px;

    font-size: 14px;

  }

}



@media only screen and (max-width: 420px) {

  .section1-ccc h1 {

    font-size: 28px;

  }

}



/* ///////////////////////////////// */

/* ///////////////////////////////// */

/* ///////// Web pages////////////// */

/* ///////////////////////////////// */

/* ///////////////////////////////// */



.video_Hero_Section {

  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),

    url("../assets/web-base.png");

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.Hero_Section_s111 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),

    url("../assets/web-base.png");

  background-size: cover;

  background-repeat: no-repeat;

  /* height: 90vh; */

  /* width: 100vw; */

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.video_Hero_Section-Img {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .video_Hero_Section-Img img {

    width: 100%;



} */



.newsletterlll_web {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("../assets/bg-double.png") !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}





/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {



  .newsletterlll_web {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("../assets/bg-double.png") !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .newsletterlll_web h1 {

    /* Sizing */

    line-height: 55px;

  }



  .video_Hero_Section-Img img {

    width: 100%;

    margin-top: -60%;

  }

}





/* ////////////////////////////////////// */

/* ////////////////////////////////////// */

/* //////////// Animation Page ///////// */

/* ////////////////////////////////////// */

/* ////////////////////////////////////// */







.newsletterlll_animation {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

    url("") !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;



  height: 750px !important;

  /* /////////////// */

  position: relative;



}



#myVideoAnimation {

  position: absolute;

  top: -100px;

  height: 700px;

  /* z-index:1000; */

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {



  .newsletterlll_animation {

    /* set animation */

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

      url("") !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .AnimationVideo {

    position: absolute;

    top: 0;

  }



  .newsletterlll_animation h1 {

    /* Sizing */

    line-height: 55px;

  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}











/* ///////////////////////////// */

/* ///////// app Page CSS start //////// */

/* ///////////////////////////// */



/* ///////////////////////////////////////////// */

/* Navbar */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s2 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}

.Hero_Section_s2mob {

  /* background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../assets/mobileapp/DynamicMobileAppsBG.png'); */

  background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/mobileapp/DynamicMobileAppsBG.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 8px 8px 150px 150px black inset;

  color: var(--primary-white);

}

.Hero_Section_s2nft {

  /* background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../assets/mobileapp/DynamicMobileAppsBG.png'); */

  background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), 

  url('../assets/nfts/nftbannerbg.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 8px 8px 150px 150px black inset;

  color: var(--primary-white);

}

.Hero_Section_s2blockchain {

  /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../assets/blockchain/blockchainbannerBG.png");

  background-size: cover;

  background-repeat: no-repeat;

  box-shadow: 8px 8px 150px 20px black inset !important;

  color: var(--primary-white);

  height: 60vh !important;

  margin-top: 0% !important;

}



.hero-content_s2 {

  height: 90vh;

}



.hero-content_s2>h1 {

  line-height: 60px;

}



.hero-content_s2>p {

  font-size: 18px;

}



.heading-effect_s2 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s2 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s2 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s2 {

  color: var(--primary-white);

}





.newsletterlll_s2 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s2 {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s2 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}

  .responsive-imglll_s2 {

    border-radius:20px;

    /* height:70%; */

  }



@media only screen and (max-width: 600px) {



  .responsive-imglll_s2 {

    width: 100% !important;

  }



  .center-mobile-alignlll_s2 {

    text-align: center;

  }



  .Hero_Section-Img_s2 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s2 {

    width: 70% !important;

  }



  .newsletterlll_s2 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s2 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s2 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s2 {

    width: 90% !important;

  }



  .Hero_Section-Img_s2 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* ////////////////////////////////// */

/* ////////////////////////////////// */

/* ///////// Wasif app page end ///// */

/* ////////////////////////////////// */

/* ////////////////////////////////// */







/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Brand Collateral Page Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s3 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s3 {

  height: 90vh;

}



.hero-content_s3>h1 {

  line-height: 60px;

}



.hero-content_s3>p {

  font-size: 18px;

}



.heading-effect_s3 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s3 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s3 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s3 {

  color: var(--primary-white);

}





.newsletterlll_s3 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s3 {

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s3 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

  .video_Hero_Section {

    height: 40vh !important;

     margin-top: 50px;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s3 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s3 {

    text-align: center;

  }



  .Hero_Section-Img_s3 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s3 {

    width: 50% !important;

  }



  .newsletterlll_s3 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s3 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s3 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s3 {

    width: 70% !important;

  }



  .Hero_Section-Img_s3 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Brand Collateral Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */









/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Content Generation Page Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s4 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s4 {

  height: 90vh;

}



.hero-content_s4>h1 {

  line-height: 60px;

}



.hero-content_s4>p {

  font-size: 18px;

}



.heading-effect_s4 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s4 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s4 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s4 {

  color: var(--primary-white);

}





.newsletterlll_s4 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s4{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s4 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s4 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s4 {

    text-align: center;

  }



  .Hero_Section-Img_s4 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s4 {

    width: 50% !important;

  }



  .newsletterlll_s4 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s4 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s4 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s4 {

    width: 70% !important;

  }



  .Hero_Section-Img_s4 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Content Generation Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */





/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Corporate Branding Page Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s5 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s5 {

  height: 90vh;

}



.hero-content_s5>h1 {

  line-height: 60px;

}



.hero-content_s5>p {

  font-size: 18px;

}



.heading-effect_s5 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s5 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s5 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s5 {

  color: var(--primary-white);

}





.newsletterlll_s5 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s5{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s5 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s5 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s5 {

    text-align: center;

  }



  .Hero_Section-Img_s5 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s5 {

    width: 50% !important;

  }



  .newsletterlll_s5 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s5 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s5 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s5 {

    width: 70% !important;

  }



  .Hero_Section-Img_s5 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Corporate Branding Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */







/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  E-Commerce Page Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s6 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s6 {

  height: 90vh;

}



.hero-content_s6>h1 {

  line-height: 60px;

}



.hero-content_s6>p {

  font-size: 18px;

}



.heading-effect_s6 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s6 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s6 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s6 {

  color: var(--primary-white);

}





.newsletterlll_s6 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s6{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s6 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s6 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s6 {

    text-align: center;

  }



  .Hero_Section-Img_s6 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s6 {

    width: 50% !important;

  }



  .newsletterlll_s6 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s6 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s6 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s6 {

    width: 70% !important;

  }



  .Hero_Section-Img_s6 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  E-Commerce Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */







/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Logo Chemist Packages Page End Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s7 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s7 {

  height: 90vh;

}



.hero-content_s7>h1 {

  line-height: 60px;

}



.hero-content_s7>p {

  font-size: 18px;

}



.heading-effect_s7 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s7 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s7 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s7 {

  color: var(--primary-white);

}





.newsletterlll_s7 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s7{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s7 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s7 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s7 {

    text-align: center;

  }



  .Hero_Section-Img_s7 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s7 {

    width: 50% !important;

  }



  .newsletterlll_s7 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s7 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s7 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s7 {

    width: 70% !important;

  }



  .Hero_Section-Img_s7 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Logo Chemist Packages Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */







/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Resume  Packages Page End Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s8 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/appAssets/Mask%20Group%2029.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s8 {

  height: 90vh;

}



.hero-content_s8>h1 {

  line-height: 60px;

}



.hero-content_s8>p {

  font-size: 18px;

}



.heading-effect_s8 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s8 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s8 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s8 {

  color: var(--primary-white);

}





.newsletterlll_s8 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s8{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s8 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s8 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s8 {

    text-align: center;

  }



  .Hero_Section-Img_s8 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s8 {

    width: 50% !important;

  }



  .newsletterlll_s8 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/appAssets/Mask.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s8 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s8 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s8 {

    width: 70% !important;

  }



  .Hero_Section-Img_s8 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Resume Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */







/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  SEO Page Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s9 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/seoherobg.png');

  background-size: cover;

  background-repeat: no-repeat;

  /* height: 90vh; */

  /* width: 100vw; */

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s9 {

  height: 90vh;

}



.hero-content_s9>h1 {

  line-height: 60px;

}



.hero-content_s9>p {

  font-size: 18px;

}



.heading-effect_s9 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s9 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s9 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s9 {

  color: var(--primary-white);

}





.newsletterlll_s9 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/seocover-bg.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s9{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s9 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_s9 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s9 {

    text-align: center;

  }



  .Hero_Section-Img_s9 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s9 {

    width: 50% !important;

  }



  .newsletterlll_s9 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/seocover-bg.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s9 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s9 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s9 {

    width: 70% !important;

  }



  .Hero_Section-Img_s9 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  SEO Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */





/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Social Media Page Start  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */



.navbar {

  background-color: var(--background-color) !important;

}



/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_s10 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),

   url('../assets/SocialMediaBannerBG.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  /* height: 90vh; */

  /* width: 100vw; */

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_s10 {

  height: 90vh;

}



.hero-content_s10>h1 {

  line-height: 60px;

}



.hero-content_s10>p {

  font-size: 18px;

}



.heading-effect_s10 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_s10 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_s10 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_s10 {

  color: var(--primary-white);

}





.newsletterlll_s10 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/socialbgcover.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



@media only screen and (max-width: 500px) {



  .slidesFix_s10{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_s10 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {

  .Hero_Section_s10 {

    height:60vh;

  }



  .responsive-imglll_s10 {

    width: 50% !important;

  }



  .center-mobile-alignlll_s10 {

    text-align: center;

  }



  .Hero_Section-Img_s10 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_s10 {

    width: 50% !important;

  }



  .newsletterlll_s10 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: url('../assets/socialbgcover.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_s10 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_s9 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_s10 {

    width: 70% !important;

  }



  .Hero_Section-Img_s10 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Social Media Page End  //////////// */

/* //////////////////////////////////////// */







/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Portfolio Page Start //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */





/* ///////////////////////////////////////////// */

/* Hero Section */



.Hero_Section_p10 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/package_heroBG.png');



  background-size: cover;

  background-repeat: no-repeat;

  height: 90vh;

  width: 100vw;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}

.Hero_Section_portfolio {

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../assets/portfolio_heroBG.png');

 

  background-size: cover;

  background-repeat: no-repeat;

  /* height: 90vh; */

  /* width: 100vw; */

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}



.hero-content_p10 {

  height: 90vh;

}



.hero-content_p10>h1 {

  line-height: 60px;

}



.hero-content_p10>p {

  font-size: 18px;

}



.heading-effect_p10 {

  color: var(--effect);

  font-weight: bolder;

}



.herosection-btn_p10 {

  height: 50px;

  width: 150px;

}



.Hero_Section-Img_p10 {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .Hero_Section-Img_s2 img{

  width: 120% !important;



} */





.SectionOne_p10 {

  color: var(--primary-white);

}





.newsletterlll_p10 {

  /* Sizing */

  /* width: 100vw; */

  height: 60vh;

  margin-left: -30px;

  /* Flexbox stuff */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  /* Text styles */

  text-align: center;

  color: white;



  /* Background styles */

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/socialbgcover.png') !important;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-top-left-radius: 50% 15%;

  border-top-right-radius: 50% 15%;

}



.work-bar{

  display: flex;

  justify-content: space-between;

  padding: 15px;

  border: 1px solid var(--description);

}

.work-category{

  display: flex;

}

.work-category>span{

  margin-left: 30px;

  font-size: 14px;

  color: var(--description);

  cursor: pointer;

}

.showAllWork{

  cursor: pointer;

}

@media only screen and (max-width: 500px) {



  .slidesFix_p10{

    width: 311px;

    margin-right: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .Hero_Section-Img_p10 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



@media only screen and (max-width: 600px) {



  .responsive-imglll_p10 {

    width: 50% !important;

  }



  .center-mobile-alignlll_p10 {

    text-align: center;

  }



  .Hero_Section-Img_p10 img {

    width: 60% !important;

    margin-top: -60% !important;



  }

  .video_Hero_Section-Img img {

    width: 70% !important;

    margin-top: -60% !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .responsive-imglll_p10 {

    width: 50% !important;

  }



  .newsletterlll_s10 {

    /* Sizing */

    width: 99.7vw;

    height: 60vh;

    /* margin-left: -10px; */

    /* Flexbox stuff */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    /* Text styles */

    text-align: center;

    color: white;



    /* Background styles */

    background-image: url('../assets/socialbgcover.png') !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-top-left-radius: 50% 6%;

    border-top-right-radius: 50% 6%;

  }



  .Hero_Section-Img_p10 img {

    width: 60% !important;

    margin-top: -60% !important;



  }



  .newsletterlll_p9 h1 {

    /* Sizing */

    line-height: 55px;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



  .responsive-imglll_p10 {

    width: 70% !important;

  }



  .Hero_Section-Img_p10 img {

    width: 100% !important;

    margin-top: 0% !important;



  }

  .video_Hero_Section-Img img {

    width: 100% !important;

    margin-top: 0% !important;

  }



}









/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Portfolio Page End  //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* For Iphone SE */



/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* //////////  Blog page css //////////// */

/* //////////////////////////////////////// */

/* //////////////////////////////////////// */

/* For Iphone SE */



/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

  .txt-margined {

      width: 350px;

      padding-top: 15px;

      margin-top: 0%;

      margin-left: 0%;

      text-align: left;

  }



  .txt-intercept {

      width: 350px;

      margin-top: 6%;

      margin-right: 10% !important;

      /* margin-left: -30%; */

      width: 250px !important;

  }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  .txt-margined {

      width: 350px;

      padding-top: 15px;

      margin-top: 0%;

      margin-left: 0%;

      text-align: left;

  }





  .column_first {

      flex: 0 0 100% !important;

  }



  .one-on-mob {

      flex: 0 0 100%;

  }



   .txt-intercept {

      width: 350px;

      margin-top: 6%;

      margin-right: 10% !important;

      /* margin-left: -30%; */

      width: 250px !important;

  }

}



/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {

  .txt-margined {

      width: 350px;

      margin-top: -15%;

      margin-left: -15%;

  }







  .txt-intercept {

      width: 350px;

      margin-top: 4%;

      margin-right: 10% !important;

      margin-left: -60%;

      width: 250px !important;

  }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {

  .txt-margined {

      width: 350px;

      margin-top: -15%;

      margin-left: -15%;

  }



  .txt-intercept {

      margin-top: -25%;

      margin-right: 0% !important;

      width: 250px !important;

  }



  .btn-svg {

      margin-top: -40%;

      margin-right: 0%;

  }

 

}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {

  .txt-margined {

      width: 350px;

      margin-top: -15%;

      margin-left: -15%;

  }



  .txt-intercept {

      margin-top: -25%;

      margin-right: 6% !important;

      width: 250px !important;

  }



  .btn-svg {

      margin-top: -40%;

      margin-right: 0%;

  }

  .below-hero-padding {

      margin-top: 5% !important;

  }

}





.btn-loginpage{

  margin: 0 auto;

  text-align: center;

  background: rgb(247, 244, 244);

  padding: 5px 10px;

  color: #000000;

  text-decoration: none;

  font-weight: bold;

  font-size: 18px;

  width: 110px;

  height: 40px;

  line-height: 30px;

   clip-path: polygon(0 0, 73% 0, 100% 20%, 100% 100%, 100% 100%, 20% 100%, 0% 80%, 0% 20%);

 

}

.btn-loginpage:hover{

  text-decoration: none;

  color: #000000;

}

.navbar-login-btn{

  background: linear-gradient(90deg, rgba(29,247,183,1) 0%, rgba(32,201,151,1) 55%, rgba(0,212,255,1) 100%);

 padding: 5px 10px;

 font-weight: bold;

 font-size: 18px;



  clip-path: polygon(0 0, 73% 0, 100% 20%, 100% 100%, 100% 100%, 20% 100%, 0% 80%, 0% 20%);

}



/* login page css */

/* login page css */

/* login page css */

/* login page css */

/* login page css */

/* login page css */

/* login page css */



.loginPage {

  height: 100vh;

  width: 100%;

  color: var(--primary-white);

}



.loginCol {

  background: linear-gradient(180deg,

          rgba(0, 243, 165, 1) 0%,

          rgba(0, 232, 199, 1) 51%,

          rgba(0, 220, 234, 1) 100%);

  padding: 5%;

  border-radius: 20px;

  width: 30rem;

  /* height: 650px; */

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.loginColLogin {

  background: linear-gradient(180deg,

          rgba(0, 243, 165, 1) 0%,

          rgba(0, 232, 199, 1) 51%,

          rgba(0, 220, 234, 1) 100%);

  padding: 5%;

  border-radius: 20px;

  width: 30rem;

  /* height: 650px; */

  display: flex;

  justify-content: center;

  flex-direction: column;

}



.btn-login {

  background: url('https://www.logochemist.com/404.php') !important;

  background-size: cover;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  outline: none !important;

  border: none !important;

}



.btn-login:focus {

  background: url('https://www.logochemist.com/404.php') !important;

  background-size: cover;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  outline: none !important;

  border: none !important;

}



.input-fields {

  height: 40px !important;

  border-radius: 12px !important;

  box-shadow: inset -2px 2px 23px -28px;

  z-index: 1;

}



.pass-field {

  height: 40px !important;

  border-radius: 12px 0px 0px 12px !important;

  box-shadow: inset -2px 2px 23px -28px;

  z-index: 1;

}







.pass-field-icon {

  height: 40px !important;

  background-color: white !important;

  border: none !important;

  border-radius: 0px 12px 12px 0px !important;

}



.custom-checkbox {

  background-color: white !important;

  color: rgba(0, 232, 199, 1) !important;

  border: solid white 2px !important;

}





/* ////////////////////// */

/* /// For Portfolio Gallery/// */

/* ////////////////////// */





.gallery-image-container {

  width: 100%;

  height: auto;

  max-width: 1440px;

  margin: 0 auto;

}



.gallery-image-container>img {

  height: 250px;

   width: 250px;

  overflow: hidden;

  border-radius: 20px;

  margin: 10px;

}

.work-category{

  border: 2px solid var(--primary-white);

  margin: 0 auto;

  display: flex;

  justify-content: space-evenly;

  height: 50px;

  margin-bottom: 40px;

}

.myck{

  display: inline-block;

  padding: 10px;

  border-radius: 4px;

  color: #fff;

  text-decoration: none;

  width: 100px;

  text-align: center;

  margin-bottom: 50px;

  text-decoration: none;

  

}

.myck:hover{

  color: #20c997;

  text-decoration: none;

}





.hide {

display: none;

}







/* ///////////////////////// */



.card-body span.heading{

  font-size: 25px !important;

  margin-bottom: 10px;

}



.card-body span{

  font-size: 16px !important;

}



.card-body del{

  font-size: 20px !important;

}

.card-title{

  margin-top: -27px !important;

  font-size: 25px !important;

  font-weight: bold;

  text-transform: uppercase;

}



.scroll-package::-webkit-scrollbar{

  width: 10px !important;

}

.scroll-package::-webkit-scrollbar-track{

  background: transparent !important;

}

.scroll-package::-webkit-scrollbar-thumb{

  background: #ffffff !important;

}

.swiper{

  /* overflow: visible !important; */

}





/* ////////////////////////// */





.loadingScreen {

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh;

}



.loader {

  position: relative;

  display: flex;

}



.loader span {

  position: relative;

  width: 250px;

  height: 250px;

  border-radius: 50%;

  overflow: hidden;

}



.loader span::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 50%;



}



.loader span::after {

  content: "";

  position: absolute;

  inset: 40px;

  background: #eaeef0;

  border: 3px solid #eaeef0;

  border-radius: 50%;



}



.loader span i {

  position: absolute;

  inset: 0;

  border-radius: 50%;

  background: linear-gradient(180deg,

  rgba(0, 243, 165, 1) 15%,

  rgba(0, 232, 199, 1) 58%,

  rgba(0, 220, 234, 1) 50%);;

  animation: animateLoader 1s linear infinite;

}



@keyframes animateLoader {

  0%

  {

      transform: rotate(0deg);

  }

  100%

  {

      transform: rotate(360deg);

  }

}



.rocket {

  position: absolute;

  inset: 50px;

  z-index: 10;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-content: center;

  overflow: hidden;

}



.rocket .fa-rocket {

  position: absolute;

  top: 35%;

  color: rgba(0, 232, 199, 1);

  font-size: 3.5em;

  -webkit-text-stroke: 2px #000;

  animation: animateRocket 0.2s linear infinite;

}



@keyframes animateRocket {

  0%,100%

  {

      transform: translate(0,0) rotate(-45deg);

  }

  50%

  {

      transform: translate(0,3px) rotate(-45deg);

  }

}



.rocket .fa-cloud {

  position: absolute;

  top: calc(45px * var(--i));

  left: calc(40px * var(--i));

  font-size: 2em;

  -webkit-text-stroke: 2px #000;

  animation: animateCloud 1.5s linear infinite;

  animation-delay: calc(-0.5s * var(--i));

}



@keyframes animateCloud {

  0%

  {

      transform: translateY(calc(-35 * 5px));

  }

  100%

  {

      transform: translateY(calc(35 * 5px));

  }

}





/* ///////// 404  */



.errorpage{

  margin:0;

  padding:0;

  font-family: 'Tomorrow', sans-serif;

  height:100vh;

  display:flex;

  justify-content:center;

  align-items:center;

  overflow:hidden;

}



.text{

  position:absolute;

  top:40%;

  color:#fff;

  text-align:center;

}

h1{

  font-size:50px;

}

.star{

  position:absolute;

  width:2px;

  height:2px;

  background:#fff;

  right:0;

  animation:starTwinkle 3s infinite linear;

}

.astronaut img{

  width:100px;

  position:absolute;

  top:55%;

  animation:astronautFly 6s infinite linear;

}

@keyframes astronautFly{

  0%{

    left:-100px;

  }

  25%{

    top:50%;

    transform:rotate(30deg);

  }

  50%{

    transform:rotate(45deg);

    top:55%;

  }

  75%{

    top:60%;

    transform:rotate(30deg);

  }

  100%{

    left:110%;

    transform:rotate(45deg);

  }

}

@keyframes starTwinkle{

  0%{

     background:rgba(255,255,255,0.4);

  }

  25%{

    background:rgba(255,255,255,0.8);

  }

  50%{

   background:rgba(255,255,255,1);

  }

  75%{

    background:rgba(255,255,255,0.8);

  }

  100%{

    background:rgba(255,255,255,0.4);

  }

}





/* ////////////// */

.social-icons{

  display: flex;

  justify-content: center;

}

.social-icons span{

  border: 1px solid var(--primary-white);

  padding: 10px 5px;

  line-height: 5px;

  margin: 0px 5px;

}

.footer-icons{

  text-decoration: none !important;

  text-align: center;

  transition: 0.3s;

}



.footer-content i{

  font-size: 20px !important;

}

.footer-icons i:hover{

  color: #20c997 !important;

}



/* @media only screen and (max-width: 600px) {

  .hide_on_Mobile { 

    display: none;

  }

}



@media only screen and (min-width: 600px)  and (max-width: 768px) {

  .hide_on_Mobile { 

    display: none;

  }

} */



/* //////////////////////////////////////////////////// */

/* Update blog content  */

/* //////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////// */



.blog_image_update {

  width: 400px;

  height: 200px;

}



.single_blog_img img {

  width: 100%;

}

/* ////////////////////////////////////////// */

/* ////////////////////////////////////////// */



@media only screen and (max-width: 600px) {

  .hide_on_Mobile {

    display: none;

  }

  .Hero_Section_s111 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),

      url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    width: 100vw;

    height: 40vh !important;

    box-shadow: 18px 18px 158px 158px black inset;

    color: var(--primary-white);

  }

  .hero-content {

    height: 35vh !important;

}

.Hero_Section_s111 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0)),

    url(../assets/web-base.png);

  background-size: cover;

  background-repeat: no-repeat;

  width: 100vw;

  height: 40vh !important;

  box-shadow: 18px 18px 158px 158px black inset;

  color: var(--primary-white);

}

}



@media only screen and (min-width: 600px) and (max-width: 768px) {

  .hide_on_Mobile {

    display: none;

  }



  .Hero_Section_s111 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),

      url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    width: 100vw;

    box-shadow: 18px 18px 158px 158px black inset;

    color: var(--primary-white);

  }

}





/* Modal Css For Order Now Buttons */



/* .btn {

  border-radius: 0;

  border: none;

  -webkit-transition: background-color ease-out 0.5s;

  -moz-transition: background-color ease-out 0.5s;

  -o-transition: background-color ease-out 0.5s;

  transition: background-color ease-out 0.5s;

}

.btn:hover {

  -webkit-transition: box-shadow ease-out 0.3s;

  -moz-transition: box-shadow ease-out 0.3s;

  -o-transition: box-shadow ease-out 0.3s;

  transition: box-shadow ease-out 0.3s;

  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}

.btn-grey {

  background: #797979;

  color: #fff;

}

.btn-grey:hover {

  background: #575757;

  color: #fff;

} */



.modal {

  /* background-color: rgba(0, 245, 159, 0.377) !important; */

  background-color: rgba(0, 0, 0, 0.7) !important;

}



.login_modal_btn {

  background-color: white !important;

  color: #00eeff !important;

}

.close {

  opacity: 1 !important;

  position: absolute;

  right: 10px;

  top: 15px;

  z-index: 1;

  color:white !important;

  padding: 1%;

}

.form-control {

  border-radius: 8px;

  box-shadow: none;

}

.form-control:focus {

  box-shadow: none;

  border-color: #00eeff;

}

#myModal .modal-dialog {

  /* max-width: 580px; */

}



#myModal .modal-content {

  border-radius: 0;

  border: none;

}

#myModal .modal-content form label {

  font-weight: normal;

  margin-bottom: 2px;

}

#myModal .modal-footer {

  text-align: left !;

}



.nav-tabs {

  margin-top: 20px !important;

  padding-bottom: 20px !important;

}



.nav-tabs > li {

  width: 50%;

  text-align: center;

  

}

.nav-tabs > li a {

  margin: 0;

  border-radius: 0;

  text-align: center;

  font-weight: 600;

}

/* Optional Styling */

.nav-tabs > li > a {

  padding: 8px;

  border-radius: 12px;

  color: white;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus {

  padding: 8px;

  border-radius: 12px;

  color: white;

}

.modal-content {

  background: radial-gradient(rgba(121, 121, 121, 0.774) 100%, rgba(117, 117, 117, 0.692)) !important; 

  border-radius: 18px;

  

}

/*.form-control {

  border: none;

}

*/

/* Form validation */

.parsley-error {

  border-color: #c00;

  color: #c00;

  background-color: #ffd9d9;

}

/* Forgot Password Section */

#forgot-password-collapse {

  border-top: 2px dashed #999;

  margin-top: 30px;

}

#forgot-password-collapse h5 {

  margin-top: 15px;

}

#forgot-password-collapse form {

  margin-top: 20px;

}

.existing-customer {

  display: none;

}













/* ///////////////////////////////////////////////////////// */

/* Opacirt Low In Mobile Start */

/* ///////////////////////////////////////////////////////// */

@media only screen and (max-width: 768px) {

  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }

  .about-sec-1 {

    margin-top: -10%;

}

  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s9 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/seoherobg.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/Base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 0px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s2mob {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/mobileapp/DynamicMobileAppsBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }

  .Hero_Section_s2nft {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),

     url('../assets/nfts/nftbannerbg.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }

  .Hero_Section_s2blockchain {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../assets/blockchain/blockchainbannerBG.png");

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .video_Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_portfolio {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/portfolio_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_p10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/package_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }

  .marquee_margin {

    margin-bottom: 100px !important;

    margin-top:50px !important;

  }

}



@media only screen and (max-width: 600px) {

  .Hero_Section_s111 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0)), url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 40px black inset !important;

    color: var(--primary-white);

    height: 70vh !important;

    margin-top: -20% !important;

  }

  .about-sec-1 {

    margin-top: -17%;

}

  .hero-aaaz {

    width: 100vw;

    height: 60vh;

    margin-left: -10px;

    margin-left: 0;

    display: flex;

    margin-bottom: -140px !important;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    /* box-shadow: 18px 18px 158px 158px black inset; */

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../assets/aboutAssets/Base-4.png) !important; */

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

  .hero-content>h1 {

    line-height: 40px;

    margin-top: 75% !important;

  }



  .Hero_Section_s9 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/seoherobg.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: -4% !important;

  }



  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: -15% !important;

  }



  .Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/Base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 0px black inset !important;

    color: var(--primary-white);

    height: 55vh !important;

    margin-top: -20% !important;

  }



  .Hero_Section_s2mob {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/mobileapp/DynamicMobileAppsBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 55vh !important;

    margin-top: -20% !important;

  }

  .Hero_Section_s2nft {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),

     url('../assets/nfts/nftbannerbg.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 55vh !important;

    margin-top: -20% !important;

  }

  .Hero_Section_s2blockchain {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../assets/blockchain/blockchainbannerBG.png");

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 70vh !important;

    margin-top: -20% !important;

  }



  .video_Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 55vh !important;

    margin-top: -20% !important;

  }



  .Hero_Section_portfolio {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/portfolio_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 70vh !important;

    margin-top: -20% !important;

  }



  .Hero_Section_p10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/package_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 75vh !important;

    margin-top: -20% !important;

  }

  .marquee_margin {

    margin-bottom:-100px !important;

    margin-top:50px !important;

  }

}



@media only screen and (max-width: 998px) {

  .Hero_Section_s9 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/seoherobg.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 60vh !important;

    margin-top: 0% !important;

  }

  .hero-aaaz {

    width: 100vw;

    height: 60vh;

    margin-left: -10px;

    margin-left: 0;

    display: flex;

    margin-bottom: -50px;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    /* box-shadow: 18px 18px 158px 158px black inset; */

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../assets/aboutAssets/Base-4.png) !important; */

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

  .Hero_Section_s111 {

    height: 55vh !important;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0)), url(../assets/web-base.png);

  }



  .Hero_Section {

    height: 73vh !important;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/Base.png);

  }

  .Hero_Section_s2mob {

    height: 55vh !important;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/mobileapp/DynamicMobileAppsBG.jpg);



  }

  .Hero_Section_s2nft {

    height: 55vh !important;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), 

    url('../assets/nfts/nftbannerbg.png');



  }

  .Hero_Section_s2blockchain {

    height: 55vh;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("https://www.logochemist.com/404.php");



  }

  .video_Hero_Section {

    height: 55vh !important;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/web-base.png);

  }

  .Hero_Section_portfolio {

    height: 55vh;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/portfolio_heroBG.png');

  }

  .Hero_Section_p10 {

    height: 55vh;

    margin-top: 0;

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/package_heroBG.png');

  }

  .marquee_margin {

    margin-bottom:-100px !important;

    margin-top:50px !important;

  }

}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 998px) {

  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s9 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/seoherobg.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/Base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 0px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s2mob {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/mobileapp/DynamicMobileAppsBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }

  .Hero_Section_s2nft {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),

     url('../assets/nfts/nftbannerbg.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }

  .Hero_Section_s2blockchain {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../assets/blockchain/blockchainbannerBG.png");

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }

  .video_Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_portfolio {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/portfolio_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_p10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/package_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 80vh !important;

    margin-top: 0% !important;

  }

  .marquee_margin {

    margin-bottom: 0px !important;

    margin-top:115px;

  }

}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {

  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s9 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/seoherobg.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/SocialMediaBannerBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/Base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 0px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_s2mob {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/mobileapp/DynamicMobileAppsBG.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }

  .Hero_Section_s2nft {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), 

    url('../assets/nfts/nftbannerbg.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }

  .Hero_Section_s2blockchain {

    /* background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../assets/mobileapp/DynamicMobileAppsBG.png); */

    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../assets/blockchain/blockchainbannerBG.png");

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 8px 8px 150px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }





  .video_Hero_Section {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/web-base.png);

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_portfolio {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/portfolio_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }



  .Hero_Section_p10 {

    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/package_heroBG.png');

    background-size: cover;

    background-repeat: no-repeat;

    box-shadow: 18px 18px 158px 20px black inset !important;

    color: var(--primary-white);

    height: 90vh !important;

    margin-top: 0% !important;

  }

  

.marquee_margin {

  margin-bottom: -100px !important;

  margin-top:115px;

}

}





@media only screen and (min-width: 1200px) {

  .marquee_margin {

    margin-bottom: -32px !important;

    margin-top: 115px;

}

}



/* ///////////////////////////////////////////////////////// */

/* Opacirt Low In Mobile End */

/* ////////////////////////////

///////////////////////////// */



/* Footer Links Add */



.footer_list ul li{

  list-style: none;

}

.footer_list ul:first-child{

  color: #00d9f5;

  font-size: 18px;

}

.footer_list ul li a{

  text-decoration: none;

  color: var(--primary-white);

  font-size: 15px;

}

.footer_list ul li a:hover{

  color: #00d9f5;

}

.footer_list ul li  a .footer-iconz{

  font-size: 14px !important;

}

.Img_Zoom_Effect{

  transition: all 0.5s ease;

}

.Img_Zoom_Effect:hover{

  transform: scale(1.1);

}



/* news letter section  */



.News_Letter{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/aboutAssets/Mask.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}



.News_Letter_Contact{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/aboutAssets/Mask.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}

.News_Letter_Logo{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/aboutAssets/Mask.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}

.News_Letter_Web{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/bg-double.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}



.News_Letter_Mob{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/appAssets/Mask.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}



.News_Letter_Smm{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/socialbgcover.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}



.News_Letter_Seo{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),

  url("../assets/seocover-bg.png") !important;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

}



.News_Letter_Animation{

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));

background-size: cover;

background-position: center center;

background-repeat: no-repeat;

width: 100vw;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

border-top-left-radius: 50% 6%;

border-top-right-radius: 50% 6%;

position: relative;



}

.AnimatedVideo{



  position: absolute;

  top: 0;

  bottom:0;

  left: 0;

  right: 0;

  /* width: 200px;

  height: 200px !important; */





}



.AnimatedContent{

  position: absolute;

  /* top: 0;

  bottom:0; */

  /* width: 100%; */

  /* height: 1000px !important; */



}





/* Portfolio Start */

@media only screen and (max-width: 251px)  {

  .portfolio_images {

    height: 100px !important;

    width: 100px !important;

    margin-left: -10px !important;

  }

}

@media only screen and (max-width: 250px)  {

  .portfolio_images {

    height: 80px !important;

    width: 80px !important;

    margin-left: -10px !important;

  }

}



@media(max-width:600px) {

  .portfolio_images {

    height: 250px !important;

    width: 250px !important;

    margin: 20px;

  }

}



.close {

  position: absolute !important;

  right: 0 !important;

  top: 0 !important;

}



.portfolio_images {

  height: 220px !important;

  width: 250px !important;

  margin: 20px;

  border-radius: 40px;

}



.workList {

  margin-top: 0;

  margin-bottom: 1rem;

  display: inline-flex !important;

  flex-wrap: wrap !important;

  list-style: none !important;

  align-items: center !important;

  justify-content: center !important;

}



/* .portfolio_tabs {

  color:white;

  background-color: #363030 !important;

  margin: 10px;

  border-radius: 12px;

  outline: none !important;

  border: none !important;



}



.portfolio_tabs:hover {

  color: black !important;

  background-color: white !important;

  margin: 10px;

  border-radius: 12px;

  outline: none !important;

  border: none !important;



}



.portfolio_tabs:active {

  color: black !important;

  background-color: white !important;

  margin: 10px;

  border-radius: 12px;

  outline: none !important;

  border: none !important;



}



.portfolio_tabs:focus {

  color: black;

  background-color: white !important;

  margin: 10px;

  border-radius: 12px;

  outline: none !important;

  border: none !important;

} */

/* Portfolio End */



/* packages section text tabs  */



.swiper-slide {

  padding: 2px;

}

.hideOnMobile {

  display:flex !important;

}

@media only screen and (max-width: 600px)  {

.hideOnMobile {

  display:none !important;

}



}

@media only screen and (max-width: 960px)  {

  .contactPage_submit_btn {

    display:flex;

    justify-content:center;

    align-items:center;

  }

}





/* //////////////////// */

/* footer bark */

btn-check:focus+.btn, .btn:focus {

  outline: 0 !important;

  box-shadow: none !important;

  background-color: white;

  color: #000 !important;

}