BossBey File Manager

Editing: style.css

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");

@font-face {
  font-family: Averta;
  src: url(../fonts/AvertaDemo-Regular.otf);
}
html{
  overflow-x: hidden;
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  overflow-x: hidden;
}
section.map-sec {
  overflow: hidden;
}
h1,
h2 {
  font-family: "Plus Jakarta Sans", sans-serif;
}

a:hover {
  text-decoration: none;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

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

.techVerse_navbar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1600px;
  margin: 13px auto 0;
  z-index: 99;
}

.techVerse_navbar .nav-link {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

/* Custon Dropdown Start */
.custom_dropdown_list {
  list-style: none;
  padding-left: 0;
}

.dropdown_linkBox {
  display: block;
  margin: 40px 0;
  color: #000;
}

.dropdown_linkBox a:hover {
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  text-decoration: none;
}

.dropdown_linkBox h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  color: #02a9f7;
}

.dropdown_linkBox p {
  font-size: 13px;
  margin-bottom: 0;
}

.dropdown_head p {
  font-size: 14px;
}

.custom_dropdown_sidebar {
  background-color: #f5f5f5;
  padding: 46px 46px 46px;
  /* padding-top: 46px;
  padding-bottom: 46px; */
}

.custom_dropdown_sidebarTitle {
  font-size: 20px;
  font-weight: 700;
  font-family: "Sora", sans-serif;
}

/* .customDropdown_left {
  padding-top: 46px;
  padding-left: 46px;
  padding-bottom: 46px;
} */
.customDropdown_leftCol {
  background-color: #fff;
  padding: 46px 46px 46px;
}

#navbarDropdown {
  position: relative;
}

.first-dropdown-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 1px #cccccc2e;
}

.showing {
  opacity: 1 !important;
  visibility: visible !important;
}

#navbarDropdown1 {
  position: relative;
}

.second-dropdown-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  background-color: #fff;
}

