/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2025 | 14:04:29 */
/* --- Header Section - Hero Section --- */

/* -- Button -- */
span.niloy-header-hero-button-text-csscode {
    color: #FCA311;
}

/* --- Hero Section --- */
.niloy-hero-circle-text-csscode svg {
    animation: rotate 20s linear infinite;
}
.niloy-hero-circle-box-csscode .niloy-hero-circle-icon-csscode {
	transition: all 0.5s ease;
}
.niloy-hero-circle-box-csscode:hover .niloy-hero-circle-icon-csscode {
	transform: rotate(90deg);
}

/* --- About Section --- */

.niloy-about-read-more-csscode .elementor-widget-container .e-n-accordion-item {
    flex-direction: column-reverse !important;
}

/* --- Testimonial Section --- */

.niloy-testimonial-csscode .niloy-client-review-csscode {
    display: none;
}
.niloy-testimonial-csscode .niloy-client-review-csscode.active {
    display: block;
}

/* --- Projects Section --- */

#niloy-project-button-csscode {
	position: relative;
}
#niloy-project-button-csscode span.elementor-button-icon {
    width: 50px;
    height: 50px;
	font-size: 25px;
    background-color: #14213D;
    border-radius: 30px;
	margin: 0;
    display: flex;
    align-items: center;
	transition: all .3s ease;
}
#niloy-project-button-csscode span.elementor-button-icon svg {
    margin-left: 13px;
}
#niloy-project-button-csscode span.elementor-button-content-wrapper {
    width: 170px;
	align-items: center;
	justify-content: start !important;
}
#niloy-project-button-csscode span.elementor-button-text {
    position: absolute;
    right: 0;
    left: 0;
    margin-left: 40px;
	transition: all .5s ease;
}
#niloy-project-button-csscode:hover span.elementor-button-text {
    color: #ffffff;
}
#niloy-project-button-csscode:hover span.elementor-button-icon {
    width: 100%;
}

/* --- Contact Form Section --- */

/* --- Contact Form --- */

.niloy-contact-form-text-border-csscode {
    border: none !important;
    border-bottom: 3px solid #6C757D !important;
    border-radius: 0 !important;
    font-family: 'Poppins' !important;
	font-size: 22px !important;
    letter-spacing: 1px;
	background: transparent;
}
.niloy-contact-form-messagebox-size-csscode {
	min-height: 100px !important;
    max-height: 300px !important;
}
.niloy-contact-form-text-border-csscode::placeholder {
	color: rgba(108, 117, 125, 0.5) !important;
}

/* Form Button */

.niloy-contact-form-button-csscode {
    font-family: 'Poppins';
    border: none !important;
    color: #ffffff !important;
    background-color: #14213d !important;
    border-radius: 50px;
    font-size: 25px;
    width: 70%;
    margin-top: 30px;
}
.niloy-contact-form-button-csscode:hover {
	border: none !important;
    background-color: #ff2b75 !important;
}

/* -- Contact Form Social Media Section -- */

.niloy-contact-social-media-csscode a.ha-creative-btn.ha-stl--hermosa.ha-eft--expandable {
    flex-direction: row-reverse;
}
.niloy-contact-social-media-csscode span.icon {
    padding: 18px;
}
.niloy-contact-social-media-csscode a.ha-creative-btn.ha-stl--hermosa.ha-eft--expandable:hover {
    padding: 0px 20px 0px 0px;
}
.niloy-contact-social-media-csscode:hover span.text {
	margin: 0px 10px 0px 15px !important;
}
.niloy-contact-social-media-csscode:hover span.icon {
    color: white;
    padding: 18px;
    border-radius: 100%;
}

/*  - Facebook - */

.niloy-social-media-facebook-csscode:hover span.text {
    color: #0866ff;
}
.niloy-social-media-facebook-csscode:hover span.icon {
    background-color: #0866ff;
}

/*  - Instagram - */

.niloy-social-media-instagram-csscode:hover span.text {
    color: #ff3a7a;
}
.niloy-social-media-instagram-csscode:hover span.icon {
    background-color: #ff3a7a;
}

/*  - Twitter - */

.niloy-social-media-twitter-csscode:hover span.text {
    color: #000000;
}
.niloy-social-media-twitter-csscode:hover span.icon {
    background-color: #000000;
}


/*  - Linkedin - */

.niloy-social-media-linkedin-csscode:hover span.text {
    color: #0077B5;
}
.niloy-social-media-linkedin-csscode:hover span.icon {
    background-color: #0077B5;
}

/*  - Whatsapp - */

.niloy-social-media-whatsapp-csscode:hover span.text {
    color: #0CC143;
}
.niloy-social-media-whatsapp-csscode:hover span.icon {
    background-color: #0CC143;
}

/* -- Responsive CSS -- */

/* --- Responsive Service --- */

@media (max-width: 1024px) {
.niloy-service-csscode {
    height: 350px;
}
}

/* --- Responsive Projects --- */

@media (min-width: 767px) and (max-width: 1024px) {
#niloy-project-button-csscode span.elementor-button-content-wrapper {
    width: 165px;
}
}