@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Syne:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@600;700&family=Lato:wght@400&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.hideScroll {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.hideScroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.landingSection {
    height: 400vh;
    background-image: url(hero/0001.webp);
    background-position: center center;
}

/* .main-font {
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
} */

.main-font {
    font-family: 'Poppins', serif;
    font-weight: 400; 
    font-size: 48px;
}

/* .body-archivo-100 {
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
} */

.body-archivo-100 {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;  /* Regular */
  font-size: 16px;
  line-height: 1.6;
  color: #212529;
}

.Playfair-hero-title {
    font-family: "Syne", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.swiper-wrapper {
    width: 100%;
    height: max-content !important;
    padding-bottom: 64px !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #4f46e5 !important;
}

/* overview tab section */
@media (max-width: 640px) {
    #tabs {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }
    .tab-button {
        flex: 1 0 auto;
        text-align: center;
    }
}

.cat-btn-active {
    background-color: #194666;
    color: white;
}

.tab-button.active {
    background-color: white;
    color: #194666;
}

/* new fonts */

.main-heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 48px;
  color: #212529;
}

.subheading {
  font-family: 'Poppins', sans-serif;
  font-weight: 600; 
  font-size: 24px;
}

.body-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 400; 
  font-size: 18px;
  line-height: 1.6;
}

.poppins {
  font-family: 'Poppins', sans-serif;
  font-weight: 700; 
  font-size: 16px;
  letter-spacing: 0.05em;
}

/* fonts */
.marginTop--5 {
    margin-top: -5px;
}

/* Fonts | sizes and faces */
.text-20 {
    font-size: 20px;
}

.text-16 {
    font-size: 16px;
}

.text-14 {
    font-size: 14px;
}

.blogFont {
    font-size: 18px;
    color: #222222d5;
}

.bg-simpleBlue {
    background-color: #c2ddf76e;
}

.bg-darkBlue {
    background-color: #1b2b4b;
}

.text-darkBlue {
    color: #1b2b4b;
}

.btn-darkBlue {
    background-color: #1b2b4b;
}

.btn-darkBlue:hover {
    background-color: rgba(27, 43, 75, 0.9);
}

/* background colors */
.bg-cloud {
    background-color: #e1ebfb;
    color: #0162ff;
    font-weight: 500;
    font-size: 12px;
    padding: 6px 8px;
}

/* Borders */
.rightBorder {
    border-right: 1px solid rgba(180, 177, 177, 0.3);
}

.topBorder {
    border-top: 1px solid rgba(180, 177, 177, 0.3);
}

/* unorder list in services */

.tikPoint li:before {
    font-family: "FontAwesome";
    content: "\f00c";
    color: #6860ff;
    background-color: #e8e7ff;
    border-radius: 50px;
    padding: 3px;
    font-size: 10px;
    margin: 0 10px 0 0;
}

.tikPoint li {
    line-height: 2;
    list-style: none;
}

.blogPoints {
    list-style: circle;
    font-size: 18px;
    color: #222222d5;
}

.jobPoints {
    list-style: disc;
    font-size: 18px;
    color: #222222d5;
}

.left-border {
    border-image: linear-gradient(#d1d1d1, #ffffff) 30;
    border-width: 0 0 0 2px;
    border-style: solid;
    border-radius: 50px;
}

.left-border-dark {
    border-width: 0 0 0 2px;
    border-style: solid;
    border-color: #0275d8;
}

.w-lg-30 {
    width: 50%;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .rightBorder {
        border-right: 0px;
    }

    .topBorder {
        border-top: 0px;
    }

    .left-border {
        border-width: 0px;
    }

    .left-border-dark {
        border-width: 0 0 0 1px;
    }

    .blogFont {
        font-size: 16px;
    }
}

@media screen and (min-width: 1152px) {
    .w-lg-30 {
        width: 30%;
    }
}