/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Add your custom styles below */

body {
    overflow-x: hidden;
}

/* custom section start*/

div.container-padding-left {
    padding-left: calc((100vw - 1360px) / 2) !important;
}

div.container-padding-right {
    padding-right: calc((100vw - 1360px) / 2) !important;
}

.heading-separator::before {
    position: absolute;
    content: '';
    right: 106%;
    top: 50px;
    width: calc((100vw - 1360px) / 2) !important;
    height: 1px;
    background: #FFF;
}

.heading-separator.black-separator::before {
    background: #000000;
}

.heading-separator-right::before{
	position: absolute;
    content: '';
    left: 106%;
    top: 50px;
    width: calc((100vw - 1360px) / 2) !important;
    height: 1px;
    background: #FFF;
}

@media(max-width: 1024px){
	.heading-separator::before {
		right: 100%;
		top: 40px;
	}
}


/* custom section stop*/

.footer-wrapper:after {
    content: "";
    width: 2px;
    height: 94%;
    background: #454545;
    position: absolute;
    left: 43%;
}

.footer-menu-list .menu-item a:hover{
    color: #F09B69 !important;
}

@media(max-width: 1024px){
    .footer-wrapper:after {
        left: 40%;
    }
}

@media(max-width: 767px){
    .footer-wrapper:after {
       display: none;
    }
}

@media(max-width: 767px){
    .footer-menu-list .menu-item a{
        justify-content: center !important;
    }
}

.get-in-touch-form .elementor-field-subgroup .elementor-field-option {
    display: flex;
    align-items: center;
    gap: 6px;
}

.get-in-touch-form .elementor-field-subgroup .elementor-field-option label{
    font-size: 12px !important;
	line-height: 150%;
    letter-spacing: -0.64px;
}

.get-in-touch-form .elementor-field-subgroup{
    gap: 20px;
    flex-direction: column;
}

.get-in-touch-form .elementor-field-type-text input::placeholder,
.get-in-touch-form .elementor-field-type-textarea textarea::placeholder{
    color: #FFF;
    opacity: 1;
}

.get-in-touch-form .elementor-field-type-submit.e-form__buttons {
    margin-top: 40px
}


@media(max-width: 567px){
	.get-in-touch-form .elementor-field-type-submit.e-form__buttons{
		margin-top: 20px;
	}
}

/* featured procedures */

#featured-procedure-item .elementor-image-box-img a img{
    width: 100%;
}

#featured-procedure-item .elementor-image-box-content {
    position: absolute;
    bottom: 40px;
}

#featured-procedure-item .elementor-image-box-content .elementor-image-box-title {
    margin: 0;
}

#featured-procedure-item .elementor-image-box-content .elementor-image-box-title a {
    display: flex;
    align-items: center ;
    flex-direction: column ;
    gap: 10px;
    transition: 0.2s all ease-in-out;
}

#featured-procedure-item:hover .elementor-image-box-content .elementor-image-box-title a{
    transform: translateY(-10px)
}

#featured-procedure-item .elementor-image-box-content .elementor-image-box-title a:after{
    content: "";
    width: 150px;
    height: 2px;
    background: #000;
    display: inline-flex;
}


/* breadcrumb start */


.custom-breadcrumb{
  color: #FFF;
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
}

.custom-breadcrumb a{
  color:#ffffff;
  text-decoration:none;
	transition: 0.2s all ease-in-out;
}

.custom-breadcrumb a:hover{
  color:#E9855E;
}

.custom-breadcrumb .separator{
  margin:0 12px;
  color:#E9855E;
}

.custom-breadcrumb .current-page{
  color:#E9855E;
  font-weight:700;
}

/* breadcrumb stop */


/* images slider start */

.images-slider figure.gallery-item picture img{
    margin: 0;
    width: 100%;
}


.images-slider .swiper-pagination {
    margin-top: 20px;
}

/*  images slider stop  */


.testimonial-row .testimonial-list{
    height: 1170px;
    overflow-y: scroll;
    flex-wrap: nowrap;
}

.testimonial-row .testimonial-list::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 22px;
}

.testimonial-row .testimonial-list::-webkit-scrollbar-thumb {
    background-color: #E9855E; 
    border-radius: 22px;
}

.testimonial-row .testimonial-list {
    scrollbar-width: bold;
    scrollbar-color: #E9855E #D9D9D9;
}

@media(max-width: 767px){
    .testimonial-row .testimonial-list{
        height: 800px;
        overflow-x: hidden;
    }
}