@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Rubik+Vinyl&family=Sixtyfour&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");


.portfolio:hover #nestedportfolio {
  display: block;
}

.servicenesteddropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #007bff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
}

.portfolio {
  position: relative;
}

.servicenesteddropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.servicenesteddropdown ul a {
  text-decoration: none;
  color: #333;
}

.nestedinnercontainer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
}

.nestedinnercontainer:hover {
  background-color: #f1f1f1;
  color: #007bff;
}


/* Portfolio Dropdown */
.portfolio-dropdown {
  position: relative;
}

.portfolio-dropdown .portfolio-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #007bff;
  padding: 10px 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: none;
  min-width: 180px;
  z-index: 999;
  border-radius: 8px;
}

.portfolio-dropdown:hover .portfolio-submenu {
  display: block;
}

.portfolio-submenu a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #000;
  font-family: "Nunito", serif;
  transition: background-color 0.3s ease;
}

.portfolio-submenu a:hover {
  background-color: #f0f0f0;
}



/* NAV BAR STRIP */
.Navbarstrip {
  width: 100%;
  /* padding: 10px 0; */
  background-color: #0c59db;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Navbarstrip1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  padding-inline: 2vw;
  gap: 5vw;
}

.Navbarstriplocation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.Navbarstriplocation i {
  font-size: 0.8vw;
  color: white;
}

.Navbarstriplocation a {
  margin: 0;
  text-decoration: none;
  font-size: 0.8vw;
  color: white;
  font-family: "Nunito", serif;
}

.Navbarstripmail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.Navbarstripmail i {
  font-size: 0.8vw;
  color: white;
}

.Navbarstripmail a {
  text-decoration: none;
  color: white;
  font-size: 0.8vw;
  font-family: "Nunito", serif;
}

.Navbarstripmail p {
  margin: 0;
  font-size: 0.8vw;
  color: white;
  font-family: "Nunito", serif;
}

.Navbarstrip2 {
  width: 14%;
  background-color: #000266;
  height: 100%;
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-inline: 2vw;
}

.Navbarstripclock {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.Navbarstripclock i {
  font-size: 0.8vw;
  color: white;
}

.Navbarstripclock p {
  margin: 0;
  font-size: 0.8vw;
  color: white;
  font-family: "Nunito", serif;
}

/* HOME SECTION-1 */
.Homesection1container {
  width: 100%;
  height: 85vh;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 200px;
  background-image: url("homepageimages\\herofinalbg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.Homesection1contentcontainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2vw;
  flex-direction: column;
  /* padding: 0 25px; */
}

.Homesection1contentcontainer h3 {
  text-transform: uppercase;
  color: white;
  font-size: 1vw;
  font-family: "Rajdhani", serif;
  margin: 0;
}

.Homesection1contentcontainer h1 {
  text-transform: uppercase;
  color: white;
  line-height: 1.2;
  font-size: 3.7vw;
  font-weight: 700;
  font-family: "Rajdhani", serif;
  white-space: nowrap;
  margin: 0;
}

.Homesection1contentcontainer p {
  color: white;
  font-size: 1vw;
  font-family: "Nunito", serif;
  margin: 0;
}

.Homesection1buttoncontainer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 25px;
}

.Homesection1buttoncontainer a {
  text-decoration: none;
  color: white;
  padding: 1vw 1.2vw;
  border-radius: 10px;
  background-color: #0c59db;
  font-family: "Nunito", serif;
  transition: 0.2s;
}

.Homesection1buttoncontainer a:hover {
  background-color: #090053;
}

.Homesection1buttoncontainer a i {
  margin-left: 10px;
}

.Homesection1imagecontainer {
  /* padding: 0 55px; */
  width: 100%;
  height: 100%;
  /* background-color: red; */
  /* overflow: hidden; */
  position: relative;
}

#Homesection1image1 {
  width: 6vw;
  position: absolute;
  top: 30%;
  right: 65%;
  animation-name: homesection1img1;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

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

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

#Homesection1image2 {
  width: 25vw;
  /* height: 100%; */
  position: absolute;
  bottom: 0%;
  right: 15%;
}

/* HOME SECTION-2 */

.Homesection2container {
  width: 100%;
  height: 50vh;
  background-color: #edfaff;
  /* background-color: blue; */
  position: relative;
}

