@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap');

body{
	overflow-x: hidden;
	scroll-behavior: smooth !important;
	font-family: 'Poppins', sans-serif;
	color: #2C2A52 !important;
	font-style: normal;
}
a{ 
    text-decoration: none !important;
    cursor: pointer;
}
*{
	color: #2C2A52 !important;
	font-family: 'Poppins' !important;
	font-style: normal;
}
.c-white{color:#ffffff !important;}
.c-purple{color:#5C59C2 !important;}
.c-green{color: #99D2CB !important;}
.c-yellow{color:#E7C9A1 !important;}
.btn:hover{
    background: #99D2CB !important;
    border-color: #99D2CB !important;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.12) !important;;
    color: #ffffff !important;
}
.hero {
    background: linear-gradient(90deg, #99D2CB 0%, #5C59C2 100%);
    color: white;
    padding: 100px 0;
}
.section-padding {
    padding: 80px 0;
}
.feature-icon {
    font-size: 1.5rem;
    color: #99D2CB !important;
    margin-right: 10px;
}
.cta-section {
    background: #5C59C2 !important;
}
.custom-btn {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}
.custom-btn .btn-text {
    transition: transform 0.3s ease;
}
.custom-btn .btn-icon {
    transform: translateX(-20px);
    opacity: 0;
    transition: all 0.3s ease;
}
.custom-btn:hover .btn-text {
    transform: scale(0.95);
}
.custom-btn:hover .btn-icon {
    transform: translateX(0);
    opacity: 1;
}
.feature-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.feature-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease;
}
.feature-item i {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}
.feature-item:hover {
    transform: translateX(6px);
}

.feature-item:hover i {
    transform: translateX(6px) scale(1.1);
}
.accordion button{
    background: #99D2CB !important;
    color: #fff !important;
    font-weight: bold;
}
.accordion-button::after {
    filter: brightness(0) invert(1);
}
.accordion-button[aria-expanded="true"] {
    color: #5C59C2 !important;
    background: linear-gradient(112.84deg, rgba(217, 217, 217, 0.5) 7.5%, rgba(255, 255, 255, 0.1) 93.1%) !important;
    backdrop-filter: blur(20px) !important;
    border:none;
}
.accordion-collapse.show .accordion-body {
    background: linear-gradient(112.84deg, rgba(217, 217, 217, 0.5) 7.5%, rgba(255, 255, 255, 0.1) 93.1%) !important;
    backdrop-filter: blur(20px) !important;
    border:none;
}
#robotAccordion .accordion-button[aria-expanded="true"]::after {
   filter: invert(37%) sepia(39%) saturate(1148%) hue-rotate(205deg) brightness(91%) contrast(91%);
}