.elementor-4955 .elementor-element.elementor-element-8b60e2f > .elementor-element-populated, .elementor-4955 .elementor-element.elementor-element-8b60e2f > .elementor-element-populated > .elementor-background-overlay, .elementor-4955 .elementor-element.elementor-element-8b60e2f > .elementor-background-slideshow{border-radius:0px 26px 0px 0px;}#elementor-popup-modal-4955 .dialog-widget-content{animation-duration:1.2s;background-color:#2B2B2B;border-radius:0px 27px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px -14px -16px;}#elementor-popup-modal-4955 .dialog-message{width:116px;height:354px;align-items:flex-start;}#elementor-popup-modal-4955{justify-content:flex-end;align-items:flex-end;pointer-events:all;}@media(max-width:700px){#elementor-popup-modal-4955 .dialog-message{width:115px;height:330px;}}/* Start custom CSS for html, class: .elementor-element-4cb5a43 *//* From Uiverse.io by mooosakhan */ 
.card {
  width: fit-content;
  height: fit-content;
  background-color: rgb(43, 43, 43);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 25px;
  gap: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.055);
  flex-direction: column;
}

/* for all social containers*/
.socialContainer {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: rgb(212, 180, 107);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.3s;
}
/* instagram*/
.containerOne:hover {
  background-color: #d62976;
  transition-duration: 0.3s;
}
/* twitter*/
.containerTwo:hover {
  background-color: #00acee;
  transition-duration: 0.3s;
}
/* linkdin*/
.containerThree:hover {
  background-color: #0072b1;
  transition-duration: 0.3s;
}
/* Whatsapp*/
.containerFour:hover {
  background-color: #128c7e;
  transition-duration: 0.3s;
}

.socialContainer:active {
  transform: scale(0.9);
  transition-duration: 0.3s;
}

.socialSvg {
  width: 17px;
}

.socialSvg path {
  fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}/* End custom CSS */