@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
    font-family: "Poppins", Helvetica, Arial, sans-serif !important;
    max-width: 100%;
    overflow-x: hidden;
}

.iframe-placeholder {
}

.dots {
    background-image: url("../images/dots.svg");
    background-repeat: repeat;
    height: 300px;
    width: 200px;
    position: absolute;
    left: 0;
    bottom: -50px;

}

.text-shadow {
    text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.bg-violet-100 {
    background-color: #EDE9FE !important;
}

.bg-violet-200 {
    background-color: #DDD6FE !important;
}

.bg-violet-300 {
    background-color: #C4B5FD !important;
}

.bg-violet-400 {
    background-color: #A78BFA !important;
}

.bg-violet-500 {
    background-color: #8B5CF6 !important;
}

.bg-violet-600 {
    background-color: #7C3AED !important;
}

.bg-violet-700 {
    background-color: #6D28D9 !important;
}

.bg-violet-800 {
    background-color: #5B21B6 !important;
}

.bg-violet-900 {
    background-color: #4C1D95 !important;
}

.border-violet-100 {
    border-color: #EDE9FE !important;
}

.border-violet-200 {
    border-color: #DDD6FE !important;
}

.border-violet-300 {
    border-color: #C4B5FD !important;
}

.border-violet-400 {
    border-color: #A78BFA !important;
}

.border-violet-500 {
    border-color: #8B5CF6 !important;
}

.border-violet-600 {
    border-color: #7C3AED !important;
}

.border-violet-700 {
    border-color: #6D28D9 !important;
}

.border-violet-800 {
    border-color: #5B21B6 !important;
}

.border-violet-900 {
    border-color: #4C1D95 !important;
}


.text-violet-100 {
    color: #EDE9FE !important;
}

.text-violet-200 {
    color: #DDD6FE !important;
}

.text-violet-300 {
    color: #C4B5FD !important;
}

.text-violet-400 {
    color: #A78BFA !important;
}

.text-violet-500 {
    color: #8B5CF6 !important;
}

.text-violet-600 {
    color: #7C3AED !important;
}

.text-violet-700 {
    color: #6D28D9 !important;
}

.text-violet-800 {
    color: #5B21B6 !important;
}

.textg-violet-900 {
    color: #4C1D95 !important;
}

.section-hero {
    background: url("../images/hero_home_03.jpeg") no-repeat;
    background-size: cover;
}

.section-cta {
    background: url("../images/software-shape.jpeg") no-repeat;
    background-size: cover;
    background-position: top;
}


.page-heading {
    background-image: url("../images/service-bg.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
}
.page-heading-2 {
    background-image: url("../images/hero_home_01.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
}
.contact-box {
    background: url("../images/startup2.jpeg") no-repeat;
    background-size: cover;
    height: 350px;
}

.contact-box .background {
    filter: blur(2px);
    position: absolute;
}

.contact-box .foreground {
    backdrop-filter: blur(4px);
}

.address-icon {
    display: inline-block;
    position: relative;
    background: #FFF;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 100%;
    text-align: center;
}

.address-icon:before {
    opacity: .2 !important;
    visibility: visible !important;
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #FFF;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}