.Homesection2cardcontainer {
  width: 100%;
  /* background-color: red; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 18px; */
  padding: 20px 200px;
  position: relative;
  top: -14%;
  /* bottom: -70%; */
}

.Homesection2card {
  width: 30%;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: white;
  border-radius: 10px;
  gap: 15px;
  position: relative;
  overflow: hidden;
}

#featureboxshapeimg1,
#featureboxshapeimg2,
#featureboxshapeimg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: -100%;
  transition: 0.5s ease;
}

#Homesection2cardimg {
  width: 100%;
  position: relative;
  z-index: 5;
}

#Homesection2shape1,
#Homesection2shape2,
#Homesection2shape3 {
  padding: 28px;
  background-color: #0c58db2a;
  position: relative;
  z-index: 3;
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}

.Homesection2card h1 {
  text-transform: uppercase;
  text-align: center;
  font-family: "Rajdhani", serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 2;
}

.Homesection2card p {
  text-transform: capitalize;
  text-align: center;
  font-family: "Nunito", serif;
  font-size: 15px;
  padding: 0 20px;
  margin: 0;
  position: relative;
  z-index: 2;
}

#Homesection2cardbar1,
#Homesection2cardbar2,
#Homesection2cardbar3 {
  width: 7%;
  padding: 1px;
  background-color: #0c59db;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}

/* HOME SECTION-3 */
/* WE CAN REMOVE THIS PORTFOLIO */
.Homesection3container {
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background-color: #000266;
}

.Homesection3firstcontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.Homesection3firstcontainer p {
  color: white;
  margin: 0;
  font-size: 20px;
  letter-spacing: 1px;
  font-family: "Nunito", serif;
}

.Homesection3firstcontainer h1 {
  color: white;
  text-transform: uppercase;
  font-size: 85px;
  letter-spacing: 2px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
}

.Homesection3secondcontainer {
  width: 100%;
  height: 100vh;
  background-color: #000266;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#Homesection3bgimg1 {
  width: 60%;
  position: absolute;
  left: -2%;
}

#Homesection3bgimg2 {
  width: 50%;
  position: absolute;
  bottom: -2%;
  right: -2%;
}

.Homesection3cardcontainer {
  width: 100%;
  /* background-color: red; */
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.Homesection3card {
  width: 28%;
  height: 300px;
  background-color: white;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.Homesection3cardimgcontainer {
  width: 95%;
  height: 75%;
  background-color: black;
}

.Homesection3cardimgcontainer img {
  width: 100%;
  height: 100%;
}

.Homesection3card a {
  text-decoration: none;
  padding: 5px 50px;
  background-color: #edfaff;
  color: #0c59db;
  border: 2px solid #0c59db;
  font-size: 18px;
  font-family: "Nunito", serif;
}

#viewmorebtn {
  text-decoration: none;
  padding: 5px 50px;
  background-color: #edfaff;
  color: #0c59db;
  border: 2px solid #0c59db;
  position: relative;
  font-size: 18px;
  font-family: "Nunito", serif;
}

#viewmorebtn i {
  margin-left: 5px;
}

/* HOME SECTION-4 */
.Homesection4container {
  width: 100%;
  height: 80vh;
  background-color: #edfaff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 100px;
  padding: 20px 200px;
}

.Homesection4imggallery {
  width: 80%;
  height: 100%;
  /* background-color: red; */
  position: relative;
}

.Homesection4imggallerypart1 {
  background-color: #0c59db;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 38%;
  border-radius: 20px;
  gap: 20px;
  position: relative;
  z-index: 3;
}

.Homesection4imggallerypart1 h3 {
  font-size: 40px;
  text-align: center;
  color: white;
  font-family: "Rajdhani", serif;
  font-weight: 700;
}

#Homesection4gallertpart1line {
  width: 30%;
  border-radius: 20px;
  padding: 2px;
  background-color: white;
}

.Homesection4imggallerypart1 p {
  font-size: 18px;
  text-align: center;
  color: white;
  font-family: "Nunito", serif;
}

.Homesection4imggallerypart2 {
  width: 60%;
  height: 55%;
  /* background-color: green; */
  position: absolute;
  top: 0%;
  right: 0;
  z-index: 2;
  border-radius: 20px;
}

.Homesection4imggallerypart2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.Homesection4imggallerypart3 {
  width: 55%;
  height: 40%;
  background-color: white;
  position: absolute;
  /* bottom: 0%; */
  left: 0;
  z-index: 2;
  border-radius: 20px;
  padding: 10px;
}

