html body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
  scroll-padding: 10rem !important;
}



#company_main {
  height: 100% !important;
  width: 100% !important;
  /* background-image: url(../Images/icons/2ac665f786fbeb5671eaf7fb1aba95d4.gif); */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
}

#company_main .content {
  margin-top: 60px !important;
}

#company_main .content_data {
  padding: 100px 20px !important;
}

.digital-img {
  width: 100% !important;
  height: auto !important;
  margin-top: -30px;

  padding: 5% !important;
}

#comp_content {
  width: 100% !important;
  height: 50% !important;
  padding: 30px 10px;
  overflow-x: hidden !important;
}

#comp_content .comp_content {
  /* background-image: linear-gradient(90deg, rgba(146, 205, 250, 0.4) 0%, rgba(199, 235, 255, 0.4) 100%); */
  padding: 10px 60px;
  border-radius: 8px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.h3 {
  color: #002D4E;
  font-weight: 700 !important;
  font-size: 25px;
  text-align: left;
  /* padding-top: 20%;
    padding-left: 10%; */
}

/* .comp_card {
	animation-name: rotate;
	background-color: var(--primary);
	background-image:
		radial-gradient(circle at 100% 0%,hsla(0,0%,100%,0.08) 29.5%,hsla(0,0%,100%,0) 30%),
		radial-gradient(circle at 100% 0%,hsla(0,0%,100%,0.08) 39.5%,hsla(0,0%,100%,0) 40%),
		radial-gradient(circle at 100% 0%,hsla(0,0%,100%,0.08) 49.5%,hsla(0,0%,100%,0) 50%);
	border-radius: 0.5em;
	box-shadow:
		0 0 0 hsl(0,0%,80%),
		0 0 0 hsl(0,0%,100%),
		-0.2rem 0 0.75rem 0 hsla(0,0%,0%,0.3);
	color: hsl(0,0%,100%);
	width: 10.3em;
	height: 6.8em;
	transform: translate3d(0,0,0);
  
} */
.card1 {
  position: relative;
  height: 350px !important ;
  width: 300px;
  background: #fff;
  border-radius: 20px;
  border: 5px solid #fff;
  overflow: hidden;
  color: var(--color-text);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: .2s all linear;
  overflow: hidden;
  text-align: center;
}

.card1:hover {
  transform: translateY(-2px);
}

.card_body img {
  height: 150px;
  width: 150px;
  padding: 5%;
}

.c_img_body {
  border-radius: 100% 0% 100% 0% / 0% 50% 50% 100% !important;
  /* background: linear-gradient(to bottom left, var(--card3-gradient-color1), var(--card3-gradient-color2)); */
  background: linear-gradient(to right, #3D86C5, #42A5D6, #74bbe7, #52C5DC, #52C5DC);
}

.curved_card {
  height: auto;
  width: auto;
  /* box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18); */
  display: flex;
  align-items: center;
  /* padding: 5px !important; */
  border-bottom: 2px solid #3D86C5;
}

/*Accordian  */
#What_sets_Apart .content_data {
  margin-top: 30px !important;
}

.accordion-body {
  box-shadow: inset 0 -1px 0 rgb(32, 97, 151) !important;
  padding: 1px 20px !important;
}

.accordion_img {
  border: 1px solid #fff;
  padding: 1% 1%;
  height: 50px;
  width: auto;

}

.accordion-header {
  display: flex !important;
  align-items: center !important;
}

.accordion-item {
  background-color: #fff;
  border: none !important;
}

.accordion-button {
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #002D4E !important;
  box-shadow: none !important;

}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
  background-color: #fff !important;
  color: #206197 !important;
  box-shadow: none !important;
}


/* mission and vision */
#Mission_vision {
  width: 100% !important;
  height: 100% !important;
  /* background-color: #fff !important; */
  background: linear-gradient(to right, #52C5DC, #52C5DC, #74bbe7, #52C5DC, #52C5DC);
  /* background-image: linear-gradient(90deg, rgba(146, 205, 250, 0.4) 0%, rgba(199, 235, 255, 0.4) 100%); */
  padding: 55px 10px;
  position: relative;
  transform: translateZ(0);
  margin: 30px 0px;
}

#Mission_vision::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff #fff transparent transparent;
  border-width: 140px 90px;
  z-index: -1;
}

#Mission_vision::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
  border-width: 140px 90px;
  z-index: -1;
}

.m_v {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mv_img {
  width: 250px !important;
  height: 250px !important;
  padding: 5%;
}

/* servise */
#Services_section {
  height: 80vh;
  width: 100%;
}

#Services {
  height: 55vh;
  width: 100%;
  border-bottom-left-radius: 300px !important;
  border-bottom-right-radius: 300px !important;
  /* background-color: #f6f6f6; */
  background-image: linear-gradient(90deg, rgba(146, 205, 250, 0.4) 0%, rgba(199, 235, 255, 0.4) 100%);
}

#Services_section .services {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

}


.services .service_card {
  position: relative;
  display: flex;
  height: 350px !important;
  width: 100% !important;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-top: 30px;

  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.service_card::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 130%;
  background: linear-gradient(#3D86C5, #3f2b96);
  animation: animate 5s linear infinite;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.service_card::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: #fff;
  border-radius: 10px;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.service_card .scard_body {
  z-index: 2 !important;
  padding: 10px;

}

.scard_body img {
  height: 200px;
  width: 200px;
  padding: 1%;
}

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

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


/* .card_circle{
  height: 100px ;
  width: 100px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background-color: #002D4E;
  border-radius: 50%;

} */


@media all and (min-width: 768px) {
  .dropdown>.dropdown-menu,
  .dropdown.open>.dropdown-menu {
     display: block !important;
     opacity: 0;
     visibility: hidden;
     transition: all ease 0.2s;
  }
  .dropdown:hover>.dropdown-menu,
  .dropdown.open:hover>.dropdown-menu { 
     opacity: 1;
     visibility: visible; 
  }
}


@media screen and (min-width: 300px) and (max-width: 1400px) {
  .card1 {
    height: auto !important;
    width: auto !important;
    margin: 10px 10px !important;
  }

  #Services_section {
    height: auto !important;
  }

  #Services {
    height: auto !important;

  }

  .services .service_card {
    width: auto !important;
    height: auto !important;
    margin: 10px 10px;
  }
}

@media (max-width: 1400px) {
  .card1 {
    width: auto;
  }
}

@media (max-Width: 991px) {

  .top_p {
    margin-top: -80px !important;
  }

  #company_main .content_data {
    padding: 0px 20px !important;
  }

  .m_v {
    display: block !important;
    text-align: center !important;
  }

  .services .top_p {
    margin-top: -30px !important;
  }
  .digital-img {
    margin-top: 10px;
  }

}