/* __+++ Home Page  +++___ */




/* sec 2 */

.img_bg .elementor-widget-container{
    background-color: black !important;
    width: 90px !important;
    height: 90px !important; 
    border-radius: 100px !important;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	  padding: 19px !important;
}


/* sec 3 */

.homesec3_card {
	transition: background 0.3s ease, border-radius 0.3s ease;
}

.homesec3_card .homesec3_cardh3 h2,
.homesec3_card .homesec3_cardtext {
	transition: color 0.3s ease;
}

.homesec3_card:hover {
	background: #212121 !important;
	border-radius: 20px !important;
}

.homesec3_card:hover .homesec3_cardh3 h2,
.homesec3_card:hover .homesec3_cardtext {
	color: #fff !important;
}




/* Form */


.home_form {
  position: relative;
  width: 100%;
}

.home_form::before {
  content: "";
  position: absolute;
  left: 14.5% !important; 
  top: 0;
  height: 100%;
  width: 85%;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 24px !important;
  z-index: 0;
}


.home_form > * {
  position: relative;
  z-index: 1;
}



@media (max-width: 767px) {
  .home_form {
  position: relative;
  width: 100%;
}

.home_form::before {
  content: "";
  position: absolute;
  left: 0% !important; 
  top: 0;
  height: 100%;
  width: 100% !important;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px !important;
  z-index: 0;
}


.home_form > * {
  position: relative;
  z-index: 1;
}
}



/* Testimonial */

.testimonial_tmp{
	background: #FFFFFF;
box-shadow: 0px 0px 05px rgba(0, 0, 0, 0.1);
border-radius: 15px;
}

.testimonial_sec
.elementor-loop-container{
	padding: 20px 5px !important;
}




/* ___ +++ About Page +++ ____ */

.highlighted-text {
	font-weight:600 !important;
	color: #111111 !important;
}





/* ____ Animation ____ */


@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}