.Homesection4imggallerypart3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.Homesection4imggallerypart4 {
  width: 35%;
  height: 30%;
  /* background-color: yellow; */
  position: absolute;
  bottom: 15%;
  right: 5%;
  z-index: 2;
  border-radius: 20px;
  padding: 15px;
}

.Homesection4imggallerypart4 img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  animation-name: Homesection4imggallerypart4img;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

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

  100% {
    transform: translateY(50%);
  }
}

.Homesection4contentcontainer {
  width: 100%;
  height: 100%;
  /* background-color: blue; */
  padding: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.Homesection4contentcontainer h3 {
  font-size: 25px;
  color: #0c59db;
  font-family: "Nunito", serif;
  margin: 0;
}

.Homesection4contentcontainer h2 {
  font-size: 45px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection4contentcontainer p {
  margin: 0;
}

.Homesection4contentinnerbox {
  width: 100%;
  padding: 20px;
  /* background-color: green; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.Homesection4contentfirstinnerbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  /* background-color: red; */
}

.Homesection4contentsecondinnerbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  /* background-color: blue; */
}

.Homesection4contentbox {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  /* background-color: green; */
}

.Homesection4contentbox img {
  width: 20%;
}

.Homesection4contentbox p {
  margin: 0;
  font-size: 20px;
  font-family: "Nunito", serif;
  font-weight: 700;
}

#Homesection4arrowimg {
  width: 12%;
  position: absolute;
  bottom: -40%;
  right: 40%;
  animation-name: Homesection4arrowimg;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

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

  100% {
    transform: rotate(-20deg);
  }
}

.Homesection4contentcontainer a {
  text-decoration: none;
  color: white;
  background-color: #0c59db;
  padding: 10px;
  border-radius: 20px;
  font-family: "Nunito", serif;
  font-size: 18px;
  transition: 0.5s ease-in-out;
  /* margin-top: 20px; */
}

.Homesection4contentcontainer a:hover {
  background-color: #000529;
}

.Homesection4contentcontainer a i {
  margin-left: 10px;
  font-size: 12px;
}

/* HOME SECTION-5 */
.Homesection5container {
  width: 100%;
  /* background-color: #000266; */
  height: 110vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: url("homepageimages\\service-bg.png");
  background-position: center;
  background-size: cover;
}

#Homesection5bgimg1 {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  /* right: 0; */
  /* z-index: 1; */
}

.Homesection5titleContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* position: absolute; */
  /* z-index: 3; */
  /* top: 0; */
  padding: 50px 10px;
}

.Homesection5titleContainer h3 {
  color: #0c59db;
  font-size: 2vw;
  font-family: "Nunito", serif;
}

.Homesection5titleContainer h2 {
  color: white;
  font-size: 3vw;
  text-align: center;
  font-family: "Rajdhani", serif;
  font-weight: 700;
}

.Homesection5cardscontainer {
  /* background-color: red; */
  width: 100%;
  padding: 20px 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 35px;
}

.Homesection5card {
  height: 300px;
  width: 30%;
  background-color: white;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

#Homesection5cardbg1,
#Homesection5cardbg2,
#Homesection5cardbg3,
#Homesection5cardbg4,
#Homesection5cardbg5,
#Homesection5cardbg6 {
  background-color: #0c59db;
  width: 100%;
  padding: 20px;
  position: absolute;
  z-index: 1;
  left: -100%;
  height: 100%;
  transition: 0.5s ease-in-out;
}

.Homesection5cardnumbercontainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
  padding-right: 0;
  position: relative;
  z-index: 3;
}

.Homesection5iconcontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
}

.Homesection5iconcontainer img {
  width: 50px;
  height: 50px;
  color: black;
}

