/* Service section CSS */

.custom-tooltip {
    background: #eaeaea;
    padding: 50px 30px !important;
    border-radius: 0px !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #000 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    top:35px;
    bottom: unset !important;
/*     left: 50% !important;
    transform: translateX(-50%); */
    background: #ffc700 !important;
max-width:100% !important;
}

/* Top Arrow */
.custom-tooltip::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 20px;
    height: 20px;
    box-shadow: -3px -3px 10px rgba(0,0,0,0.05);
	background-color: #ffc700;
}

.custom-tooltip::after {
    border-width: 0px !important;
}

/* Desktop */
/* Section */

 .mobile-service-image{
        margin-top:20px !important;
    }

.services-section {
    text-align: center;
}

.ng-section-wrapper .hoverTxt{
font-size:18px !important;
font-family: "Gotham Light", Sans-serif !important;
line-height: 22px !important;
background-color: #ffc700;
display: flex;
justify-content: center;
align-items: center;
padding:20px 100px;
width:75%;
align-items:center;	
}

/* Title */
.service-title {
    font-size: 62px;
    margin-bottom: 20px;
}

/* Paragraph */
.service-desc {
    margin: auto;
    font-size: 34px;
font-family: FreightBig Pro;
    line-height: 42px;
    transition: 0.3s;
    letter-spacing: 1px;
width:96%;
/* min-height: 170px; */
}

/* Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
margin-top:40px;
}

.services-grid .service-box:nth-child(2) {
    position: relative;
}

/* Box */
.service-box {
    background: #D9D9D9;
    padding: 35px 50px 40px 50px;
    text-align: left;
    height:fit-content;
}

/* Heading */
.service-box h3 {
    margin-bottom: 30px;
    font-size:36px;
    font-weight:400;
	line-height:46px;
}

.service-images {
    position: absolute;
/*     bottom: -186px; */
/*     left: 50%; */
/*     transform: translateX(-50%) scale(1.34); */
/*     width: 82%; */
/*     display: flex; */
/*     justify-content: center; */

	
	
position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        transform: translateY(100%) scale(1.34);
}

/* List */
.service-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* List items interaction */
.service-box li {
    font-size: 18px;
    margin-top: 7.5px;
margin-bottom:0px;
padding-bottom:7.5px;
    cursor: pointer;
    transition: 0.3s;
}

/* Active item */
.service-box li.active {
    font-weight: 700;
    color: #000;
}

.service-box li:hover{
text-decoration:underline;
}

/* Responsive */
@media (max-width: 767px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

.service-images{
        display: none !important;
    }
.service-box li:hover {
    text-decoration: none;
}
}

@media (max-width: 768px) {

.service-images {
    bottom: -134px;
	}

  .ng-section-wrapper {
        width: 100% !important;
        padding: 0px;
    }

    .services-section {
    padding:0px;
}
    .service-title {
        font-size: 42px;
    }

	.service-desc{
		font-size:32px;
line-height:38px;
	width:100%;
	}

.service-box {
    text-align: center;
}

.service-box {
    padding: 40px 30px 50px 30px;
}
}


@media (min-width: 769px) and (max-width: 1299px) {
    .service-desc {
        font-size: 40px;
line-height:50px;
	width:100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
/* .service-images {
    bottom: -139px;
width:100%;
	} */
}

@media (min-width: 1024px) and (max-width: 1279px) {
/* .service-images {
    bottom: -155px;
width:100%;
	} */
}

@media (min-width: 1280px) and (max-width: 1365px) {
/* .service-images {
    bottom: -195px;
width:100%;
	} */
}

@media (min-width: 1366px) and (max-width: 1439px) {
/* .service-images {
    bottom: -197px;
width:100%;
	} */
}

@media (min-width: 1300px) and (max-width: 1920px) {
/*     .service-desc {
        font-size: 34px;
	max-width: 1140px;
    } */
}

@media (max-width: 1024px) {
    .service-box {
    padding: 40px 20px 40px 20px;
}
}

@media (min-width: 1440px) and (max-width: 1599px) {
/* .service-images {
        bottom: -207px;
        width: 98%;
    } */
}

@media (min-width: 1600px) and (max-width: 1919px) {
/* .service-images {
        bottom: -211px;
        width: 86%;
    } */

/* .service-desc {
    max-width: 1140px;
} */
}

@media (min-width: 1920px) and (max-width: 2560px) {
/* .service-images {
    bottom: -186px;
    width: 82%;
} */
}

@media (min-width: 1920px) {
  div#animated-text {
    padding-right: 360px;
        padding-left: 0px !important;
  }
/*         .service-images {
        bottom: -197px;
        width: 76%;
    } */

.service-desc {
/*     max-width: 1140px; */
        font-size: 40px;
        line-height: 50px;
min-height: 200px;
}
}

@media (min-width: 768px) {
    .mobile-service-image{
        display: none !important;
    }
}

	





.new-design .elementor-field-group input:hover {
    background: #ffffff !important;
}

.new-design #form-field-message:hover {
    background: #ffffff !important;
}

.new-design .elementor-field-group input {
    height: 50px !important;
}

@media (min-width: 1025px) and (max-width: 1113px) {
    .home .new-design .elementor-button.elementor-size-sm {
        right: 50px !important;
    }
}

@media (min-width: 1112px) and (max-width: 1365px) {
    .home .new-design .elementor-button.elementor-size-sm {
        right: 50px !important;
    }

@media (min-width: 1366px) and (max-width: 1439px) {
    .home .new-design .elementor-button.elementor-size-sm {
        right: 50px !important;
    }

@media (min-width: 1440px) and (max-width: 1599px) {
   .home .new-design .elementor-button.elementor-size-sm {
        right: 50px !important;
    }
}


@media (min-width: 1680px) and (max-width: 1820px) {
    .home .new-design .elementor-button.elementor-size-sm {
        right: 50px !important;
    }
}

.home .new-design .elementor-button.elementor-size-sm {
    position: absolute;
    right: 50px;
    bottom: -60px;
}

.service-images {
        width: 98%;
    }	
}