:root {


  --description: #d8d8d8;


  --primary-white: #fff;


  --background-color: #000000;


  --effect: #ff6041;


}








/* 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: -webkit-linear-gradient(#ff6041, #ffa826);
  /* color of the track */


  border-radius: 0px;


}





/* Style the scrollbar thumb */


::-webkit-scrollbar-thumb {


  background-color: white;
  /* 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 */


}
/*footer badges css*/
.ratings-badges {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    width: 100%;
    color: #fff;
}
.rating-box-3 {
    color: #fff !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mn-widget-member {
    padding-top: 10px;
}
.rating-box-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#badges-container {
    padding-top: 10px;
}
@media (max-width:768px) {
.ratings-badges {
    align-items: baseline !important;
    flex-direction: column;
} 
.rating-box-2 {
    align-items: flex-start !important;
    flex-direction: column;
}
.rating-box-3 {
    flex-direction: column;
    align-items: flex-start !important;
}
}
/*footer badges css end*/

.popUp button {
  position: relative;
  border: none;
  font-size: 16px;
  color: #fff !important;
  padding: 0 20px;
  width: max-content;
  height: 3em !important;
  line-height: 2em;
  text-align: center;
  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);
  background-size: 300%;
  border-radius: 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popUp button:focus {
  color: white;
}

.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(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);





  /* 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: #ff6041;

}


.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(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


}





.card-header1 {


  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


}





.tabPanel {


  background-color: transparent !important;
  padding-bottom: 90px;


}





.nav-link:hover {


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


}




/* 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 only screen and (max-width: 1399px) {
  .testimonial-inner .tour-desc {
    height: 100%;
    min-height: 360px;
  }
}




@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(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


  padding: 10px;


  border-radius: 15px;


}





.yearly {


  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


  padding: 10px;


  border-radius: 20px;


}





.card-sec {


  background-color: transparent !important;


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


  height: 10vh;


}





.non-glass {


  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);





  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(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


  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; */
  text-decoration: none;
  position: relative;
  border: none;
  font-size: 16px;
  color: #fff !important;
  width: 210px;
  height: 3em !important;
  line-height: 2em;
  text-align: center;
  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);
  background-size: 300%;
  border-radius: 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-classic::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);
  background-size: 400%;
  border-radius: 35px;
  transition: 1s;
}

.btn-classic:hover::after {
  filter: blur(10px);
}

.btn-classic:hover {
  animation: ani 8s linear infinite;
  border: none;
}

@keyframes ani {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 400%;
  }
}



.marquee {
  background: linear-gradient(#ff6041 10%, #ffa826 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;


  background: -webkit-linear-gradient(#ff6041, #ffa826);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


  letter-spacing: 3px;


}

.about_imageCard {
  /*height: 280px;*/
  /*height: 100%;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}





.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;


}

.count-content h3 {
  font-size: 23px;
}





.service-sec {


  /* margin-top: 8%; */


}





.service-sec h3 {
  text-align: center;
  font-size: 24px;
  letter-spacing: 3px;
}

.gredText {
  background: -webkit-linear-gradient(#ff6041, #ffa826);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.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;
  margin-bottom: 28px;

}





.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: #ff932d;


  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;
  height: 40vh;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* 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;


}

.card:hover .link-name {
  background: -webkit-linear-gradient(#f4f4f4, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.link-name {


  font-size: 18px;
  background: -webkit-linear-gradient(#ff6041, #ffa826);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder;


}


.card:hover .link-position {
  color: white;
}


.link-position {
  font-size: 12px;
  color: #ffa826;
}





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





/* 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 {


  background: -webkit-linear-gradient(#ff6041, #ffa826);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


  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: #ff6041 !important;


  opacity: 1;


}





.swiper-pagination-bullet-active {


  background: -webkit-linear-gradient(#ff6041, #ffa826);


}





.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 only 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;
  bottom: 10px;
}





/* 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: 170px !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(60deg, #ff6041, #ffa826);


}


.card:hover .card-body span.heading {
  color: white !important;
}


.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 {

  background: -webkit-linear-gradient(#ff6041, #ffa826);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  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;s */





  /* 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.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;
  width: 49%;
}





.section2-ccc .sec2contactform-ccc textarea {


  width: 100%;


  display: block;


  color: #666;


  resize: none;


}





.section2-ccc .sec2contactform-ccc input[type="submit"] {
  padding: 15px 50px;
  color: white;
  border: 0;
  background: linear-gradient(90deg, #ff6041, #ffa826, #ffa826);
  font-size: 16px;
  text-transform: uppercase;
  margin: 7px 0;
  border-radius: 50px;
  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);


}


.BgVideo2 {
  background-image: linear-gradient(rgb(0 0 0 / 58%), rgba(0, 0, 0, 0.8)), url(../assets/about-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 18px 18px 158px 158px black inset;
  height: 65vh;
}

.BgVideo2 h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}


.Hero_Section_s111 {


  background-image: linear-gradient(rgb(0 0 0 / 58%), 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);
  position: relative;
  z-index: 1;
}

.Hero_Section_s2mob::after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: black;
  opacity: 0.4;
  z-index: -1;
}


.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;


  }





}


@media only screen and (max-width: 992px) {
  .BgVideo2 {
    height: 100%;
  }
}


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


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


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


/* //////////  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(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


  padding: 5%;


  border-radius: 20px;


  width: 30rem;


  /* height: 650px; */


  display: flex;


  justify-content: center;


  flex-direction: column;


}


.loginColLogin {


  background: linear-gradient(90deg, #ff6041, #ffa826, #ffeb3b, #ffa826);


  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: #ffa826 !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: 100% !important;


  }

  .BgVideo2 .hero-content>h1 {
    margin-top: 16% !important;
    font-size: 38px;
    margin-bottom: 10px;
  }

  .hero-content>p {
    font-size: 14px;
  }


  .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);


  }


}

.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;


}