.Homesection5cardcircle {
  height: 30px;
  width: 30px;
  background-color: #0c58db84;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.Homesection5numbercontainer {
  background-color: #0c58db2f;
  padding: 7px 20px;
  border-radius: 20px 0 0 20px;
  /* opacity: 0.7; */
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection5numbercontainer h3 {
  margin: 0;
  color: #0c59db;
  position: relative;
  z-index: 3;
  font-family: "Rajdhani", serif;
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection5contentcontainer {
  width: 100%;
  padding: 7px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.Homesection5contentcontainer h2 {
  font-size: 30px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection5contentcontainer p {
  font-size: 17px;
  font-family: "Nunito", serif;
  margin: 0;
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection5contentcontainer i {
  font-size: 20px;
  color: #0c59db;
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection5contentcontainer a {
  text-decoration: none;
  color: #0c59db;
}

.Homesection5contentcontainer a span {
  display: none;
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

/* HOME SECTION-6 */
.Homesection6container {
  width: 100%;
  height: 100vh;
  background-color: #edfaff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  /* gap: 15px; */
  /* padding: 20px; */
}

.Homesection6titlecontainer {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: red; */
}

.Homesection6title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.Homesection6title h2 {
  font-size: 20px;
  font-family: "Nunito", serif;
  color: #0c59db;
  text-align: center;
  margin: 0;
}

.Homesection6title h3 {
  font-size: 30px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  text-align: center;
  margin: 0;
}

.Homesection6titlecontainer a {
  text-decoration: none;
  font-size: 17px;
  font-family: "Nunito", serif;
  color: white;
  background-color: #0c59db;
  padding: 10px;
  border-radius: 20px;
}

.Homesection6titlecontainer a i {
  font-size: 15px;
  margin-left: 10px;
}

.Homesection6imagesoutercontainer {
  width: 100%;
  /* background-color: blueviolet; */
  height: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.Homesection6cards {
  width: 30%;
  height: 100%;
  /* background-color: aqua; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.Homesection6imgcontainer {
  width: 80%;
  height: 50%;
  /* background-color: black; */
  border-radius: 20px;
}

.Homesection6imgcontainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  /* padding: 25px; */
  padding-bottom: 0;
}

.Homesection6carddetails {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 80%;
  height: 30%;
  padding: 20px 10px;
  background-color: white;
  border-radius: 20px 20px 0 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 80%, 0 100%);
  transition: 0.5s ease-in-out;
}

.Homesection6carddetails:hover {
  background-color: #0c59db;
  height: 35%;
}

.Homesection6carddetails h4 {
  margin: 0;
  font-family: "Rajdhani", serif;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}

.Homesection6carddetails p {
  margin: 0;
  font-family: "Nunito", serif;
  font-size: 20px;
}

.Homesection6carddetails i {
  font-size: 22px;
  padding: 10px;
  background-color: #0c59db;
  border-radius: 50%;
  color: white;
}

.Homesection6social {
  width: 50%;
  display: none;
  justify-content: space-between;
  align-items: center;
}

.Homesection6social a {
  text-decoration: none;
}

#homesection6icon {
  font-size: 20px;
  background-color: white;
  color: #0c59db;
}

.Homesection6carddetails:hover .Homesection6social {
  /* background-color:#0C59DB;
    height: 35%; */
  display: flex;
}

/* HOME SECTION-7 */
.Homesection7container {
  width: 100%;
  /* background-color: #000266; */
  background-image: url("homepageimages\\counter-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 100px 200px;
}

.Homesection7detailcontainer {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  gap: 10px;
}

.Homesection7detailcontainer h2 {
  font-size: 65px;
  color: white;
  text-align: center;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection7detailcontainer p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.534);
  text-align: center;
  text-transform: uppercase;
  font-family: "Nunito", serif;
  font-weight: 500;
  margin: 0;
}

/* HOME SECTION-8 */
.Homesection8container {
  width: 100%;
  height: 70vh;
  /* background-color: #E5E3FF; */
  background-image: url("homepageimages\\portfolio-bg.jpg");
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.Homesection8innercontainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  top: 35%;
  /* gap: 10px;  */
}

.Homesection8innercontainer h3 {
  font-family: "Nunito", serif;
  font-size: 20px;
  color: #0c59db;
  text-align: center;
}

.Homesection8innercontainer h2 {
  font-family: "Rajdhani", serif;
  font-size: 50px;
  font-weight: 700;
  text-align: center;
}

.Homesection8cardcontainer {
  width: 100%;
  height: 100%;
  padding: 20px 100px;
  /* background-color: red; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}

.Homesection8card {
  width: 40%;
  height: 800px;
  position: relative;
  /* background-color: #E5E3FF; */
  /* padding: 20px; */
}

.Homesection8card img {
  width: 100%;
  height: 70%;
  object-fit: cover;
  border-radius: 20px;
}

.Homesection8cardtitlecard {
  background-color: white;
  /* padding: 10px; */
  width: 80%;
  position: absolute;
  top: 65%;
  /* bottom: 0%; */
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 30px 10px;
}

.Homesection8cardtitlecard h2 {
  -webkit-text-stroke: 1px black;
  color: white;
  letter-spacing: 5px;
  font-size: 40px;
  margin: 0;
}

.Homesection8cardtitlecard h4 {
  font-size: 40px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

/* HOME SECTION-9 */
.Homesection9container {
  width: 100%;
  height: 110vh;
  background-color: #000529;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 0 200px;
}

.Homesection9titlecontainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.Homesection9titlecontainer h3 {
  color: #0c59db;
  font-size: 35px;
  font-family: "Nunito", serif;
  margin: 0;
}

.Homesection9titlecontainer h2 {
  color: white;
  font-size: 50px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection9cardscontainer {
  width: 85%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* background-color: red; */
  padding: 20px 50px;
  /* height: 10%; */
}

.Homesection9card {
  width: 25%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
}

.Homesection9imgcontainer {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#Homesection9cardimg1 {
  width: 100%;
  position: absolute;
  animation-name: Homesection9cardimg1rotate;
  animation-timing-function: linear;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

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

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

#Homesection9cardimg2 {
  width: 90%;
  /* position: absolute; */
}

.Homesection9imgcontainer h3 {
  background-color: #0c59db;
  padding: 12px;
  border-radius: 50%;
  margin: 0;
  color: white;
  position: absolute;
  top: -2%;
  left: 0;
  font-family: "Rajdhani", serif;
  margin: 0;
}

.Homesection9card h3 {
  text-align: center;
  color: white;
  font-family: "Rajdhani", serif;
  font-size: 30px;
  /* margin-top: 10px; */
  margin: 0;
  font-weight: 700;
}

.Homesection9card p {
  text-align: center;
  color: white;
  font-family: "Nunito", serif;
  font-size: 20px;
  margin: 0;
}

.Homesection9arrowcontainer {
  width: 10%;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.Homesection9arrowcontainer img {
  width: 100%;
}

/* HOME SECTION-10 */
.Homesection10container {
  width: 100%;
  /* height: 80vh; */
  background-color: #e5e3ff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 50px 0;
}

.Homesection10container h3 {
  color: #0c59db;
  font-size: 20px;
  font-family: "Rajdhani", serif;
  margin: 0;
  /* font-family: "Nunito", serif; */
}

.Homesection10container h2 {
  color: black;
  font-size: 40px;
  text-align: center;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection10swiper {
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #e5e3ff;
}

swiper-container {
  width: 100%;
  height: 100%;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #e5e3ff;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

swiper-container {
  margin-left: auto;
  margin-right: auto;
}

.Homesection10circlescontainer {
  width: 60%;
  padding: 50px;
  /* background-color: red; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  gap: 25px;
}

.Homesection10circle {
  width: 80px;
  height: 80px;
  background-color: rgba(128, 128, 128, 0.39);
  border-radius: 50%;
  overflow: hidden;
}

.Homesection10circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.Homesection10namecontainer {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.Homesection10namecontainer h6 {
  text-align: center;
  /* padding: 0px 100px; */
  font-size: 25px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection10namecontainer p {
  text-align: center;
  /* padding: 0px 100px; */
  font-size: 20px;
  font-family: "Nunito", serif;
  margin: 0;
}

.Homesection10starscontainer {
  /* width: 12%; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 15px;
}

.Homesection10starscontainer i {
  color: gold;
  font-size: 20px;
}

/* HOME SECTION-11 */
.Homesection11container {
  width: 100%;
  height: 80vh;
  /* background-color: #00324E; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.Homesection11content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  gap: 10px;
  position: relative;
  z-index: 2;
}

.Homesection11container h3 {
  font-family: "Rajdhani", serif;
  color: #0c59db;
  font-size: 30px;
  margin: 0;
}

.Homesection11container h2 {
  color: black;
  font-size: 40px;
  text-align: center;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection11container video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* HOME SECTION-12 */
.Homesection12container {
  width: 100%;
  height: 25vh;
  /* background-color: #EDFAFF; */
  background-image: url("homepageimages\\contact-info-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.Homesection12innercontainer {
  width: 25%;
  padding: 20px;
  background-color: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 20px;
  border: 2px solid #0c59db;
  position: relative;
  overflow: hidden;
}

#Homesection12innerbg1,
#Homesection12innerbg2,
#Homesection12innerbg3 {
  background-color: #0c59db;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  left: -100%;
  transition: 0.5s ease-in-out;
  z-index: 2;
}

.Homesection12innercontainer i {
  color: #0c59db;
  /* background-color: red; */
  border: 1px solid #0c59db;
  padding: 15px;
  border-radius: 50%;
  font-size: 20px;
  position: relative;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection12detailcontainer h6 {
  margin: 0;
  font-size: 20px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  position: relative;
  z-index: 3;
  color: black;
  transition: 0.5s ease-in-out;
}

.Homesection12detailcontainer a {
  text-decoration: none;
  font-family: "Rajdhani", serif;
  font-size: 22px;
  position: relative;
  z-index: 3;
  color: #0c59db;
  transition: 0.5s ease-in-out;
}

.Homesection12detailcontainer p {
  text-decoration: none;
  font-family: "Rajdhani", serif;
  font-size: 22px;
  position: relative;
  z-index: 3;
  color: #0c59db;
  transition: 0.5s ease-in-out;
  margin: 0;
}

/* HOME SECTION-13 */
.Homesection13container {
  width: 100%;
  height: 100vh;
  /* background-color: #00324E; */
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("homepageimages\\pricing-bg.jpg");
  background-position: center;
  background-size: cover;
  padding: 50px 200px;
}

.Homesection13part1 {
  padding: 25px 50px;
  width: 100%;
  height: 100%;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.Homesection13part1 h3 {
  font-family: "Rajdhani", serif;
  color: #0c59db;
  font-size: 30px;
  margin: 0;
}

.Homesection13part1 h2 {
  color: white;
  font-size: 45px;
  /* text-align: center; */
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

.Homesection13part1faqcontainer {
  width: 100%;
  /* background-color: aqua; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* gap: 7px; */
  margin-top: 20px;
}

/* .Homesection13innerfaq {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-top: 1px solid rgba(128, 128, 128, 0.469);
    transition: 0.5s ease-in-out;
} */

.topic-section {
  width: 100%;
  /* margin: 0 auto; */
}

.topic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  /* margin: 10px 0; */
  background-color: transparent;
  border-top: 1px solid rgba(128, 128, 128, 0.469);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

.topic span {
  color: white;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  font-size: 20px;
}

.topic span i {
  color: white;
  /* font-family: "Rajdhani", serif;
    font-weight: 700;
    font-size: 25px; */
}

.topic:hover {
  background-color: #007bff;
  color: #fff;
  padding: 15px 25px;
}

.topic.active {
  background-color: #007bff;
  color: #fff;
}

.topic-content {
  display: none;
  padding: 10px 25px;
  font-family: "Nunito", serif;
  font-weight: 700;
  font-size: 18px;
  color: white;
}

.arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.topic.active .arrow {
  transform: rotate(90deg);
}

/* .Homesection13innerfaq p {
    font-family: "Rajdhani", serif;
    font-weight: 700;
    font-size: 25px;
    color: white;
    margin: 0;
}

.Homesection13innerfaq i {
    font-size: 20px;
    color: white;
}

#Homesection13descfaq1 {
    margin: 0;
    transition: 2s ease-in-out;
    display: none;
    padding: 15px 30px;
} */

/* #Homesection13descfaq1 p {
    color: white;
    font-family: "Nunito", serif;
    font-size: 18px;
    
} */

.Homesection13part2 {
  padding: 50px 0px;
  width: 100%;
  height: 100%;
  /* background-color: blueviolet; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 50px;
  overflow: hidden;
}

.Homesection13part2box {
  width: 100%;
  height: 40%;
  background-color: white;
  border-radius: 20px;
  position: relative;
  padding: 25px 0;
  /* overflow: hidden; */
}

#Homesection13part2boxbg1,
#Homesection13part2boxbg2 {
  width: 100%;
  height: 100%;
  background-color: #0c59db;
  padding: 20px;
  position: absolute;
  top: 0;
  z-index: 2;
  left: -100%;
  transition: 0.5s ease-in-out;
  border-radius: 20px;
}

.Homesection13part2boxcard {
  background-color: #0c59db;
  width: fit-content;
  padding: 10px 15px;
  border-radius: 10px;
  position: absolute;
  top: -10%;
  /* bottom: 0; */
  right: 0;
  z-index: 3;
  transition: 0.5s ease-in-out;
}

.Homesection13part2boxcard p {
  margin: 0;
  color: white;
  font-size: 22px;
  letter-spacing: 2px;
  font-family: "Rajdhani", serif;
  transition: 0.5s ease-in-out;
}

.Homesection13part2detailscontainer {
  width: 100%;
  padding: 10px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 3;
}

.Homesection13part2checkcontainer {
  background-color: #0c59db;
  padding: 12px;
  width: fit-content;
  border-radius: 10px;
  transition: 0.5s ease-in-out;
}

.Homesection13part2checkcontainer i {
  color: white;
  font-size: 25px;
  transition: 0.5s ease-in-out;
}

.Homesection13part2desccontainer {
  /* padding: 20px; */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.Homesection13part2desccontainer h6 {
  font-size: 30px;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
  transition: 0.5s ease-in-out;
}

.Homesection13part2desccontainer p {
  margin: 0;
  font-size: 20px;
  font-family: "Nunito", serif;
  transition: 0.5s ease-in-out;
}

.Homesection13part2desccontainer a {
  text-decoration: none;
  color: #0c59db;
  padding: 7px 20px;
  border: 2px solid #0c59db;
  border-radius: 5px;
  font-family: "Rajdhani", serif;
  font-size: 20px;
}

.Homesection13part2imgholder {
  width: 100%;
  /* padding: 20px; */
  background-color: #000;
  height: 100%;
}

.Homesection13part2imgholder img {
  width: 100%;
  height: 100%;
}

/* HOME SECTION-14 */
.Homesection14container {
  width: 100%;
  height: 90vh;
  background-color: #edfaff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 25px;
  position: relative;
}

.Homesection14container h3 {
  font-family: "Rajdhani", serif;
  color: #0c59db;
  font-size: 20px;
  margin: 0;
}

.Homesection14container h2 {
  color: black;
  font-size: 40px;
  text-align: center;
  font-family: "Rajdhani", serif;
  font-weight: 700;
  margin: 0;
}

#viewmoreblog {
  font-size: 18px;
  text-decoration: none;
  color: white;
  background-color: #0c59db;
  padding: 10px 20px;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  right: 10%;
  transition: 0.5s ease-in-out;
}

#viewmoreblog:hover {
  background-color: #000529;
}

.Homesection14blogcontainer {
  width: 90%;
  padding: 25px;
  /* background-color: red; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.Homesection14blogcard {
  width: 30%;
  background-color: white;
  border-radius: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  padding-bottom: 20px;
}

.Homesection14blogcard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

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

.Homesection14blogdate {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.Homesection14blogdate i {
  color: #0c59db;
  font-size: 20px;
}

.Homesection14blogdate p {
  color: black;
  font-size: 20px;
  margin: 0;
}

.Homesection14blogname {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.Homesection14blogname h3 {
  color: black;
  font-size: 25px;
  font-family: "Rajdhani", serif;
  margin: 0;
  font-weight: 600;
  text-align: center;
}

.Homesection14blogname a {
  text-decoration: none;
  color: black;
  font-family: "Rajdhani", serif;
  font-size: 15px;
}

.Homesection14blogname a i {
  margin-left: 5px;
  color: #000;
  font-size: 15px;
}

/* HOME SECTION-15 */
.Homesection15container {
  width: 100%;
  height: 25vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #0c59db;
  margin-top: 20px;
}

.Homesection15container img {
  width: 12%;
}

/* NEW- FOOTER */
.NewFootercontainer {
  width: 100%;
  padding: 20px;
  /* height: 35vh; */
  background-color: #090053;
  display: flex;
  justify-content: center;
  align-items: center;
}

.NewFooterpart1 {
  width: 30%;
  background-color: blueviolet;
  padding: 10px 100px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.NewFooterpart1 img {
  width: 20%;
}

.NewFooterpart1 p {
  color: white;
  font-size: 15px;
}

.NavFooterpart2 {
  width: 70%;
  background-color: red;
  padding: 20px;
}

/* PORTOFOLIO GALLERY */
.photocontainer {
  height: 100vh;
  width: 100%;
  background-color: white;
  padding: 10px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 2px;
}

.photo {
  overflow: hidden;
  border-radius: 8px;
  transform: scale(0.9);
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  background-position: top;
  background-size: cover;
  box-shadow: 5px 5px 25px #007bff;
}

#photo1 {
  background-image: url("Portfolio Images\\robon.webp");
}

#photo2 {
  background-image: url("Portfolio Images\\picestudyboard.png");
}

#photo3 {
  background-image: url("Portfolio Images\\yamini.png");
}

#photo4 {
  background-image: url("Portfolio Images\\gynecologist.png");
}

#photo5 {
  background-image: url("Portfolio Images\\MacBook Pro 16_ - 19.webp");
}

#photo6 {
  background-image: url("Portfolio Images\\questinternational.webp");
}

#photo7 {
  background-image: url("Portfolio Images\\MacBook Pro 16_ - 24.webp");
}

#photo8 {
  background-image: url("Portfolio Images\\Ophthalmologist.webp");
}

#photo9 {
  background-image: url("Portfolio Images\\Orthopedic.webp");
}

#photo10 {
  background-image: url("Portfolio Images\\Pediatrician.webp");
}

#photo11 {
  background-image: url("Portfolio Images\\physiotherapy.webp");
}

#photo12 {
  background-image: url("Portfolio Images\\Psychiatrist.webp");
}

#photo13 {
  background-image: url("Portfolio Images\\wire website.webp");
}

#photo14 {
  background-image: url("Portfolio Images\\omr sheet web.webp");
}

#photo15 {
  background-image: url("Portfolio Images\\photographer web.webp");
}

#photo16 {
  background-image: url("Portfolio Images\\headheartway.png");
}

