@font-face {
    font-family: Poppins4;
    src: url("./Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: Poppins5;
    src: url("./Poppins/Poppins-Medium.ttf");
}

@font-face {
    font-family: Poppins6;
    src: url("./Poppins/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: Poppins7;
    src: url("./Poppins/Poppins-Bold.ttf");
}
@font-face {
    font-family: Bungee;
    src: url("./Bungee-Regular.ttf");
}

.bungee {
    font-family: Bungee !important;
}
.popins-medium {
    font-family: Poppins5 !important;
}
.popins-semi-bold {
    font-family: Poppins6 !important;
}
.popins-bold {
    font-family: Poppins7 !important;
}
body {
    font-family: Poppins4 !important;
    overflow-x: hidden !important;
}

.font-sml {
    font-size: 18px !important;
}
.font-xsml {
    font-size: 14px !important;
}

.text-justify {
    text-align: justify;
}
.bg-transparent {
    background-color: transparent !important;
}
.bg-illustrator {
    background-color: #f6ece1 !important;
}
.banner-heading {
    line-height: 50.31px !important;
}

.z-index-0 {
    z-index: 0;
    position: relative;
}
.z-index-100 {
    z-index: 1000;
}
.z-index {
    z-index: 0;
    position: relative;
}
/* Common Class Start */
.prev-btn:disabled,
.next-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.number-field input[type="number"]::-webkit-outer-spin-button,
.number-field input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.number-field input[type="number"] {
    -moz-appearance: textfield;
}
.subscription-card {
    border-radius: 46px !important;
}
.subscription-card .fs-4 {
    line-height: 30px !important;
}
.nav-item .active {
    color: #f59f00 !important;
}
.nav-link {
    padding-left: 12px !important;
    padding-right: 12px !important;
    letter-spacing: 1px;
}
.technology-container .trust-clients-card {
    height: 200px !important;
}
.inovation-img {
    width: 100% !important;
    height: 290px;
    object-fit: cover;
}
.rounder-1 {
    border-radius: 20px;
}
.custom-border-left,
.custom-border-right {
    position: relative;
}

.custom-border-left::before {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 34px;
    left: 0;
    width: 15px;
    background-color: var(--border-color, #000); /* fallback */
    pointer-events: none;
    z-index: 1;
}

.custom-border-right::after {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 34px;
    right: 0;
    width: 15px;
    background-color: var(--border-color, #000); /* fallback */
    pointer-events: none;
    z-index: 1;
}
.height-fit-content {
    height: fit-content;
}
.main-section {
    padding: 70px 0px;
}
.cta-sec {
    background-image: url("/images/cta-sec.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.testimonial-sec {
    background-image: url("/images/testimonial-sec.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.testimonial {
    padding: 57px 0px;
}

.sub-heading-center {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    line-height: 35.96px;
}

.sub-heading {
    font-size: 50px;
    margin: 0 auto;
    line-height: 55px;
}

.lh-base {
    font-size: 20px;
}

.round-button {
    padding: 12px 15px !important;
    font-weight: 700 !important;
}

.card-border-radius {
    border-radius: 20px !important;
    overflow: hidden;
}

.hover-orange {
    transition: color 0.5s;
}

.hover-orange:hover {
    color: #f59f00 !important;
}
.hover-teal:hover {
    background-color: #06827e !important;
}

.blog-date {
    width: 60px;
    height: 60px;
    position: absolute;
    padding: 8px 10px;
    top: 16px;
    left: 16px;
}

.text-clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-clamp-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-clamp-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-ellips img,
.banner-ellips {
    z-index: 0 !important;
    top: 9%;
    left: -3%;
    animation: drop-left 2500ms ease 500ms backwards;
}
.banner-ellipses .img-1,
.home-ellips-2 img,
.banner-ellipses .img-2 {
    animation: drop-right 2500ms ease 500ms backwards;
    z-index: 0 !important;
}
.banner-ellipses .img-1 {
    top: 67%;
    right: 7%;
}
.banner-ellipses .img-2 {
    top: 73%;
    right: -5%;
}
.main-banner {
    min-height: 391px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-banner {
    min-height: 636px;
}
.circle-number {
    z-index: 1000;
}
.circle-number:before {
    border-left: 2px solid #00a8e7;
    content: "";
    display: block;
    height: 200%;
    left: 50%;
    position: absolute;
    top: -226%;
    width: 1px;
    z-index: 0;
}

.circle-number:after {
    border-left: 2px solid #00a8e7;
    content: "";
    display: block;
    height: 200%;
    left: 50%;
    position: absolute;
    top: 126%;
    width: 1px;
    z-index: 0;
}
.circle-number div {
    border: 2px solid #00a8e7;
    border-radius: 50% 50%;
    width: 70px;
    z-index: 200000;
    background-color: white;
    margin: 0px 10px;
    height: 70px;
    color: #00a8e7;
    font-size: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Common Class End */

/* Animation Start */
.card-border-radius .card-title {
    transition: color 0.3s;
    cursor: pointer;
}
.card-border-radius:hover .card-title {
    color: #eb6177;
}
.service-card .image {
    transition: transform 0.6s;
    cursor: pointer;
}
.hover-card {
    transition: transform 0.6s;
    cursor: pointer;
}
.service-card .image:hover {
    transform: scale(1.05);
}
.hover-card:hover {
    transform: scale(1.05);
    box-shadow: 0 35px 50px -30px rgba(0, 0, 0, 0.2) !important;
}
.hover-img {
    transition: transform 0.6s;
    cursor: pointer;
}
.hover-img:hover {
    transform: scale(1.1);
}
.left-to-right {
    animation: drop-left;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-direction: alternate;
}
.right-to-left {
    animation: drop-right;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-direction: alternate;
}
@keyframes movedown {
    from {
        top: 0px;
    }
    to {
        top: 50px;
    }
}
@keyframes moveright {
    from {
        left: -42%;
    }
    to {
        left: -35%;
    }
}
@keyframes drop-left {
    from {
        opacity: 0;
        transform: translateX(-200px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes drop-right {
    from {
        opacity: 0;
        transform: translateX(200px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes up-down {
    from {
        opacity: 0;
        transform: translateY(0);
        transform: rotate(0deg);
    }
    to {
        opacity: 1;
        transform: translateY(20px);
        transform: rotate(360deg);
    }
}
@keyframes move-left {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    50% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes updown {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    50% {
        opacity: 1;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes moving {
    to {
        offset-distance: 100%;
    }
}
/* Animation End */

/* Footer Start */

footer .container {
    padding: 40px 0px;
}
footer {
    z-index: 0;
    position: relative;
}
.footer-links {
    list-style: none;
    padding: 0px;
}

.footer-links li {
    margin-bottom: 15px;
}

/* Footer End */

/* Main Form Start */
.form-control {
    font-size: 16px;
    box-shadow: none;
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 8px !important;
}

.form {
    border-radius: 8px;
}

/* Main Form End */
form .bg-light {
    background-color: white !important;
}
.main-heading {
    font-size: 65px;
    font-weight: 600;
    font-family: OpenSansBold;
    line-height: 90px;
}

.main-para {
    font-size: 18px;
}

.clients {
    display: flex;
}

.clients .images {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    list-style: none;
}

.clients .images li {
    margin-right: -1.5em;
    z-index: 1;
}

.clients .images img {
    width: 60px;
    height: 60px;
    border: 1px solid #1e1f1f;
}

.clients-card {
    border-radius: 8px !important;
    box-shadow: 0px 11px 4px 0px hsl(216deg 11% 9% / 32%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-card {
    border-radius: 15px !important;
    background-color: #00a8e7 !important;
}

.solution-card .fs-1 {
    font-size: 55px !important;
}

.call-sec i {
    font-size: 35px;
    margin: 10px;
    color: black;
}

.news-letter-card {
    border-radius: 20px !important;
    bottom: -38%;
    z-index: 1000;
}
.news-letter-ellips {
    right: -2%;
    top: -5%;
}
.home-imgs {
    animation: move-left;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-direction: alternate;
}
.home-imgs .bg-home-img {
    animation: move-left;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-direction: alternate;
}
.home-img2 {
    animation: updown;
    animation-duration: 8s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
.technology-ellips,
.testimonial-ellips {
    z-index: 0;
    left: -42%;
    top: -34%;
}
.home-ellips-4 img {
    offset-path: path("M.4 84.1s127.4 188 267.7 0 247.3 0 247.3 0");
}
.home-ellips-5 img {
    offset-path: path("M0,0 C40,160 60,160 100,0");
}
.home-ellips-6 img {
    offset-path: path("M 5 5 m -4, 0 a 4,4 0 1,0 8,0 a 4,4 0 1,0 -8,0");
}
.home-ellips-4 img,
.home-ellips-5 img,
.home-ellips-6 img {
    animation: moving;
    animation-iteration-count: infinite;
    animation-duration: 50s;
    animation-fill-mode: both;
    animation-direction: alternate;
}
.technology-ellips {
    left: -45%;
    top: 0%;
}
.home-ellips {
    left: -20%;
    top: 40%;
    z-index: 0;
}
.home-ellips-2 {
    left: 65%;
    top: 9%;
    z-index: 0;
}
.home-ellips-2 img {
    width: 31%;
}
.banner-ellipses .img-1,
.home-ellips-3 img {
    animation: up-down;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-direction: alternate;
}
.home-ellips-3 {
    left: 88%;
    top: 55%;
    z-index: 0;
}

.news-letter-img {
    border-radius: 0px 25px 25px 0px;
    object-fit: cover;
}
.bg-white {
    background-color: white !important;
}

/* Service Start */
.testimonial-card {
    border-radius: 25px !important;
}
.service-solution-image {
    max-width: 414px;
    width: 100%;
    min-height: 392px;
    object-fit: cover;
}
.service-image {
    max-width: 414px;
    width: 100%;
    min-height: 249px;
    object-fit: cover;
}

/* Service End */

/* Contact Us Start */
.contact-us-card {
    padding: 60px 50px;
    border-radius: 25px !important;
}

.contact-us-card form .form-control {
    border-radius: 10px;
}

/* Contact Us End */
/* Accordion Start */
/* .accordion-flush .accordion-item {
    border-top: 1px solid #E2E2E2 !important;
    margin: 4px 0px;
} */

/* .accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
} */

.accordion-button:not(.collapsed),
.accordion-button:focus {
    color: black !important;
    background-color: transparent !important;
    border-bottom: 0px !important;
}

/* .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23bbb' viewBox='-6.5 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='%23bbb'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Edropdown%3C/title%3E%3Cpath d='M18.813 11.406l-7.906 9.906c-0.75 0.906-1.906 0.906-2.625 0l-7.906-9.906c-0.75-0.938-0.375-1.656 0.781-1.656h16.875c1.188 0 1.531 0.719 0.781 1.656z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
} */

.contact-img {
    background-image: url("images/group-afro-americans-working-together\ 1.png");
    background-repeat: no-repeat;
}

/* Accordion End */
/* Media Css Start */
/* Media Css End*/

.aboutus-ellipes {
    background-image: url("../images/Ellipse-yellow (1).png");
    background-repeat: no-repeat;
    background-size: 21% 100%;
    background-position: 0% 65%;
}
.double-img-section > img:nth-child(1) {
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.double-img-section > img:nth-child(2) {
    margin-top: -91px;
    border: 7px solid white;
    float: right;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
}
.service-service-card {
    background-image: url("../images/service/service-card-ellips.png");
}
.background-orange-img {
    background-image: url("../images/ellipse-white.png");
}
.service-service-card,
.background-orange-img {
    height: 98px;
    width: 114px;
    background-size: cover;
    background-position: center;
    color: #ffffff;
}

.service-service-card img,
.background-orange-img img {
    margin: 20% 25%;
}

.list {
    list-style: none;
    padding: 0;
}

.list li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.service-list li {
    margin-bottom: 10px !important;
}

/* .list li::before {
    content: "";
    background: url("/images/about-us/check-subs.svg");
    background-repeat: no-repeat !important;
    width: 20px;
    height: 20px;
    font-weight: 700;
    display: inline-block;
    margin-right: 10px;
    color: #000000;
    padding-right: 15px;
}*/
.pink-list li::before {
    background: url("/images/about-us/subs-pink-check.svg") !important;
    background-repeat: no-repeat !important;
}
.blue-list li::before {
    background: url("/images/about-us/blue-check.svg") !important;
    background-repeat: no-repeat !important;
}
.orange-list li::before {
    background: url("/images/about-us/orange-check.svg") !important;
    background-repeat: no-repeat !important;
}
/*.service-list li::before {
    margin-right: 8px;
    background: url("/images/service/service-chek.png") !important;
    background-repeat: no-repeat !important;
}
.orange-list li::before {
    background: url("/images/solution-development/orange-check.svg") !important;
    background-repeat: no-repeat !important;
}
.blue-list li::before {
    background: url("/images/solution-development/blue-check.svg") !important;
    background-repeat: no-repeat !important;
} */

.icons-background-image {
    background-image: url("../images/winning-project.webp");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgb(43, 43, 43);
    color: #ffffff;
}

.icon-box {
    padding: 18%;
}

.Your-pa-text {
    font-family: Poppins7;
    line-height: 50.31px;
}
.case-study-card {
    height: 410px !important;
    object-fit: cover;
    object-position: left;
}
.We-of-text {
    font-family: Poppins7;
    line-height: 41.3px;
}
.popins-medium {
    font-family: Poppins5;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}
footer .group-input {
    border: 1px solid #dee2e6;
}
footer .group-input button {
    width: 65px !important;
    background-color: white;
    border: none !important;
}

footer .group-input input::placeholder {
    color: rgb(255, 255, 255) !important;
    opacity: 1;
}
footer .group-input input {
    background-color: transparent !important;
}
.about-service-card {
    background-image: url("../images/about-us/about-service-card.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* Ellipses Start */
.about-ellips-img {
    top: -20%;
    right: -6%;
    animation: drop-right 2000ms ease 500ms backwards;
}
.about-ellips-img2 {
    z-index: 0;
    left: -11%;
    top: 0%;
    animation: drop-left 2500ms ease 500ms backwards;
}
/* Ellipses End */

/* Slick Slider Start */
.testimonial-card .slide-card {
    margin: 20px 10px;
}

.about-slider-card .about-card {
    margin: 15px;
}
.about-slider-card .about-card .card {
    box-shadow: 0px 4px 16px 0px #00000029;
}

.slide-card .position-absolute {
    top: -28%;
    border: 3px solid #00a8e7;
    right: -12%;
    border-radius: 50%;
}
.prev-btn {
    top: 30%;
    position: absolute;
    left: -4%;
    width: 37.5px !important;
    height: 37.5px !important;
    font-size: 20px;
}
.next-btn {
    top: 30%;
    position: absolute;
    right: -4%;
    width: 37.5px !important;
    height: 37.5px !important;
    font-size: 20px;
}
.info-vector-img {
    left: 39.3%;
    top: 15.5%;
    width: 16.7%;
    height: 87.2%;
}
.vector-img {
    left: 39.3%;
    top: 11.4%;
    width: 16.7%;
    height: 91.5%;
}

/* Slick Slider End */

/* Free Trial Sec Start */
.subscribe-top-sec-pink {
    background: url("/images/about-us/subsc-pink.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 156px;
}

.subscribe-top-sec {
    background: url("/images/about-us/subsc-teal.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 156px;
}

.subscribe-top-sec-pink div,
.subscribe-top-sec div {
    max-width: 520px;
    margin: auto;
}
/* Free Trial Sec End */

/* Team Sec Start */
.team-card-img {
    /* height: 266px; */
}

.team-card-img img {
    height: 400px;
    margin-top: -70px;
}
/* Team Sec End */
.it-support-card {
    width: 72px;
    height: 72px;
    position: absolute;
}

.it-need-section {
    height: 610px;
}

.info-card-size {
    width: 490px;
}
#container-animation {
    height: 686px;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: rgb(0, 0, 0) !important;
}
.info-graphic-sec {
    height: 1676px;
}
.testimonial-img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    object-position: top;
}
.img-modal-content {
    background-image: url("/images/service/modal-theme.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.modalImg{
    height: 500px;
    object-fit: cover;
}
/* Tab view */