/*.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: 100vh !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: 0px;


  }


}








@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 {

  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: #ffa826;
}


.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-2.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%;


}


.ppc_background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../assets/aboutAssets/Mask-1.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(rgb(0 0 0 / 22%), 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: 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.4), 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.2), 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;
}

/* .tabBtns {
  background: -webkit-linear-gradient(#ff6041, #ffa826);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */


.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;


}

/* Modal Start */

.modal-open .modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.modal-dialog {
  max-width: 77% !important;
  display: flex;
  height: auto;
  background: #0C0C0C;
  align-items: center;
  justify-content: center;
  height: auto;
  border-radius: 5px;
}

.modal-dialog .modal-content {
  background: #0C0C0C;
}

.modal .modal_bg {
  background-image: url(../assets/modal-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  padding: 40px 0;
  height: auto;
}

.modal .modal_bg img {
  animation: rotateAnimation 70s linear infinite;
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Headings Animation */
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal .modal_bg .creative,
.modal .modal_bg .agency {
  position: absolute;
  z-index: -1;
}

.modal .modal_bg .agency {
  bottom: 69px;
  right: 15px;
}

.modal .modal_bg .creative {
  left: 19px;
  top: 54px;
}

.modal .modal_bg .creative h4,
.modal .modal_bg .agency h4 {
  font-weight: 700;
  font-size: 76px;
  line-height: 86px;
}

.modal .modal-dialog .modal_content {
  padding: 0px 40px 20px 0;
  position: relative;
  min-height: 650px;
  max-height: 650px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-bottom: 110px;
}

.modal .modal-dialog .modal_content .close_btn {
  position: absolute;
  right: 70px;
  top: 30px;
  z-index: 999999;
}

.modal .modal-dialog .modal_content form h2 {
  font-size: 22px;
  line-height: 32px;
  animation: fadeSlide 0.6s ease-in-out;
}

.modal .modal-dialog .modal_content .close_btn button {
  background: white;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

.modal .modal-dialog .modal_content form .custom_width {
  width: 50%;
}

.modal .modal-dialog .modal_content form input,
.modal .modal-dialog .modal_content form select,
.modal .modal-dialog .modal_content form textarea {
  background: #EDEDED;
  height: 50px;
  width: 100%;
  border: 0;
  padding: 0 15px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ccc;
}

.modal .modal-dialog .modal_content form select::placeholder,
.modal .modal-dialog .modal_content form input::placeholder,
.modal .modal-dialog .modal_content form select,
.modal .modal-dialog .modal_content form textarea {
  color: #A4A4A4;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.modal .modal-dialog .modal_content form input:focus,
.modal .modal-dialog .modal_content form select:focus,
.modal .modal-dialog .modal_content form textarea:focus {
  outline: 0;
  transform: scale(1.02);
  border-color: #ff6041;
  box-shadow: 0px 0px 8px rgba(255, 96, 65, 0.6);
}

.modal .modal-dialog .modal_content form select:focus,
.modal .modal-dialog .modal_content form textarea:focus {
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  max-height: 40px;
  overflow: hidden;
  opacity: 1;
}

.modal .modal-dialog .modal_content form select:focus {
  max-height: 200px;
  opacity: 1;
}

.modal .modal-dialog .modal_content form button {
  width: 150px;
  height: 40px;
  background: #ff6041;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  border: 0;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 2px;
  text-transform: uppercase;
}

.modal .modal-dialog .modal_content form button.back_btn {
  background: transparent;

}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
}


@keyframes fadeRightSlide {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.modal .modal_bg .creative h4,
.modal .modal_bg .agency h4,
.modal_content h2,
.modal_content input,
.modal_content select,
.modal_content button {
  opacity: 0;
  transform: translateX(30px);
}


/* Modal End */


/* PopUp Media Query Start */

@media only screen and (max-width: 1499px) {
  .modal .modal-dialog .modal_content {
    padding: 55px 30px 0 0;
  }
}

@media only screen and (max-width: 1399px) {
  .modal .modal-dialog .modal_content {
    padding: 0px 30px 0 0;
  }

  .modal .modal-dialog .modal_content form button {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1299px) {
  .modal .modal-dialog .modal_content {
    padding: 30px 30px 0 0;
  }

  .modal .modal_bg .creative {
    left: 10px;
    top: 49px;
  }

  .modal .modal_bg .creative h4,
  .modal .modal_bg .agency h4 {
    font-size: 65px;
    line-height: 75px;
  }

  .modal .modal_bg .agency {
    bottom: 57px;
    right: 15px;
  }

  .modal-dialog {
    margin: 0rem auto;
  }

  .modal .modal-dialog .modal_content form input,
  .modal .modal-dialog .modal_content form select,
  .modal .modal-dialog .modal_content form textarea {
    height: 45px;
  }

  .modal .modal-dialog .modal_content form select::placeholder,
  .modal .modal-dialog .modal_content form input::placeholder,
  .modal .modal-dialog .modal_content form select {
    font-size: 13px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1099px) {
  .modal .modal-dialog .modal_content {
    padding: 13px 30px 15px 0;
  }

  .modal .modal_bg {
    height: 100%;
  }

  .modal .modal_bg .creative h4,
  .modal .modal_bg .agency h4 {
    font-size: 45px;
    line-height: 55px;
  }

  .modal .modal_bg .creative {
    left: 21px;
    top: 57px;
  }

  .modal .modal_bg .agency {
    bottom: 95px;
    right: 33px;
  }

  .nav {
    flex-wrap: nowrap !important;
  }

}

@media only screen and (max-width: 991px) {
  .modal .modal-dialog .modal_content {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (max-width: 567px) {
  .modal .modal-dialog .modal_content {
    padding: 15px;
    max-height: 100%;
  }

  .modal .modal-dialog .modal_content .close_btn {
    right: 0px;
  }

  .modal .modal-dialog .modal_content form .custom_width {
    width: 100%;
  }

  .modal .modal-dialog .modal_content form .custom_width:nth-of-type(1) {
    margin-bottom: 7px;
  }

  #header {
    padding: 2rem 0;
  }

  .popUp button {
    font-size: 13px;
    padding: 0 15px;
    height: 2.5em !important;
    line-height: 2.5em;
    margin-top: 6px;
  }
}

/* PopUp Media Query End */

/* ==================================== Seo Page CSS Start ========================================*/

/* Seo Banner Start */

.seo_banner {
  padding: 220px 0 120px;
  background-image: url(../assets/seo_bannerbg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -120px;
}

.seo_banner .txt h1 {
  font-weight: 400;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 15px;
}

.seo_banner .txt p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px;
}

.seo_banner .txt form .url input {
  background: #FFFFFF;
  width: 500px;
  height: 55px;
  border-radius: 50px;
  padding: 0 20px;
  color: black;
  font-size: 16px;
  border: 0;
}

.seo_banner .txt form .url input::placeholder {
  color: #3A3A3A;
  font-size: 14px;
}

.seo_banner .txt form .url input:focus {
  outline: 0;
}

.seo_banner .txt form button {
  width: 170px;
  height: 55px;
  background: linear-gradient(90deg, #FF6041 0%, #FFA826 100%);
  border: 0;
  border-radius: 50px;
  color: white;
  font-size: 18px;
}

/* Seo Banner End */

/* Seo Report Start */

.seo_report_sec {
  padding: 90px 0;
  background: white;
}

.seo_report_sec .txt h2 {
  font-weight: 900;
  font-size: 45px;
  line-height: 55px;
  color: #262B37;
  margin-bottom: 30px;
}

.seo_report_sec .report_wrapper {
  background: #F9F9F9;
  border: 1px solid #00000014;
  padding: 8px 8px 85px;
  border-radius: 25px;
}

.seo_report_sec .report_wrapper .top_bar {
  background: linear-gradient(90deg, #FFA826 0%, #FF6041 100%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 8px;
}

.seo_report_sec .report_wrapper .top_bar p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  padding-left: 10px;
}

.seo_report_sec .report_wrapper .top_bar .download_btn a {
  width: max-content;
  padding: 10px 30px;
  border-radius: 20px;
  background: white;
  color: #FF6041;
  font-size: 16px;
  line-height: 24px;
}

.seo_report_sec .report_wrapper .bottom_content {
  padding: 55px 80px 0;
}

.seo_report_sec .report_wrapper .bottom_content .txt {
  padding-top: 25px;
}

.seo_report_sec .report_wrapper .bottom_content .txt h3 {
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  color: #262B37;
}

.seo_report_sec .report_wrapper .bottom_content .txt p {
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #818181;
}

.seo_report_sec .report_wrapper .bottom_content .progress {
  width: 265px;
  height: 265px;
  position: relative;
  border-radius: 50%;
  background: transparent;
  border: 15px solid #5B93FF0D;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seo_report_sec .report_wrapper .bottom_content .progress .progress-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(from 70deg, #FFB900 0%, #FF6041 0%, transparent 0%);
  mask: radial-gradient(farthest-side, transparent calc(50% - 15px), black calc(50% - 15px));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(50% - 15px), black calc(50% - 15px));
  transform: rotate(-90deg);
  z-index: 1;
  transition: background 1.5s ease-in-out;
}

.seo_report_sec .report_wrapper .bottom_content .progress .progress-content {
  position: relative;
  z-index: 2;
  text-align: center;
  background-color: #f9f9f9;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


.seo_report_sec .report_wrapper .bottom_content .progress p:first-of-type {
  color: #a2a2a2;
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
}

.seo_report_sec .report_wrapper .bottom_content .progress p:first-of-type span {
  font-size: 70px;
  line-height: 55px;
  font-weight: 900;
  color: #000000;
}

.seo_report_sec .report_wrapper .bottom_content .progress p:last-of-type {
  font-size: 14px;
  line-height: 22px;
  font-weight: 100;
  color: red;
  margin-bottom: 0;
}

.seo_report_sec .report_wrapper .bottom_content .card {
  background: #FFFFFF;
  border: 0;
  box-shadow: 0px 4px 26.7px 0px #0000000D;
  border-radius: 6px !important;
  padding: 15px 15px;
  width: 100%;
  margin-top: 70px;
}

.seo_report_sec .report_wrapper .bottom_content .col-lg-4:nth-child(1) .card {
  border-left: 10px solid #FFB900;
}

.seo_report_sec .report_wrapper .bottom_content .col-lg-4:nth-child(2) .card {
  border-left: 10px solid #FF6041;
}

.seo_report_sec .report_wrapper .bottom_content .col-lg-4:nth-child(3) .card {
  border-left: 10px solid #FE1519;
}

.seo_report_sec .report_wrapper .bottom_content .card h6 {
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  color: #262B37;
  margin-bottom: 5px;
}

.seo_report_sec .report_wrapper .bottom_content .card p {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #505050;
  margin-bottom: 0;
}

.seo_report_sec .seo_details {
  margin-top: 35px;
}

.seo_report_sec .seo_details ul {
  position: sticky;
  top: 100px;
}

.seo_report_sec .seo_details ul li a {
  font-size: 20px;
  font-weight: 500;
  color: #8c8f9a;
}

.seo_report_sec .seo_details ul li a.active {
  border-left: 5px solid #ffb900;
  font-size: 19px;
  color: black;
  font-weight: 600;
  padding-left: 10px;
}

.seo_report_sec .seo_details .content_wrapper h6 {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  border-bottom: 1px solid #e6eefc;
  padding-bottom: 16px;
}

.seo_report_sec .seo_details .content_wrapper p {
  padding-top: 15px;
  color: black;
  font-size: 14px;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-body .content_box,
.seo_report_sec .seo_details .content_wrapper .appear_box {
  background: #F9F9F9;
  border: 1px solid #00000014;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 50px;
}

.seo_report_sec .seo_details .content_wrapper .keywords .keyword-badge {
  background-color: #dcdde1;
  border-radius: 7px;
  overflow: hidden;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.seo_report_sec .seo_details .content_wrapper .keywords .keyword-badge span {
  color: #000000;
  font-size: 14px;
}

.seo_report_sec .seo_details .content_wrapper .keywords .keyword-badge .number {
  background: #8c8f9a;
  padding: 4px 10px;
  font-size: 14px;
  color: white;
  height: 100%;
  display: flex;
  align-items: center;
}

.seo_report_sec .seo_details .content_wrapper .appear_box h5 {
  font-size: 25px;
  font-weight: 600;
  color: #000;
  margin-top: 10px;
  margin-bottom: 0;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-item {
  border: inherit;
  border-bottom: 1px solid #e6eefc;
  padding-bottom: 9px;
  padding-top: 6px;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-body {
  padding: 1rem 0rem;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-button {
  padding: 1rem 0rem;
  color: black;
  font-weight: 600;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-button:focus {
  box-shadow: inherit;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-button:not(.collapsed) {
  color: black;
  background-color: transparent;
  box-shadow: inherit;
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-button::after {
  transform: rotate(-90deg);
}

.seo_report_sec .seo_details .content_wrapper .accordian .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg) !important;
}



/* Seo Report End */


/* Responsive Start */

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

  .seo_report_sec .report_wrapper .bottom_content .logo {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .seo_report_sec .report_wrapper .bottom_content .txt {
    text-align: center;
  }

  .seo_report_sec .report_wrapper .bottom_content .progress {
    margin: 15px auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .seo_banner .txt form button {
    width: 100%;
    margin-top: 10px;
  }

  .seo_banner .txt form .url,
  .seo_banner .txt form .url input {
    width: 100%;
  }

  .seo_banner {
    padding: 170px 0 75px;
  }

  .seo_banner .txt h1 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 11px;
  }

  .seo_banner .txt p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 34px;
  }

  .seo_report_sec {
    padding: 50px 0;
  }

  .seo_report_sec .txt h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .seo_report_sec .report_wrapper .top_bar {
    flex-wrap: wrap;
    gap: 15px 0;
  }

  .seo_report_sec .report_wrapper .top_bar p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }

  .seo_report_sec .report_wrapper .top_bar .url,
  .seo_report_sec .report_wrapper .top_bar .download_btn {
    width: 100%;
  }

  .seo_report_sec .report_wrapper .top_bar .download_btn a {
    width: 100%;
    display: block;
    text-align: center;
  }

  .seo_report_sec .report_wrapper .bottom_content {
    padding: 55px 35px 0;
  }

  .seo_report_sec .report_wrapper .bottom_content .txt h3 {
    font-size: 25px;
    line-height: 30px;
  }

  .seo_report_sec .report_wrapper .bottom_content .txt p {
    font-size: 15px;
    line-height: 22px;
  }

  .seo_report_sec .report_wrapper .bottom_content .card {
    margin-top: 18px;
  }

  .seo_report_sec .report_wrapper .bottom_content .col-lg-4 {
    padding: 0;
  }

  .seo_report_sec .report_wrapper {
    padding: 8px 8px 45px;
  }
}

/* Responsive End */

/* ==================================== Seo Page CSS End ========================================*/