#photo17 {
  background-image: url("Portfolio Images\\himanshi public school web.webp");
}

#photo18 {
  background-image: url("Portfolio Images\\milwaukeetool.png");
}

#photo19 {
  background-image: url("Portfolio Images\\mytraveltoindia.webp");
}

#photo20 {
  background-image: url("Portfolio Images\\nkart.png");
}

#photo21 {
  background-image: url("Portfolio Images\\nucasa.webp");
}

.photo a {
  text-decoration: none;
}

.photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: top;
}

.photo:hover {
  transform: scale(1);
  box-shadow: 0 0 50px #007bff;
}

.large {
  grid-column: span 1;
  grid-row: span 2;
}

@media (max-width: 1024px) {
  .photocontainer {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .photocontainer {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}

@media (max-width: 425px) {
  .photocontainer {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}


#portfoliotitle {
  background-color: #007bff;
  color: white;
  padding: 15px;
  font-size: 5vw;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
  position: absolute;
  /* z-index: 5; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
}

#portfoliotitle:hover {
  z-index: 5;
  background-color: white;
  color: #007bff;
}

/* PORTFOLIO */
/* SECTION-1 */
.portfoliosection1 {
  width: 100%;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  /* background-color: red; */
}

.portfoliosection1 h1 {
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  background-color: #007bff;
  padding: 10px 15px;
  border-radius: 10px;
  width: 100%;
  text-align: center;
}

.portfoliosection1selectorcontainer {
  width: 80%;
  /* background-color: red; */
  padding: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.portfoliosection1selectorcontainer p {
  text-decoration: none;
  color: #007bff;
  background-color: #d4d1ff;
  padding: 7px 15px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 24px;
  width: 100%;
  text-align: center;
}

/* PORTFOLIO SECTION-2 */
.portfoliosection2 {
  width: 100%;
  padding: 20px;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.portfoliosection2cardcontainer {
  width: 85%;
  /* background-color: blue; */
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 100px;
}

.portfoliocard {
  width: 400px;
  padding: 15px;
  height: 550px;
  /* background-color: red; */
  border-radius: 15px;
  position: relative;
  box-shadow: 3px 3px 10px black;
}

.portfolioimg {
  width: 100%;
  height: 100%;
  background-position: top;
  background-size: cover;
  transition: 7s all;
  overflow-y: scroll;
  border-radius: 10px;
  scrollbar-width: none;
  position: relative;
}

.portfolioimg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: 7s all;
  position: absolute;
}

.portfolioimg img:hover {
  transform: translateY(-100%);
  bottom: auto;
}

@media (max-width: 425px) {
  .portfoliosection2cardcontainer {
    width: 100%;
  }
}