.showing1 {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Custon Dropdown ENd */

.techVerse_heroContent {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 30px;
}

.hero_pagination .swiper-pagination-bullet {
  width: 40px;
  height: 10px;
  border-radius: 10px;
  background: #a9a9a9;
  opacity: 1;
}

.hero_pagination .swiper-pagination-bullet-active {
  background: #3bc0ff;
}

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.techVerse_hero,
.techVerse_about,
.techVerse_webSolution,
.techVerse_services,
.techVerse_portfolio,
.techVerse_process,
.techVerse_mobileApp,
.techVerse_trustedPartners,
.techVerse_testimonials,
.techVerse_contact,
.techVerse_partners {
  overflow: hidden;
}

.dropdown_head {
  border-bottom: 1px solid #00000030;
  padding-bottom: 15px;
}

/* Hero Start */
.techVerse_hero {
  /*height: 100vh;*/
  color: #fff;
  background-image: url('../images/hero-bg.png');
  background-size: cover;
  background-position: center;
  padding: 257px 0 70px;
  height: 820px;
  display: flex;
  align-items: center;
}

.techVerse_hero_content h1 {
  /*font-size: 54px;*/
  /*font-size: 42px;*/
  font-size: 41px;
  font-weight: 600;
}

.color-lightBlue1 {
  /* color: #89d6fb; */
  background: linear-gradient(#1DADEF, #0761A9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.color-lightBlue2 {
  color: #02a9f7;
}

.color-darkBlue {
  color: #000;
}

.color-darkBlue1 {
  color: #2c5871;
}

.color-white {
  color: #fff;
}

.techVerse_hero_content p {
  line-height: 1.7;
  font-size: 19px;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 25px;
}

.techVerse_hero .row {
  /*height: 100vh;*/
  align-items: center;
}

.techVerse_hero_btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.btn_with_icon_img {
  width: 20px;
  filter: brightness(0) invert(1);
}

.btn_with_icon {
  overflow: hidden;
  z-index: 0;
  position: relative;
  transition: all 0.5s ease;
  animation: 1s ease-out infinite pulse;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 45px;
  color: #fff;
  gap: 5px;
  font-size: 17px;
  border-radius: 30px;
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  border: unset;
  cursor: pointer;
}

.btn_with_icon:hover {
  outline: none;
  border: unset;
  text-decoration: none;
  color: #000000;
}

.btn_secondary {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  animation: none;
}

.btn_secondary:hover {
  background: #000000;
  color: #fff;
  border: 1px solid #02a9f7;
}

.hero_brands {
  display: none;
  margin: 16px 0;
  gap: 10px;
  flex-wrap: wrap;
}

.hero_brands_img {
  width: 120px;
}

.techVerse_hero_img {
  position: relative;
}

.techVerse_hero_img img {
  width: 85%;
  animation: 2s ease-out infinite banner-img;
}

/* Hero End */
/* About Sec Start */
.techVerse_about_laptop_img {
  position: relative;
}

.laptop-Frame {
  position: absolute;
  right: 78px;
  top: 7%;
  z-index: -1;
  width: 384px;
}

/* .techVerse_aboutContent {
  padding: 80px 0 0;
} */
.techVerse_about_img {
  position: relative;
  z-index: 9;
}

.techVerse_about_content {
  position: relative;
  z-index: 9;
  /*max-width: 768px;*/
}

#particles-js1 .particles-js-canvas-el {
  width: 30% !important;
  height: 80% !important;
}

.sec_title .sec_title_head {
  /* color: #02577a; */
  /* font-size: 51px; */
  font-size: 43px;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-transform: capitalize;
}

.sec_title p {
  line-height: 28px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  width: 90%;
}

.techVerse_about {
  position: relative;
  padding: 60px 0;
}

.techVerse_about .row {
  align-items: center;
}

/* About Sec End */

/* Web Solution Sec Start */
.techVerse_webSolution {
  /* background: #000000; */
  background-image: url(../images/about-sec-bggif.gif);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 60px 0;
  text-align: center;
  position: relative;
}

.techVerse_webSolution-bg {
  position: absolute;
  content: "";
  display: block;
  background: url('../images/bg--1.png');
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.techVerse_webSolution .techVerse_hero_btns {
  justify-content: center;
}

.techVerse_webSolution_content p {
  color: #fff;
}

/* Web Solution Sec End */

/* Services Start */
.techVerse_services {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.services_offerContainer {
  z-index: 999;
  position: relative;
}

.techVerse_services .sec_title {
  text-align: center;
}

.techVerse_services_content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  position: relative;
  margin-top: 34px;
}

.service_box {
  text-align: center;
  position: relative;
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.service_box_icon {
  width: 100px;
  height: 130px;
  margin: 10px auto;
}

.service_box_icon img {
  width: 100%;
}

.service_box_before .service_box_title {
  font-family: "Poppins";
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

.service_box_after .service_box_title {
  font-size: 22px;
  font-weight: 600;
}

.service_box_after {
  color: #fff;
  padding: 30px 15px;
  background-image: url(../images/service-box-bg.png);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 100%;
  transition: 0.5s;
}

.service_box_after .service_box_p {
  font-size: 17px;
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

.service_box:hover .service_box_after {
  top: 0%;
}

.service_box_1,
.service_box_2,
.service_box_3 {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.service_box_1 {
  width: 100%;
  top: 49.7%;
}

.service_box_2 {
  height: 100%;
  left: 66.6%;
}

.service_box_3 {
  height: 100%;
  left: 33.2%;
}

/* Services End */

/* Portfolio Start */
.techVerse_portfolio {
  padding: 60px 0 80px;
  background-image: url(../images/our-porfolio-bg.png);
  position: relative;
}

.techVerse_portfolio .sec_title {
  text-align: center;
}

.techVerse_portfolio .sec_title p {
  max-width: 1148px;
  margin: 0 auto;
}

.portfolio_tabs {
  border: 0;
  justify-content: center;
  margin: 20px 0 50px;
  gap: 10px;
}

.portfolio_tabs .nav-link {
  font-size: 15px;
  font-weight: 600;
  padding: 15px 54px;
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #02a9f7;
}

.portfolio_tabs .nav-link.active {
  background-image: linear-gradient(45deg, #00699b, #02a9f7);
  color: #fff;
  opacity: 1;
}

.mobile_app_carousel {
  position: relative;
}

/*#portfolioTabs {*/
/*  max-width: 1600px;*/
/*  margin: 0 auto;*/
/*}*/
#portfolioTabs .swiper-slide img {
  width: 100%;
}

.mobileAppCarousel swiper-slide img {
  border-radius: 30px;
}

.our-slider-img {
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

.our-slider-img img {
  width: 21%;
}

.our-slider-webframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 110px;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

.our-slider-webframe img {
  width: 40.9%;
}

/* Portfolio ENd */

/* Process Start */
.techVerse_process .sec_title {
  text-align: center;
  max-width: 1240px;
  margin: 0 auto;
}

.techVerse_process {
  padding: 60px 0;
  position: relative;
}

.ani_cnt {
  position: relative;
  overflow: hidden;
  padding: 90px 0;
}

.icc {
  position: absolute;
  width: 220px;
  height: 140px;
  text-align: center;
  z-index: 99;
}

.icc img {
  width: 140px;
  height: 140px;
}

.icc p {
  line-height: 22px;
  font-weight: 400 !important;
  color: #04325f;
  width: 100%;
  padding-bottom: 0px;
}

.ani_cnt svg {
  position: relative;
  width: 100%;
  height: auto;
}

/* Process End */

/* Testimonials Start */
/* .techVerse_testimonials .sec_title {
  text-align: center;
}
.techVerse_testimonials {
  padding: 60px 0;
}
.testimonail_box {
  border: 1px solid #2c5871;
  padding: 20px;
  position: relative;
  margin-bottom: 30px;
}
.testimonail_box:before {
  content: "";
  display: block;
  width: 6px;
  height: 50%;
  background: #02a9f7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.start-quote {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonail_name {
  margin: 0;
  color: #2c5871;
  font-size: 18px;
  font-weight: 600;
}
.testimonail_quote {
  font-size: 16px;
  line-height: 2;
  color: #666666;
}
.testimonail_quote:before {
  content: open-quote;
}
.testimonail_quote:after {
  content: close-quote;
} */

.rc {
  /*width: 400px;*/
  /*height: 400px;*/
  /* width: 500px; */
  /* height: 500px; */
  /* border-radius: 100%; */
  /* -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); */
  /* -webkit-transform: rotate(0.000001deg); */
  /* -webkit-border-radius: 100%; */
  -moz-border-radius: 100%;
}

.rc video {
  /*width: 100%;*/
  height: 100%;
}

body .rc h2 {
  padding: 0px;
  margin-bottom: 0 !important;
}

.testimonial h2 {
  margin-top: 0px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
}

.testimonial p {
  margin: 0px;
  font-size: 14px;
  line-height: 15px;
}

.techVerse_testimonialsContent {
  max-width: 1600px;
  margin: 0 auto;
}

.techVerse_testimonials {
  padding: 100px 0 30px;
  position: relative;
}

.testimonials_titleHead img {
  width: 285px;
}

.testimonials_titleHead span {
  color: #02a9f7;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 10px;
}

.testimonials_title {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 81px;
  line-height: 1;
}

.techVerse_testimonialsTextSec-img {
  text-align: right;
  position: relative;
  /* height: 275px; */
  /* margin-top: -50px; */
  /* margin-right: 20px; */
}

.face_1,
.face_2,
.face_3,
.face_4,
.face_5,
.face_6,
.face_7 {
  position: absolute;
}

.face_2 {
  right: 0;
  top: 10px;
}

.face_1 {
  right: 20%;
}

.face_5 {
  right: 13%;
  top: 120px;
}

.face_4 {
  right: 30%;
  top: 150px;
}

.face_3 {
  right: 40%;
  top: 100px;
}

.face_6 {
  right: 20%;
  top: 200px;
}

.face_7 {
  right: 0;
  top: 175px;
}

.techVerse_testimonialsTextSec-img img {
  margin-top: 0px;
}

.techVerse_testimonials .row {
  /* align-items: center; */
}

.testimonial {
  border: 0px solid #02a9f7;
  padding: 10px 0 29px 43px;
  /* justify-content: center; */
  align-items: center;
  /* text-align: center; */
  margin: 0 auto;
  position: relative;
}

.testimonial .content p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 25px;
  line-height: 31px;
  margin-bottom: 13px;
  font-weight: 400;
  font-size: 18px;
  width: 89%;
  color: #000;
}

.play-icon {
  border: unset;
  color: #02a9f7;
  position: absolute;
  background: #fff;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 40px 30px 0px 50px;
}

.play-icon:focus {
  border: unset;
  outline: none;
}

.play-icon i {
  font-size: 116px;
  cursor: pointer;
}

.testimonial-video iframe {
  width: 100%;
  height: 410px;
}

.testimoial_modal .modal-body {
  background: #02577a;
  position: relative;
}

.test_closeBtn {
  color: #fff;
  opacity: 1;
  font-weight: 400;
  font-size: 46px;
  /* position: absolute; */
  right: 20px;
  top: 16px;
}

.test_closeBtn:hover {
  color: #fff;
  opacity: 1;
  outline: none;
  border: unset;
}

/* Testimonials End */

.techVerse_mobileApp {
  background-image: url(../images/mobileApp-bg.png);
  background-image: url(../images/mobile-app-bg.gif);
  background-size: cover;
  position: relative;
}

.techVerse_mobileApp_content {
  padding: 60px 0 60px 30px;
}

.techVerse_mobileApp .row {
  align-items: center;
}

.techVerse_mobileApp .sec_title .sec_title_head {
  font-size: 43px;
}

.techVerse_mobileApp .sec_title p {
  color: #fff;
}

.techVerse_mobileApp_img img {
  width: 100%;
}

.techVerse_mobileAppContent {
  max-width: 1750px;
  margin-left: auto;
}

/* Case Studies Start */
.techVerse_caseStudies {
  background-image: url(../images/casestudy-bg.png);
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.techVerse_caseStudies .sec_title {
  text-align: center;
}

.techVerse_caseStudies .sec_title p {
  max-width: 1148px;
  margin: 0 auto 40px;
}

.techVerse_caseStudy_img {
  margin-bottom: 30px;
}

.techVerse_caseStudy_img img {
  width: 100%;
}

.techVerse_caseStudies-Content {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}

/* Case Studies End */

/* Trusted Partners Start */
.techVerse_trustedPartners .sec_title {
  text-align: center;
}

.techVerse_trustedPartners {
  padding: 60px 0;
}

.trustedPartner {
  width: 200px;
  border: 1px solid #02a9f7;
  padding: 20px 10px;
  text-align: center;
  background-image: linear-gradient(to right, #e8e8e8, #ffffff);
  border-radius: 5px;
}

.trustedPartners {
  display: flex;
  gap: 10px;
}

.imageContact {
  position: relative;
}

.laptop {
  position: absolute;
  top: 40px;
}

.inputForm {
  width: 100%;
  border: none;
  border-bottom: 1px solid #a9a4a4;
  font-size: 14px;
  outline: none;
  padding: 0 0 8px;
  background: transparent;
}

.newLetterBox {
  width: 100%;
  background-color: #01303f;
  margin-top: 0;
  color: #fff;
  padding: 25px;
  height: calc(100% - 589px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.contentBox h3 {
  font-size: 41px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
}

.contentBox p {
  color: #f3f3f3;
  font-size: 14px;
  max-width: 678px;
}

.formGroup input {
  width: 100%;
  padding: 10px;
  background-color: #274f5c;
  color: #fff !important;
  border: none;
  border-radius: 5px;
}

.formGroup {
  position: relative;
}

/* .formGroup button {
  position: absolute;
  right: 7px;
  height: 85%;
  background-image: linear-gradient(45deg, #3dc1ff, #02a9f7);
  border: none;
  border-radius: 5px;
  top: 6%;
  font-size: 14px;
  width: 196px;
  font-weight: 700;
} */

.formGroup input::placeholder {
  color: #fff;
}

.bgOrange {
  background-image: url(https://custom.mystagingserver.site/techversellc/images/bgImage.png);
  height: 560px;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
}

.bgOrange img {
  position: absolute;
  transform: scale(0.7) rotate(36deg) translateY(80pc);
  bottom: -100pc;
  object-fit: contain;
  right: 10px;
  transition: 5s;
}

.bgOrange:hover img {
  transform: scale(0.7) rotate(36deg) translateY(-85pc);
  transition: 5s;
}

/* Trusted Partners End */
/*

/* Contact Start */
.contactLaptop-outer {
  position: relative;
  margin-top: 90px;
}

.techVerse-contact-imgIcon {
  position: absolute;
  bottom: -70px;
  left: 36%;
  width: 170px;
}

.contact-laptopBG {
  background-image: url(../images/contact-laptopBG.png);
  background-size: cover;
}

.techVerse-contact-img {
  position: relative;
  z-index: 9;
}

.contact_formContent {
  background-image: url(../images/bgContatc.png);
  padding-left: 100px;
  padding-top: 50px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right;
}

.contact_formContent form {
  z-index: 9999;
}

.budget-header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}

.budget-title {
  color: #02577a;
  font-size: 18px;
  font-weight: 600;
}

.budget-value {
  border: 1px solid #02a9f7;
  padding: 5px 10px;
  font-size: 18px;
  border-radius: 5px;
}

.get_discount {
  background: #c71e2c;
  color: #fff;
  padding: 10px 10px;
  text-align: center;
  letter-spacing: 7px;
  font-size: 20px;
  word-spacing: 20px;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  position: absolute;
  /* left: -36.1%; */
  left: -375px;
  top: 46%;
  transform: rotate(90deg);
  width: 800px;
}

.newLetterBox_strokeTxt {
  letter-spacing: 39px;
  line-height: 1;
  margin-bottom: -13px;
  -webkit-text-stroke: 1px #ffffff54;
  -webkit-text-fill-color: transparent;
  margin-left: 38px;
}

.news_letterInput {
  display: flex;
  background: #274f5c;
  padding: 10px 10px;
  border-radius: 5px;
}

.news_letterInput input {
  flex-grow: 1;
  background: transparent;
  padding: 0 12px;
}

.news_letterInput input:focus {
  border: unset;
  outline: unset;
}

.news_letterInput button {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  color: #000000;
  gap: 10px;
  font-size: 14px;
  border-radius: 6px;
  background-image: linear-gradient(45deg, #3dc1ff, #02a9f7);
  border: unset;
}

.budget-content {
  width: 100%;
}

.budget-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #142b38;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 20px;
}

.budget-slider:hover {
  opacity: 1;
}

.budget-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: #0faef9;
  cursor: pointer;
  border-radius: 20px;
}

.budget-slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04aa6d;
  cursor: pointer;
}

/* Contact End */

/* Partners Start */
.partners-imgBox img {
  width: 220px;
}

.techVerse_partners {
  position: relative;
  padding: 40px 0;
}

.techVerse_Contentpartners {
  max-width: 1380px;
  margin: 0px auto;
}

/* Partners End  */

/* Footer Start */

.techVerse_footer {
  background-image: linear-gradient(322deg, #4d051b, #0a011d) !important;
  padding: 80px 0 30px;
  overflow: hidden;
  z-index: 2;
}

.footer_logo_img_box {
  margin: 0 0 20px;
  max-width: 170px;
}

.footer_logo_img_box img {
  width: 100%;
}

.techVerse_footer .foooter__subhead {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 26px;
}

.icon_list_items {
  margin-bottom: 0;
  list-style: none;
}

.footer__links {
  padding-left: 0 !important;
}

.footer__links .footer__link {
  font-size: 19px;
  line-height: 2;
}

.footer__links .footer__link a {
  display: flex;
  align-items: center;
}

.footer__links .footer__link a {
  color: #fff;
  line-height: 2;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

.footer__categories_links .footer__link a {
  color: #ffffffb3;
}

.footer__categories_links .footer__link a:hover {
  text-decoration: none;
}

.footer__links .footer__link a .icon_list_text {
  color: #ffffffb3;
}

.footer_contactUS .footer__link .icon_list_icon {
  font-size: 17px;
  margin-right: 12px;
}

.icon_list_item a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  transition: all 0.15s;
}

.footer_formBox input.form-control {
  padding: 10px 10px;
  border-radius: 90px;
}

.footer_formBox input.form-control:hover {
  box-shadow: unset;
  border: unset;
}

.footer_formBox button.btn.btn-primary {
  border-radius: 90px;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 10px;
  font-size: 17px;
  line-height: 1.5;
  background: -webkit-linear-gradient(#009aff, #1c287b);
  border: unset;
}

.techVerse_footerRrequest_quote .hero_brands {
  justify-content: center;
}

.techVerse_footer_copyright p {
  margin: 0;
  color: #fff;
  font-size: 15px;
}

.techVerse_powerdby {
  display: flex;
  justify-content: end;
  gap: 15px;
}

.techVerse_powerdby a {
  color: #ffffffb3;
  font-size: 15px;
}

.techVerse_powerdby a:hover {
  text-decoration: none;
}

.footer_copyright {
  margin-top: 20px;
}

.techVerse_disclaimer {
  color: #ffffffb3;
  border-top: 1px solid #ffffff6b;
  margin-top: 16px;
  padding-top: 16px;
  display: none;
}

.techVerse_disclaimer_title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

.techVerse_disclaimer p {
  font-size: 12px;
  margin: 0;
}

.social_links {
  display: flex;
  gap: 15px;
  margin: 10px 0 0;
}

.social_links ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}

.social_links ul li .social_link i {
  font-size: 20px;
  color: #fff;
  width: 40px;
  height: 40px;
  border: 1px solid #03539c;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(45deg, #20B8F9, #03539c);
  transition: all .5s ease-in-out;
}

.social_links ul li .social_link i:hover {
  background: transparent;
}

p.company_wishText {
  margin: 0;
  color: #fff;
  font-size: 15px;
}

.footer_bbb {
  display: flex;
  gap: 10px;
  margin: 5px 0;
}

.footer_certicate {
  display: flex;
  justify-content: center;
}

.footer_certicate img {
  width: 90px;
}

.footer_row {
  z-index: 99;
  position: relative;
}

/* Footer End */

/* Small Icons Start */
.techVerse_hero_icon1,
.techVerse_hero_icon2,
.techVerse_hero_icon3 {
  width: auto !important;
  position: absolute;
}

.techVerse_hero_icon1 {
  left: 3%;
  top: 25%;
}

.techVerse_hero_icon2 {
  right: 1%;
  top: 50%;
}

.techVerse_hero_icon3 {
  right: 30%;
  top: 80%;
}

.techVerse_about_icon1,
.techVerse_about_icon2,
.techVerse_about_icon3,
.techVerse_about_icon4 {
  position: absolute;
  width: 70px;
}

.techVerse_about_icon4 {
  right: 10%;
  top: 10%;
}

.techVerse_about_icon1 {
  left: 10%;
  top: 5%;
}

.techVerse_about_icon2 {
  left: 42%;
  top: 30%;
}

.techVerse_about_icon3 {
  left: 5%;
  bottom: 15%;
}

.techVerse_webSolution_icon1,
.techVerse_webSolution_icon2 {
  position: absolute;
  width: 90px;
}

.techVerse_webSolution_icon1 {
  left: 2%;
  /*top: -15%;*/
  top: 0%;
}

.techVerse_webSolution_icon2 {
  right: 2%;
  /*bottom: -10%;*/
  bottom: 0%;
}

.techVerse_services_icon1,
.techVerse_services_icon2,
.techVerse_services_icon3,
.techVerse_services_icon4,
.techVerse_services_icon5 {
  position: absolute;
}

.techVerse_services_icon1 {
  left: -2%;
}

.techVerse_services_icon2 {
  top: 35%;
  left: -20px;
}

.techVerse_services_icon3 {
  bottom: 12%;
  left: 2%;
}

.techVerse_services_icon4 {
  right: 0;
  top: 18%;
}

.techVerse_services_icon5 {
  right: 0;
  bottom: 18%;
}

.blue-cube1,
.blue-cube2 {
  position: absolute;
  z-index: 9999;
}

.blue-cube1 {
  left: 65.5%;
  top: 47.3%;
}

.blue-cube2 {
  left: 32.1%;
  top: 47.3%;
}

.techVerse_process_icon1,
.techVerse_process_icon2,
.techVerse_process_icon3,
.techVerse_process_icon4 {
  position: absolute;
}

.techVerse_process_icon1 {
  left: 3%;
}

.techVerse_process_icon2 {
  top: 54%;
}

.techVerse_process_icon3 {
  top: -163px;
  right: unset;
  left: 74px;
}

.techVerse_process_icon4 {
  top: 60%;
  right: 15%;
}

.techVerse_caseStudies_icon1,
.techVerse_caseStudies_icon2,
.techVerse_caseStudies_icon3,
.techVerse_caseStudies_icon4 {
  position: absolute;
}

.techVerse_caseStudies_icon1 {
  left: 3%;
}

.techVerse_caseStudies_icon2 {
  left: -1%;
  top: 50%;
}

.techVerse_caseStudies_icon3 {
  right: 0%;
  top: 20%;
}

.techVerse_caseStudies_icon4 {
  right: 1%;
  bottom: 30%;
}

.techVerse_partners_icon1,
.techVerse_partners_icon2 {
  position: absolute;
}

.techVerse_partners_icon1 {
  left: 2%;
  top: 0px;
}

.techVerse_partners_icon2 {
  right: 50px;
  top: 0px;
}

.animation11 {
  animation: animation1 6s linear 0s infinite normal none;
}

@keyframes animation1 {
  0% {
    transform: rotate(0);
  }

100% {
    transform: rotate(360deg);
  }
}

.animation22 {
  animation: animation2 6s linear 0s infinite normal none;
  top: -84px;
  right: unset;
  left: 74px;
}

@keyframes animation2 {

0%,
  100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }

15% {
    transform: translateY(-30px) rotate(6deg);
  }

30% {
    transform: translateY(15px) rotate(-6deg);
  }

45% {
    transform: translateY(-15px) rotate(3.6deg);
  }

60% {
    transform: translateY(9px) rotate(-2.4deg);
  }

75% {
    transform: translateY(-6px) rotate(1.2deg);
  }
}

.animation33 {
  animation: animation3 6s linear 0s infinite normal none;
}

@keyframes animation3 {
  0% {
    transform: scale(0.5);
  }

100% {
    transform: scale(1);
  }
}

/* Small Icons End */

.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

/* ---- particles.js container ---- */

#particles-js {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

#particles-js1 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

#particles-js2 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

#particles-left {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

#particles-right {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

canvas.particles-js-canvas-el {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#particles-js2 canvas.particles-js-canvas-el {
  width: 24% !important;
  margin-left: auto;
  height: 80% !important;
  z-index: -1;
}

.testimonial-section {
  max-width: 640px;
  text-align: center;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.testimonial-section h1 {
  font-size: 25px;
  margin-bottom: 30px;
}

.testimonial-section h1 span {
  color: crimson;
}

.testimonial-pic img {
  /* width: 100px; */
  filter: grayscale(1);
  /* margin: 5px;
  cursor: pointer;
  transition: 0.3s; */
}

.testimonial-pic img.active {
  filter: grayscale(0);
  border-radius: 50%;
  border: 3px solid #02a9f7;
}

.testimonial .content {
  display: none;
}

.testimonial .content.active {
  display: block;
}

/* Inner Pages Start */

/* Inner Page Hero Start */

.inner_hero {
  background-color: #001c36;
  background-image: url(../images/inner-hero-bg.gif);
  background-repeat: no-repeat;
  background-size: cover;
  /* padding: 150px 0 60px; */
  /* padding: 180px 0 70px; */
  padding: 200px 0 110px;

position: relative;
  overflow: hidden;
}

.realEstate_hero .inner-bgColor {
  background-image: url(../images/real-estate-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.centered-text {
  max-width: 1098px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.center_donatBlue,
.center_donatOrange {
  width: 60px;
  position: absolute;
}

.center_donatOrange {
  bottom: -51%;
  left: -2%;
}

.center_donatBlue {
  top: -51%;
  right: 2%;
}

.aboutUS_hero .inner-bgColor {
  background-image: url(../images/about-hero-bg.webp);
  opacity: 0.8;
  background-position: top center;
  background-size: cover;
}

.aboutUS_hero .inner-bgColor:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #001c36ab;
}

.case-study-hero .inner-bgColor {
  background-image: url(../images/case-study-hero-bg.png);
  opacity: 0.8;
  background-position: top center;
  background-size: cover;
}

.case-study-hero.inner_hero {
  background-image: unset;
  padding: 300px 0 270px;
}

.case-study-hero .inner-bgColor:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #001c36ab;
}

.casestudy-content {
  position: relative;
  padding: 40px 30px 40px 0;
  color: #fff;
}

.casestudy-content .sec_title {
  position: relative;
  z-index: 1;
}

.casestudy-content:after {
  content: "";
  background-image: linear-gradient(45deg, #3dc1ff, #02a9f7);
  width: 130%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -30%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.case-study-sec {
  position: relative;
  background-size: cover;
  /*padding: 180px 0;*/
  padding: 380px 0;
  background-repeat: no-repeat;
  overflow: hidden;
}

/*.case-study-sec1{*/
/*    padding: 120px 0;*/
/*}*/
.case-study-img1 {
  width: 100%;
  transform: scale(1.5);
  transform-origin: center;
}

/*.case-study-sec2{*/
/*    padding: 60px 0;*/
/*}*/
.case-study-img2 {
  width: 100%;
  transform: scale(1.5);
  transform-origin: left;
}

/*.case-study-sec6 {*/
/*    padding: 0 0;*/
/*}*/
.case-study-img6 {
  width: 100%;
}

.inner_hero_content h1,
.inner_hero_content p,
.inner_hero_content .techVerse_hero_btns {
  position: relative;
  z-index: 2;
}

.btn_black {
  color: #02a9f7;
  background: #272727 !important;
}

.btn_black:hover {
  color: #02a9f7;
}

.btn_white {
  background: #fff;
  color: #02a9f7;
}

.btn_white:hover {
  color: #02a9f7;
}

.contactUS_hero .inner-bgColor {
  background-image: url(../images/contact-herobg.png);
  opacity: 0.8;
  background-position: top center;
  background-size: cover;
}

.contactUS_hero .inner-bgColor:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #001c36ab;
}

.inner_hero.contactUSNew_hero {
  /*background-image: url(../images/inner-hero-bg.gif);*/
  background-image: url(../images/contact-hero-form-bg.png);
}

/*.contactUSNew_hero .inner-bgColor {*/
/*    background-image: url(../images/contact-hero-form-bg.png);*/
/*    opacity: 0.8;*/
/*    background-position: top center;*/
/*    background-size: cover;*/
/*}*/
.contactUSNew_hero .inner-bgColor:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #001c36ab;
}

.ecommerse-hero .inner-bgColor {
  background-image: url(../images/ecommer-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.automotive-hero .inner-bgColor {
  background-image: url(../images/automotive-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.eduHR-hero .inner-bgColor {
  background-image: url(../images/edu-hr-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.finance-hero .inner-bgColor {
  background-image: url(../images/finance-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.media-hero .inner-bgColor {
  background-image: url(../images/media-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.health-care-hero .inner-bgColor {
  background-image: url(../images/health-care-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.sports-hero .inner-bgColor {
  background-image: url(../images/sports-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.travel-hero .inner-bgColor {
  background-image: url(../images/travel-hero-bg.png);
  opacity: 0.7;
  background-position: top center;
  background-size: cover;
}

.inner_hero .row {
  align-items: center;
}

.inner_hero_img img {
  width: 100%;
}

.inner_hero_content {
  color: #fff;
}

.inner_hero_content h1 {
  /* font-size: 44px; */
  /* font-size: 38px; */
  font-size: 36px;
  font-weight: bold;
  text-transform: capitalize;
}

.hero_social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 25px 0;
}

.hero_social-icon img {
  width: 50px;
}

.inner-bgColor {
  background: #001c36b0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* Inner Page Hero End */
/* Services Page Start */

/* Inner Trusted Partner Start */
.techVerse_trustedPartnersServices .trustedPartner {
  width: 200px;
  border: unset;
  background-image: unset;
}

.techVerse_trustedPartnersServices {
  background-image: linear-gradient(to right, #e8e8e8, #ffffff);
  padding: 30px 0 20px;
  border-bottom: 1px solid #02a9f7;
}

/* Inner Trusted Partner End */

/* About1 Start */
.services-abbout1 {
  max-width: unset;
}

/* .techVerse_aboutContentServices1 {
  max-width: 1600px;
  margin: 0 auto;
} */
.techVerse_aboutContentServices1 .techVerse_about_laptop_img img {
  width: 80%;
  display: block;
  margin-left: auto;
}

/* .techVerse_aboutServices1 {
  padding: 0 0 60px;
} */
/*.techVerse_aboutServices1,*/
/*.techVerse_aboutServices2{*/
/*    padding: 30px 0;*/
/*}*/

.services-abbout2 {
  max-width: unset;
}

.services-abbout1 .sec_title .sec_title_head {
  font-size: 32px;
}

.services-abbout2 .sec_title .sec_title_head {
  font-size: 32px;
}

.techVerse_aboutServices1 .techVerse_about_icon1 {
  left: 0;
  top: 5%;
}

/* .techVerse_aboutContentServices2 {
  max-width: 1600px;
  margin: 0 auto;
} */
.techVerse_aboutContentServices2 .techVerse_about_laptop_img img {
  width: 100%;
  display: block;
  margin-left: auto;
}

/* .techVerse_aboutServices2 {
  padding: 0 0 60px;
} */
/* About1 End */

/* Faqs Start */

.techVerse_faqs {
  padding: 60px 0;
}

.techVerse_faqs .card {
  margin: 20px 0px;
  border: none;
  border-radius: 8px;
  /* background-color: transparent; */
}

.techVerse_faqs .card-header {
  /* background-color: transparent; */
  background: linear-gradient(105deg,
      hsla(199, 100%, 62%, 1) 0%,
      hsla(199, 98%, 49%, 1) 100%);
  border: none;
  padding: 18px;
  border-radius: 6px;
}

.techVerse_faqs .card-header h5 button {
  text-decoration: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
}

.techVerse_faqs .card-header h5 button .numbering {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.techVerse_faqs .card-header h5 button .card_btn_content {
  font-size: 14px;
  color: #ffffff;
  padding-right: 21px;
}

.techVerse_faqs .card-header h5 button .card_dropdown_icon {
  display: inline-block;
  border: 1px solid #000;
  color: #000;
  padding: 0px 5px;
  border-radius: 50%;
}

.techVerse_faqs .card-body p {
  font-size: 14px;
}

.techVerse_faqs .btn-link {
  border: none;
}

.techVerse_faqs .btn-link:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.faqs_ul {
  padding-left: 17px;
  font-size: 14px;
  margin-bottom: 0;
}

.techVerse_faqs .card:has(.collapse.show) {
  border: 1px solid;
}

.techVerse_faqs .btn-link[aria-expanded="false"]::before {
  content: "\f107";
  font-family: "FontAwesome";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: transparent;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid;
}

.techVerse_faqs .btn-link[aria-expanded="true"]::before {
  content: "\f106";
  font-family: "FontAwesome";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: transparent;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid;
}

.techVerse_faqs .btn-link[aria-expanded="true"] .numbering,
.techVerse_faqs .btn-link[aria-expanded="true"] .card_btn_content {
  color: #000 !important;
}

/* .techVerse_faqs.faq_section {
  max-width: 1600px;
  margin: 0 auto;
} */
/* Faqs End */

/* Tech Start */
.techVerse_tech {
  background-image: url(../images/tech-bg.png);
  padding: 60px 0;
}

.tech-boxes {
  display: flex;
  gap: 15px;
}

.tech-box img {
  width: 170px;
}

.single_logo {
  background-image: url(../images/white-polygon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 140px;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  min-width: 140px;
  min-height: 140px;
}

.single_logo img {
  height: auto;
  width: 75px;
}

.single_logo:hover {
  background-image: url(../images/blue-polygon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.marquee-container {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 150px;
  overflow-x: hidden;
}

.marquee {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  width: 200%;
  animation: marquee 10s linear infinite;
}

.marquee1 {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  width: 200%;
  animation: marquee1 10s linear infinite;
}

.all_logos {
  display: flex;
  gap: 25px;
}

.trusted-partnerContainer {
  height: 80px !important;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

100% {
    transform: translateX(-9%);
  }
}

@keyframes marquee1 {
  100% {
    transform: translateX(0);
  }

0% {
    transform: translateX(-9%);
  }
}

/* Tech End */

/* Services Page End */

/* Business Development Start */
.business-devlopmentImg {
  margin: 0 !important;
  width: 100% !important;
}

.body-bullet-list {
  padding-left: 0px;
}

.body-bullet-list li {
  display: flex;
  margin: 6px 0;
  font-weight: 600;
  align-items: center;
}

.body-bullet-list li::before {
  background-image: url("../images/Sphere-Blue-circle.png");
  content: "";
  display: inline-block;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}

.body-unorder-list {
  padding-left: 18px;
}

/* Business Development End */

.buildStore_sec_title {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

/*.build-store-img {*/
/*    width: 85% !important;*/
/*    margin-right: auto;*/
/*}*/

/* Real Estate start */
.realEstate-appSec_title h2 {
  margin-bottom: 10px !important;
}

.realEstate-appSec_title p {
  line-height: 1.5;
  margin-bottom: 20px;
}

.reApp_box_icon img {
  width: 100%;
}

.reApp_box_icon {
  max-width: 100px;
}

.reApp_box h4 {
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.reApp_box p {
  font-size: 12px;
  line-height: 1.7;
}

.app_devSec {
  background-image: url(../images/real-estate-secBG.png);
  background-size: cover;
  background-position: top center;
  padding: 60px 0;
  margin-bottom: 140px;
}

.services-abbout1.app_devSec .sec_title {
  color: #fff;
  text-align: center;
  max-width: 968px;
  margin: 0 auto;
}

.services-abbout1.app_devSec .sec_title h2 {
  color: #fff;
}

.app_devBoxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  /* margin-bottom: -10%; */
  margin-bottom: -200px;
  margin-top: 15px;
}

.app_devBoxe {
  background: #fff;
  text-align: center;
  padding: 20px;
  border-bottom: 8px solid #02a9f7;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.app_devBoxeIcon {
  width: 60px;
  margin: 0 auto;
}

.app_devBoxeIcon img {
  width: 100%;
}

.app_devBoxe h4 {
  font-size: 20px;
  color: #02a9f7;
  font-weight: 600;
  margin: 10px 0;
}

.app_devBoxe p {
  font-size: 14px;
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.re_appDev_btns {
  margin-top: 15px;
  justify-content: center;
}

.icon_box {
  display: flex;
  align-items: center;
  margin: 15px 0;
}

.box_icon {
  width: 60px;
}

.box_icon img {
  width: 100%;
}

.icon_box h4 {
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.icon_box p {
  margin-bottom: 0;
}

/* Real Estate End */

/* Inner Pages End */

/* .service-hero-bg {
  transform: scale(1.7) !important;
  transform-origin: center;
} */

.inner-hero_rightCol {
  position: relative;
}

.inner-hero_rightCol:after {
  content: "";
  width: 70px;
  height: 60px;
  /*background: url(../images/donat-blue.png);*/
  top: 0px;
  right: 0;
  position: absolute;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  /*animation: animation1 6s linear 0s infinite normal none;*/
}

.techVerse_store_links {
  margin: 20px 0;
  display: flex;
  gap: 15px;
  align-items: center;
}

.techVerse_store_link {
  display: block;
  max-width: 150px;
  border-radius: 5px;
  overflow: hidden;
}

.techVerse_store_link img {
  width: 100%;
}

.drivingSec {
  background-image: url(../images/automotive-bg-gif.gif);
  /* opacity: 0.7; */
  background-position: bottom center;
  background-size: cover;
}

.drivingSec_innerBG {
  background: #001c36;
  position: absolute;
  opacity: 80%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.drivingSec .icon_box h4 {
  color: #fff;
}

.webDev_hero_img {
  transform: scale(1.1) !important;
  transform-origin: center;
}

.mobileApp_hero_img {
  transform: scale(1.2) translateX(-10%) !important;
  transform-origin: center;
}

.web-development_hero_img {
  transform: scale(1.2) translateX(3%) !important;
  transform-origin: center;
}

.webApp_hero_img {
  transform: scale(1) translateX(0%) !important;
  transform-origin: center;
}

.ecommerceDev_hero_img {
  transform: scale(1.3) translateX(0%) !important;
  transform-origin: center;
}

.storeApp_hero_img {
  transform: scale(1.5) translateX(0%) !important;
  transform-origin: center;
}

.width-1600 {
  max-width: 1600px;
  margin: 0 auto;
}

/*.eduHR-img1 {*/
/*    transform: scale(1.8) !important;*/
/*    transform-origin: center;*/
/*}*/
.eduHR-img3 {
  transform: scale(1.3) !important;
}

.finance-img3 {
  transform: scale(1.5) !important;
}

.finance-abt1 {
  background-color: #F3F5FB;
}

.health-care-abt1 {
  background-color: #F3F5FB;
}

.media-abt1 {
  background-color: #182139;
}

.media-img-2 {
  margin-bottom: -15%;
}

.icon-container-hover {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
}

.web-app-img11 {
  transform: scale(1.3) !important;
}

.real-estate-img1 {
  transform: scale(1.2) !important;
}

.mobile-app-22 {
  width: 80%;
  display: block;
  margin: 30px 0 -60px auto;
}

.automotive-img2 {
  width: 100%;
  margin-bottom: -14%;
}

.about-page-img1 {
  width: 80% !important;
  margin-left: auto !important;
}

.sports-img-2,
.sports-img-3 {
  width: 75% !important;
  margin-right: auto;
}

.sports-img-1 {
  width: 90% !important;
  margin-right: auto;
}

.travel-abt1 {
  background-color: #F6F2F2;
}

.travel-img-1-airplane {
  position: absolute;
  right: 4%;
  max-width: 250px;
  top: 24%;
}

.travel-abt2 {
  background-color: #F6FAFB;
}

.travel-img-2 {
  width: 80% !important;
  margin-right: auto;
}

.reApp_box {
  position: relative;
  z-index: 9;
}

.travel-img-3 {
  width: 80% !important;
  margin-right: auto;
}

.contactPage_form {
  background-color: #fff;
  padding: 40px;
  border: 3px solid #3dc1ff;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.contactPage_form .contact_formContent {
  padding-left: 0;
  padding-top: 0;
  background-image: unset;
}

.contactUSNew_hero .box_icon img {
  width: 55px;
}

.footer-spacer {
  margin-top: 60px;
  padding-bottom: 15px;
  /* border-bottom: 1px solid #ffffff6b; */
}

.edu-hr-img1-div {
  position: relative;
}

.eduHR-img1 {
  position: absolute;
  width: 100% !important;
  left: 0;
  top: -1610%;
  transform: scale(1.3) !important;
  transform-origin: left;
  z-index: 9;
}

.contactUs-laptop {
  width: 115%;
}

.about-laptopImg {
  width: 100%;
}

/* New css Start */

.section4 .sec4_left .item h4 {
  font-size: 45px;
  font-weight: light;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.section4 .sec4_left .item h3 {
  font-size: 54px;
  font-weight: 700;
  color: #000;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.section4::after {
  content: "MOBILE";
  font-size: 353px;
  font-weight: 900;
  color: #efefef;
  font-family: "Plus Jakarta Sans", sans-serif;
  position: absolute;
  top: 31px;
  letter-spacing: -33px;
  right: -76px;
  z-index: -11;
}

.section4 {
  padding: 80px 0 100px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.section4 .sec4_right::before {
  content: "";
  width: 316px;
  height: 548px;
  background: url("../images/sec4_right_bg.webp") 0 0/contain no-repeat;
  position: absolute;
  top: -13px;
  left: -17px;
  z-index: -1
}

.sec4_left img {
  width: unset !important;
}

.section4 .slick-slide {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.section4 .sec4_left .item p span {
  margin-top: 2rem;
  display: block;
  font-weight: 400;
  font-size: 16px
}

.item img {
  width: 98%;
}

/* Sec-08 Css start */
.section8 {
  padding: 80px 0;
  background: url(../images/sec8_bg.webp)
}

.sec8_pricing .sec8_box_left .box_left {
  background: url(../images/sec8_inner_bg.png) bottom right;
  border-radius: 15px;
  padding: 2rem 1rem 11rem;
  position: relative
}

.sec8_pricing .sec8_box_left .box_left::before {
  content: "";
  width: 330px;
  height: 210px;
  background: url("../images/sec8_inner_before.webp") 0 0/contain no-repeat;
  position: absolute;
  left: -30px;
  bottom: -20px;
  z-index: 1;
  animation: 1s ease-out infinite banner-img
}

#pills-grant-2 .sec8_box_left .box_left::before {
  content: "";
  width: 330px;
  height: 210px;
  background: url("../images/grant-packges.png") 0 0/contain no-repeat;
  position: absolute;
  left: -40px;
  bottom: -20px;
  z-index: 1;
  animation: 1s ease-out infinite banner-img
}

#logo-design-page .banner_item .banner_inner h1 span,
.logo-section4 .logo_sec4_content .logo_slide ul li .item_body,
.sec8_box_right .nav-pills .nav-link.active {
  background-image: -moz-linear-gradient(-90deg, #b8005d 0, #5d100d 100%);
  background-image: -ms-linear-gradient(-90deg, #b8005d 0, #5d100d 100%)
}

.sec8_pricing .sec8_box_left .box_left h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 600
}

.sec8_pricing .sec8_box_left .box_left p {
  color: #fff;
  margin: 2rem 0;
  font-weight: 200;
  font-size: 13px
}

.sec8_pricing .sec8_box_left .box_right {
  padding: 2rem;
  background: url(../images/sec8_bg.png) 100%;
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec8_pricing .sec8_box_left .box_right h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700
}

.sec8_pricing .sec8_box_left .box_right ul {
  overflow-x: hidden;
  margin-top: 2rem;
  overflow-y: scroll;
  height: 263px;
  padding-left: 0;
}

.sec8_pricing .sec8_box_left .box_right ul::-webkit-scrollbar {
  width: 8px
}

.sec8_pricing .sec8_box_left .box_right ul::-webkit-scrollbar-track {
  background: #000
}

.sec8_pricing .sec8_box_left .box_right ul::-webkit-scrollbar-thumb {
  background: linear-gradient(-45deg, #b20158, rgb(105 13 24))
}

.sec8_pricing .sec8_box_left .box_right ul li {
  margin-bottom: 12px;
  padding-left: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative
}

.sec8_pricing .sec8_box_left .box_right ul li::before {
  content: "\f058";
  font-family: fontawesome;
  font-size: 17px;
  color: #0489eb;
  position: absolute;
  left: 0;
  top: 0
}

.sec8_pricing .sec8_box_left .box_right ul li.disabled {
  color: #fff !important;

}

.sec8_pricing .sec8_box_left .box_right ul li.disabled::before {
  content: "\f057";
  font-family: fontawesome;
  font-size: 17px;
  color: red;
  position: absolute;
  left: 0;
  top: 0
}

.sec8_box_right .nav-pills .nav-link {
  padding: 20px;
  border-radius: 8px;
  border: 2px solid transparent;
  background: #01022a;
  display: flex;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px
}

.sec8_box_right .nav-pills .nav-link:last-child {
  margin: 0;
  justify-content: center;
  background: -webkit-linear-gradient(#009aff, #1c287b);
}

#v-pills-deluxe-tab {
  background: #01022a;
  justify-content: space-between
}

#v-pills-deluxe-tab.active {
  background-image: -webkit-linear-gradient(-90deg, #b8005d 0, #5d100d 100%)
}

.sec8_box_right .nav-pills .nav-link.active {
  border: 2px solid #0684e5;
  background-image: -webkit-linear-gradient(#009aff, #1c287b);
}

.sec8_box_right .nav-pills .nav-link span sub {
  font-size: 11px;
  bottom: 1px;
  font-weight: 100
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 0 rgba(0, 153, 255, .205)
  }

from {
    box-shadow: 0 0 0 14px rgba(0, 153, 255, .205)
  }
}

@keyframes banner-img {
  50% {
    transform: translateY(-10px) scale(1.065)
  }

0% {
    transform: translateY(0) scale(1)
  }
}

#pills-ecommerce-2 .sec8_pricing .sec8_box_left .box_left::before {
  content: "";
  width: 270px;
  height: 240px;
  background: url(../images/ecom/sec8_inner_before1.webp) 0 0 / contain no-repeat;
  bottom: -45px;
  left: -20px;
}

.section8 .sec8_head h2 {
  font-size: 50px;
  font-weight: 800;
  color: #fff;
}

.head_menu .head_btn2,
.sec5_content #pills-tab .nav-item button.nav-link.active,
.sec8_content #pills-tab .nav-item button.nav-link.active,
.section9 .sec9_content .sec9_testimonials .item .item_text {
  background-image: -moz-linear-gradient(#009aff, #1c287b);
  background-image: -webkit-linear-gradient(#009aff, #1c287b);
  background-image: -ms-linear-gradient(#009aff, #1c287b);
}

.sec8_content #pills-tab .nav-item button.nav-link.active {
  border: transparent;
  color: #fff;
  padding: 15px 55px;
  /* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 30%, 100% 100%, 80% 100%, 10% 100%, 0% 80%, 0% 10%); */
  /* clip-path: polygon(0 0, 90% 0%, 100% 30%, 100% 100%, 80% 100%, 10% 100%, 0% 80%, 0% 10%); */
  cursor: pointer;
  border-radius: 90px;
}

.section8 .nav-pills .nav-link {
  background: 0 0;
  background: #00000087;
  border: 0;
  border-radius: .25rem;
  color: #fff;
  padding: 15px 55px;
  /* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 30%, 100% 100%, 80% 100%, 10% 100%, 0% 80%, 0% 10%); */
  /* clip-path: polygon(0 0, 90% 0%, 100% 30%, 100% 100%, 80% 100%, 10% 100%, 0% 80%, 0% 10%); */
}

/* New css  */
.techVerse_hero_content h1 span {
  font-size: 67px;
  display: block;
  text-transform: uppercase;
  font-weight: 800;
}

.techVerse_navbar .navbar-nav {
  gap: 40px;
  padding-top: 71px;
  padding-right: 25px;
}

.techVerse_navbar .nav-item {
  position: relative;
}

.techVerse_navbar .nav-item:After {
  position: absolute;
  content: "";
  height: 40%;
  width: 2px;
  right: -19px;
  background: #fff;
  top: 11px;
}

.techVerse_hero_content h6 {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 300;
}

.techVerse_navbar ul li:last-child:after {
  display: none;
}

.topbar {
  display: flex;
  position: absolute;
  width: 100%;
  margin-left: auto;
  float: right;
  justify-content: end;
  top: 3px;
  align-items: center;
  z-index: 1;
  gap: 40px;
  right: 15px;
}

.call-first a {
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
}

.topbar .btn_with_icon {
  /* padding: 11px 38px; */
}

.call-first img {
  animation: .9s cubic-bezier(.36, .07, .19, .97) infinite shake;
}

@keyframes shake {

10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 0 rgba(0, 153, 255, 0.205);
  }

from {
    box-shadow: 0 0 0 14px rgba(0, 153, 255, 0.205);
  }
}

.section2 {
  padding: 40px 0;
  background: #f3f3f3
}

.blackcl {
  background: #000;
}

.headerin {
  color: #fff;
}

.headerin span {
  background: linear-gradient(#1DADEF, #0761A9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nofilter {
  filter: unset;
}

.nostyle {
  border: 1px solid #02a9f7;
}

.cu {
  width: 100% !important;
}

.title-2 .sec_title_head {
  color: #fff;
}

#particles-js3 .particles-js-canvas-el {
  width: 30% !important;
  height: 80% !important;
}

.section4 .container {
  margin: auto;
  max-width: 1400px;
}

#particles-js3 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

.section4 .sec4_left .item h3 span {
  background: linear-gradient(#1DADEF, #0761A9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section4 .sec4_left .item p {
  margin-top: 25px;
  line-height: 31px;
  margin-bottom: 35px;
  font-weight: 400;
  font-size: 18px;
  width: 56%;
}

.section4 .sec4_left {
  position: relative;
  z-index: 3;
}

.Animated {
  background-repeat: no-repeat;
  background: url('../images/Banner-2.png');
  background-size: cover !important;
  overflow: hidden;
}

.Animated .color-darkBlue {
  color: #fff;
}

.Animated p {
  padding-bottom: 34px;
  color: #fff;
  /* width: 76%; */
  margin: auto;
  font-weight: 200;
}

.par {
  width: 60% !important;
}

.portfolio_tabs .nav-link:hover {
  border-color: #000;
}

.section8 h3 {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.sec8_content {
  margin-top: 2rem;
}

.section8 ul#pills-tab {
  justify-content: space-around;
  margin-bottom: 60px;
}

.section8 ul#pills-tab .nav-link {
  cursor: pointer;
  border-radius: 90px;
  background: transparent;
  border: 1px solid #0684e5;
}

.section8 h3 span {
  background: linear-gradient(#1DADEF, #0761A9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.SEci {
  width: 63% !important;
  font-weight: 500 !important;
}

.techVerse_testimonials .techVerse_about_icon1 {
  bottom: 0px;
  top: unset;
  left: -41px;
}

.techVerse_testimonials .techVerse_about_icon4 {
  left: 31%;
  right: unset;
  top: 10%;
}

.techVerse_testimonials .techVerse_about_icon3 {
  left: 31%;
  right: unset;
  top: 10%;
}

.rc h5 {
  margin: 0;
  font-size: 38px;
  font-weight: 600;
  color: #000;
}

.rc h5 span {
  background: linear-gradient(#1DADEF, #0761A9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rc h2 {
  margin: 0;
  font-size: 38px;
  font-weight: 600;
  color: #000;
}

.row.row_copyright {
  border-top: 1px solid #ffffffc7;
}

.fixed-header {
  padding: 10px 8px;
  position: fixed;
  top: 0;
  z-index: 11;
  background-image: -moz-linear-gradient(-90deg, rgb(184 0 93 / 69%) 0, rgb(93 16 13 / 85%) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(184 0 93 / 89%) 0, rgb(93 16 13 / 85%) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(184 0 93 / 69%) 0, rgb(93 16 13 / 85%) 100%);
  z-index: 999999999;
}

.fixed-header .topbar {
  top: 13px;
}

.fixed-heade {
  background-image: -moz-linear-gradient(-90deg, rgb(184 0 93 / 69%) 0, rgb(93 16 13 / 85%) 100%);
  /* background-image: -webkit-linear-gradient(-90deg, rgb(184 0 93 / 89%) 0, rgb(93 16 13 / 85%) 100%); */
  background-image: -ms-linear-gradient(-90deg, rgb(184 0 93 / 69%) 0, rgb(93 16 13 / 85%) 100%);
  /* width: 100%; */
  /* height: 100%; */
  /* position: relative; */
  /* z-index: 8; */
}

#particles-js4 canvas.particles-js-canvas-el {
  width: 28% !important;
  margin-left: auto;
  height: 100% !important;
  z-index: -1;
}

.btn_with_icon:hover {
  /* background: #000; */
  color: #fff;
  transition: all 0.5s ease;
}

.btn_with_icon:before {
  border-radius: 71px;
  position: absolute;
  content: "";
  background: #000;
  height: 100%;
  width: 0%;
  right: 0;
  top: 0px;
  z-index: -1;
  transition: all 0.5s ease;
}

.btn_with_icon:hover:before {
  width: 50%;
  transition: all 0.5s ease;
  border-radius: 0px;
}

.btn_with_icon:after {
  border-radius: 71px;
  position: absolute;
  content: "";
  background: #000;
  height: 100%;
  width: 0%;
  left: 0%;
  top: 0px;
  z-index: -1;
  transition: all 0.5s ease;
}

.btn_with_icon:hover:after {
  border-radius: 0px;
  transition: all 0.7s ease-in;
  width: 50%;
}

/* Innerpage css */
.About_Content {
  text-align: center;
}

.About_Content p {
  width: 62%;
  margin: auto;
  padding-bottom: 31px;
}

.About_Content .techVerse_hero_btns {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.frm-1 {
  left: 0;
  top: 0px;
}

.Sec-011 #particles-js1 .particles-js-canvas-el {
  right: 0px;
  left: unset;
}

.Partner_Sec {
  padding-top: 6rem;
  padding-bottom: 5rem;
}

.Collab-Text h2 {
  font-size: 36px;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.Collab-Text p {
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 15px;
  width: 95%;
}

.Collab-Text h2 span {
  color: #02a9f7;
}

.iner-Banner .techVerse_hero {
  padding: 135px 0 0px;
}

.fill {
  justify-content: center;
  display: flex;
  margin: auto;
  text-align: center;
  /* background-color: white; */
  width: fit-content;
  -webkit-text-fill-color: #10101000;
  -webkit-text-stroke: 1px #ffffff29;
  font-size: 215px;
  text-transform: uppercase;
  position: absolute;
  top: -105px;
  left: 0;
  width: 100%;
  right: 0;
}

.fill::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  /* -webkit-text-fill-color: #000000; */
  width: 0;
  overflow: hidden;
  transition: .6s;
  display: flex;
  justify-content: center;
}

.fill:hover::after {
  width: 100%;
}

.techVerse_about_content ul li p {
  font-weight: 600;
  width: 86%;
}

.iner_Mobile .techVerse_webSolution-bg {
  background: url('../images/inner/b-1.png');
}

.iner_Mobile .techVerse_mobileApp_content h6 {
  font-size: 60px;
  color: #fff;
  font-family: "Sora", sans-serif;
  margin-bottom: 28px;
}

.iner_Mobile .techVerse_mobileApp_content p {
  width: 73%;
  font-size: 18px;
}

p.w-09 {
  width: 80%;
}

img.Shape-Bn {
  width: 36%;
  position: absolute;
  right: 115px;
  top: -74px;
}

.caro-images figure img {
  width: 100%;
}

.techVerse_hero_img .mobile-apps figure img {
  width: 100%;
  animation: 2s ease-out infinite banner-img;
}

.bule-img figure img.Shape-Bn {
  width: 35%;
  position: absolute;
  right: 164px;
  top: 56px;
}

.hen span {
  font-size: 159px;
}

.newb {
  padding-left: 14px;
}

.newb p {
  margin-bottom: 10px;
  font-size: 15px;
  width: 100% !important;
}

h1.flex span {
  display: unset;
}

section.techVerse_webSolution.hoverEffectSec.BAg {
  background: url('../images/bg-new.png');
  padding: 50px 0;
}

.techVerse_webSolution_content.text-start {
  text-align: start;
}

.techVerse_webSolution_content.text-start p {
  font-size: 19px;
}

.techVerse_webSolution_content.text-start h6 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 30px;
}

.techVerse_webSolution_content.text-start h2 {
  font-size: 37px;
}

.techVerse_webSolution_content.text-start .techVerse_hero_btns {
  justify-content: start;
}

.customSeo {
  padding: 22px 15px 29px 146px;
}

.customSeo h5 {
  font-size: 40px;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.customSeo h5 span {
  background: linear-gradient(#1DADEF, #0761A9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.customSeo p {
  line-height: 28px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 18px;
  width: 90%;
  color: #4D4D4D;
}

.cusotmh p {
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
}

.customSeo .techVerse_hero_btns {
  margin-top: 50px;
}

.messageimg img {
  width: 100%;
}

.chntactbox {
  text-align: center;
}

.chntactbox h5 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  color: #000;
}

.chntactbox p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding-bottom: 14px;
}

.chntactbox a {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-decoration: none !important;

}

.Contact-Sec {
  padding-top: 5rem;
  padding-bottom: 6rem;
}

.MessageSec {
  background: url('../images/contact-bg.png');
  padding: 90px 0px 110px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.FormContact h6 {
  margin-bottom: 27px;
  color: #fff;
  font-size: 39px;
  text-transform: capitalize;
  font-weight: 500;
}

.FormContact .form-control {
  background: transparent;
  border-radius: 90px;
  height: 55px;
  padding-left: 17px;
  border: 1px solid #fff;
  color: #fff;
}

.FormContact textarea#exampleFormControlTextarea1 {
  height: auto;
  background: transparent;
  width: 100%;
  border-radius: 20px;
  resize: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 10px;
}

.btn-primary {
  overflow: hidden;
  z-index: 0;
  position: relative;
  transition: all 0.5s ease;
  animation: 1s ease-out infinite pulse;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 70px;
  color: #fff;
  gap: 5px;
  font-size: 18px;
  border-radius: 30px;
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  border: unset;
  cursor: pointer;
}

.FormContact .form-control::placeholder {
  color: #fff;

}

/* go to top */
.scroll-to-top {
  width: 50px;
  height: 50px;
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  position: fixed;
  bottom: 88px;
  right: 40px;
  z-index: 999;
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
  display: none;
  border-radius: 50%;
  cursor: pointer;
}

.scroll-to-top i {
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  -webkit-transition: .4s;
  transition: .4s;
}

/* go to top */
/* theme-btn */
.theme-btn.bt-support-now {
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  bottom: 146px;
}

.theme-btn.bt-buy-now:hover,
.theme-btn.bt-support-now:hover {
  color: #fff;
}

.theme-btn.bt-buy-now {
  background: #8ac346;
  background: -moz-linear-gradient(top, #a3d179 0, #88ba46 100%);
}

.theme-btn {
  border-radius: 40px;
  bottom: 59px;
  display: table;
  height: 66px;
  left: 30px;
  min-width: 66px;
  text-align: center;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34px;
}

.theme-btn,
span.coupon {
  position: fixed;
  color: #fff;
}

.theme-btn,
span.coupon {
  animation: .5s infinite alternate scrollDownAnimation;
}

@keyframes scrollDownAnimation {
  0% {
    transform: translateY(0);
  }

100% {
    transform: translateY(-10px);
  }
}

/* theme-btn */

/* float-side-btn */
.floatbutton {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.floatbutton .clickbutton .crossplus:after,
.floatbutton .clickbutton .crossplus:before {
  content: "";
  display: none;
  z-index: 99;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.floatbutton .ban-form input,
.floatbutton .ban-form textarea {
  padding: 10px 15px;
  outline: 0 !important
}

.floatbutton .theme-btn,
span.coupon {
  animation: .5s infinite alternate scrollDownAnimation
}

.floatbutton .banner-form h3,
.floatbutton span.coupon {
  text-transform: uppercase
}

.floatbutton.active {
  right: 0;
  z-index: 999;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.floatbutton .clickbutton .crossplus {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.floatbutton {
  transition: .4s;
  position: fixed;
  right: -370px;
  top: 16%;
  font-size: 0;
  width: 420px;
  z-index: 999
}

.floatbutton .banner-form,
.floatbutton .clickbutton {
  position: relative;
  display: inline-block
}

.floatbutton .clickbutton {
  overflow: hidden;
  border-radius: 11px 0 0 11px;
  width: 50px;
  z-index: 999;
  height: 300px;
  cursor: pointer;
  box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09);
  padding-top: 0;
  vertical-align: top;
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  margin-top: 190px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  -ms-box-shadow: 0 0 40px #00000026;
  -o-box-shadow: 0 0 40px #00000026;
  /* border: 3px solid #fff; */
}

.floatbutton .clickbutton .crossplus:before {
  width: 20px;
  height: 2px;
  background: #fbb334;
}

.floatbutton .clickbutton .crossplus:after {
  width: 2px;
  height: 20px;
  background: #fab334;
}

.floatbutton .clickbutton .crossplus {
  font-family: "Plus Jakarta Sans", sans-serif;
  display: block;
  transition: .4s;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-90deg);
  font-size: 16px;
  color: #fff;
  left: 0;
  right: 0;
  top: 0;
  white-space: pre;
  bottom: 0;
  z-index: 100;
}

.floatbutton .clickbutton .crossplus.rotate {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.floatbutton .clickbutton .crossplus i {
  font-size: 18px;
  color: #f43535;
  margin: 17px 0 0 15px
}

.floatbutton .banner-form {
  background: #fff;
  padding: 30px;
  z-index: 9;
  border-radius: 5px 0 0 5px;
  margin: 0;
  width: 370px;
  box-shadow: 0 0 30px #0000001f;
}

.floatbutton .ban-form input {
  width: 100%;
  margin: 0;
  border: 1px solid #1A3236;
  background: #F8F8F8;
  color: #1A3236;
  font-size: 14px;
  border-radius: 3px;
  height: 50px;
  font-weight: 400;
  font-family: "Noir-Regular";
}

.floatbutton .banner-form .intl-tel-input {
  width: 100%
}

.floatbutton .banner-form h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #151C22;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}

.floatbutton .ban-form .fldset {
  margin: 0 0 15px 0;
}

.floatbutton .ban-form .fldset .btn-submit {
  color: #fff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  border-radius: 100px;
  text-align: center;
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  padding: 10px 15px;
  border: transparent;
  text-transform: uppercase;
  font-size: 20px;
  width: 100%;
  transition: all .5s ease-in-out;
}

.floatbutton .ban-form textarea {
  font-family: "Plus Jakarta Sans", sans-serif;
  width: 100%;
  border: 1px solid #1A3236;
  background: #F8F8F8;
  color: #1A3236;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 400;
  height: 120px;
}

.floatbutton .btns_wrap .call_wrap,
.floatbutton .btns_wrap .chat_wrap {
  position: absolute;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 40px #00000026 !important;
  background: none;
}

.floatbutton .btns_wrap {
  position: fixed;
  right: -6px
}

.floatbutton .btns_wrap a:hover {
  text-decoration: none !important;
  right: -52px;
}

.floatbutton .btns_wrap .call_wrap {
  width: 295px;
  right: -240px;
  top: 126px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.floatbutton .btns_wrap .call_wrap span {
  color: #1e3236;
  font-size: 18px;
  vertical-align: middle;
  background: #fff;
  padding: 15px 20px 15px 15px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.floatbutton .btns_wrap .chat_wrap {
  display: block;
  right: -225px;
  width: 280px;
  top: 54px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.floatbutton .btns_wrap .call_wrap span.icoo,
.floatbutton .btns_wrap .chat_wrap span.icoo {
  color: #fff;
  background-image: linear-gradient(45deg, #20B8F9, #03539C);
  font-size: 18px;
  padding: 14px 20px 12px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 9px;
}

.floatbutton .btns_wrap .chat_wrap span {
  color: #1e3236;
  font-size: 20px;
  vertical-align: middle;
  font-family: "Plus Jakarta Sans", sans-serif;
  background: #fff;
  padding: 15px 30px 15px 15px;
}

/* float-side-btn */

.map-sec iframe{
  min-width: 100%;
    max-width: 100%;
    min-height: 750px;
    max-height: 750px;
    filter: grayscale(100);
}
.map-sec .container-fluid{
  width: 100%;

}
.mobiledrop {
    display: none;
}

Cancel