@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;

}

/* .container {
    max-width: 1700px;
} */

a {
    text-decoration: none;
}

p {
    color: var(--paragraph, rgba(0, 61, 121, 0.90));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

body {
    /* background: #F9FCFF; */
    background: #ffff;
    max-width: 3000px;
    margin-left: auto;
    margin-right: auto;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-bottom-24 {
    padding-bottom: 24px;
}

.upper-information-bar {
    /* background: #1D4266; */
    background: #003D79;
    color: #FFF;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 19px;
    padding-bottom: 18px;
}

.common-margin {
    margin-right: 10px;
}


.upper-information-bar-inner {
    row-gap: 10px;
    column-gap: 40px;
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.top-mail {
    width: 20px;
    display: flex;
    height: 20px;
    aspect-ratio: 1/1;
    background: rgba(98, 185, 247, 0.31);
    border-radius: 50px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.top-telephone {
    width: 20px;
    display: flex;
    height: 20px;
    aspect-ratio: 1/1;
    background: rgba(98, 185, 247, 0.31);
    border-radius: 50px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;

}

.top-some-tect {
    width: 20px;
    display: flex;
    height: 20px;
    aspect-ratio: 1/1;
    background: rgba(98, 185, 247, 0.31);
    border-radius: 50px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;

}

.company-logo {
    border-radius: 6px;
    background: #d9d9d900;
    /* width: 146px; */
    /* height: 40px; */
    flex-shrink: 0;

}

.main-nav-bar {
    padding-top: 20px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
}

.navbar-list- {
    row-gap: 20px;
}

.main-nav-bar :where(.nav-link) {
    color: #003D79;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: max-content;
}

.main-nav-bar :where(.nav-link):hover {
    color: #E2AE1F !important;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid #E2AE1F;
}

.main-nav-bar :where(.nav-link.active) {
    /* color: #E2AE1F !important; */
    color: #E2AE1F !important;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    border-bottom: 1px solid #E2AE1F;

}

.contact-us-button {
    border-radius: 12px;
    background: linear-gradient(180deg, #0F7CE6 0%, #003D79 100%);
    color: #fff;
    padding: 14px 20px;

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: transparent;
}

.contact-us-button:hover {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
}

.hero-section-index {
    background-image: url(../imges/old.jpg);
    background-color: #F5F5F5;

    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: cover;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 144px;

}


.navbar-list- :where(.nav-link) {
    padding: 0 !important;
}

.navbar-list- li:last-child {
    margin-left: 10px !important;
}

.hero-section-left-side-inner {
    position: relative;
    padding-left: 14px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: max-content;
}

.hero-section-left-side-inner {
    margin-bottom: 0;
}

.hero-section-left-side-inner-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 670px;
}

/* 
.hero-section-left-side-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(29, 66, 102, 0.5);
    height: 100%;
    width: 4px;

    border-radius: 20px;
    background: rgba(122, 122, 122, 0.51);
} */

.hero-section-left-side-inner-text h2 {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 65px */
    /* 59.8px */
}

.hero-section-left-side-inner-text p {
    color: rgba(0, 61, 121, 0.90);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 25.2px */
}

.l-about-us.b {
    padding: 24px 30px;
}

.l-about-us {
    border-radius: 12px;
    background: #003D79;
    padding: 14px 20px;
    border: 1px solid #003D79;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: none;
}

.l-about-us:hover {
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    transition: .2s;
}

.big-button-container {

    column-gap: 21px;
    row-gap: 15px;
}

.explore-sevices.c {
    padding: 24px 30px;

}

.explore-sevices {
    border-radius: 12px;
    padding: 24px 23px;
    border: 1px solid #003D79;
    background: #FFF;
    color: #003D79;

    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: .2s;
}

.explore-sevices:hover {
    color: #FFF;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

button.explore-sevices.cta-h {
    padding: 14px 30px;
}

button.explore-sevices.cta-h:hover {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: #47C3D3;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
}

section {
    padding: 120px 0;
}

.service-section-index {
    padding-top: 24px;
}

.service-section-index-title {
    color: #0096D6;
    text-align: center;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */
    border: none;
    background-color: transparent;
    /* 22.4px */
}

.service-section-index-description {
    color: #003D79;
    text-align: center;
    font-family: Rubik;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    max-width: 876px;
    position: relative;
}

h2.service-section-index-description::after {
    content: '';
    background-image: url('../imges/Our-Services.svg');
    width: 328.768px;
    height: 11.92px;
    transform: rotate(1.918deg);
    flex-shrink: 0;
    right: -44px;
    position: absolute;
    top: 48px;
}

.service-section-index-description.team::after {
    content: '';
    background-image: url('../imges/Our-Services.svg');
    width: 328.768px;
    height: 11.92px;
    transform: rotate(0.918deg);
    flex-shrink: 0;
    right: 98px;
    position: absolute;
    bottom: -5px;

}

.make-diffrence::after {
    content: '';
    background-image: url(../imges/Our-Services.svg);
    width: 263.768px;
    height: 11.92px;
    transform: rotate(0.918deg);
    flex-shrink: 0;
    right: 312px;
    position: absolute;
    bottom: -12px;
}

.our-services-inex-phera {
    color: rgba(0, 61, 121, 0.80);
    text-align: center;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
    /* 22.4px */
    max-width: 876px;
}


header {
    z-index: 1111;
}

.our-services-slider {
    padding-top: 60px;
    overflow-x: hidden;
}

.service-card-detail {
    border-radius: 20px;
    background: #fff;
    width: 95%;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
    margin-top: -80px;
    margin-bottom: 32px;
    padding: 20px 10px 27px 22px;
    z-index: 222;
    position: relative;
    height: 100%;

}

.service-card-bg {
    width: 100%;
    object-position: center;
    object-fit: cover;
    min-height: 326px;
    max-height: 326px;
    border-radius: 10px;
    overflow: hidden;
    transition: .3s;
}

.service-card-bg:hover {
    border-radius: 10px;
    transform: scale(1.1);
}

.service-card-bg-div {
    transition: transform .2s;
    border-radius: 10px;
    overflow: hidden;
}

.service-card-detail :where(h3) {
    color: #022649;
    font-family: Onest;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-card-detail :where(p) {
    color: rgba(0, 61, 121, 0.90);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.service-card-detail :where(.get-in-touch-link) {
    color: #003D79;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #003D79;
    width: max-content;

    span {
        font-weight: 900;
    }
}

input[type="file"]+label {
    max-width: 100%;
    /* or a fixed width like 300px */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.get-in-touch-link {
    width: max-content !important;
}

.service-card-detail-text-inner {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.last-slider-index-page .slick-slide {
    margin-right: 5px;
    margin-left: 5px;
    /* adjust the space as needed */
}

.my-slider .slick-slide {
    margin: 0 15px;
    /* 10px on left + right = 20px total gap between cards */
    border-radius: 20px;
}

.my-slider {
    /* margin: 0 -10px; */
    margin-bottom: 24px;
    /* Negative margin to compensate for outer slides */
}

.service-card-detail-text {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.some-image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-color: #E2F6FF;
    margin-top: -55px;
    border-radius: 50px;
    padding: 8px;
}

.first-slider-one.first-slider-one {
    background: transparent;
    border: 1px solid #000;
    border-radius: 20px;

    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.15));
    transform: translate(34px, -60px);
    z-index: 22;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.first-slider-one.first-slider-one:focus {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.first-slider-one.first-slider-one:focus::before {
    background-color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23FFFFFF" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23FFFFFF" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>'); */

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.first-slider-one::before {
    content: '' !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23000" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 30px;
    display: flex;
    scale: 1.5;
}

.first-slider-two.first-slider-two {
    background: transparent;
    border: 1px solid #000;
    border-radius: 20px;

    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.15));
    transform: translate(-42px, -60px);
    z-index: 22;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.3s ease-in-out;


}

.first-slider-two.first-slider-two:focus {
    background-color: #14273D;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.first-slider-two.first-slider-two:focus::before {
    background-color: #14273D;
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23FFFFFF" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>'); */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.0004 8L18.0006 12M18.0006 12L14.0004 16M18.0006 12L6.0001 12" stroke="%23FFFFFF" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.first-slider-two::before {
    content: '' !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.0004 8L18.0006 12M18.0006 12L14.0004 16M18.0006 12L6.0001 12" stroke="%23000" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 30px;
    display: flex;
    scale: 1.5;
}

.about-us-tittle {
    color: #0096D6;
    color: #0096D6;
    text-align: center;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    font-weight: 600;
    line-height: 140%;
    /* 22.4px */
    border: none;
    background-color: transparent;
    /* 22.4px */
}

.right-side-about-us h3 {
    color: #003D79;
    font-family: Onest;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 33.6px */
}


.empowing-you-live::after {
    content: '';
    background-image: url('../imges/Our-Services.svg');
    width: 328.768px;
    height: 11.92px;
    transform: rotate(1.918deg);
    flex-shrink: 0;
    right: -44px;
    position: absolute;
    top: 48px;
    z-index: 11;

}

.right-side-about-us :where(p) {
    color: rgba(0, 61, 121, 0.90);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.right-side-about-us {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 74px;
}

.bigg-card {
    padding: 30px;
    border-radius: 20px;
    background: #E6F3FF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
    position: relative;

}

.bigg-card img {
    z-index: 1;
    position: relative;
    border-radius: 10px;
    transition: transform .5s ease;
}

.testi-img-div {
    overflow: hidden;
    border-radius: 10px;
}

.bigg-card:hover img {
    transform: scale(1.5);
}

.img-bg-div {
    width: 153px;
    height: 100%;
    flex-shrink: 0;
    background: #56A6CF;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0px 20px 20px 0px;
}

.testi-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='34' viewBox='0 0 45 34' fill='none'%3E%3Cpath d='M35.67 33.4912C32.4742 33.3032 30.1714 32.1283 28.7615 29.9665C27.3517 27.8047 26.6467 25.3609 26.6467 22.6351C26.6467 19.3454 27.3047 16.1967 28.6206 13.1889C30.0304 10.0872 31.8163 7.40842 33.9781 5.15261C36.1399 2.8968 38.4897 1.34593 41.0275 0.5L44.4112 5.15261C43.1893 5.99854 41.9674 7.12644 40.7455 8.53632C39.6176 9.85221 38.5837 11.2621 37.6438 12.766C36.7979 14.2698 36.1869 15.7737 35.8109 17.2776C37.5028 17.3716 38.9597 17.7945 40.1816 18.5465C41.4035 19.2044 42.3434 20.0973 43.0013 21.2252C43.6593 22.3531 43.9883 23.716 43.9883 25.3139C43.9883 27.9457 43.1893 30.0135 41.5914 31.5174C39.9936 32.9272 38.0198 33.5852 35.67 33.4912ZM9.16422 33.4912C5.8745 33.3972 3.5247 32.2693 2.11482 30.1075C0.70494 27.8517 0 25.3609 0 22.6351C0 19.3454 0.657944 16.1967 1.97383 13.1889C3.38371 10.0872 5.16956 7.40842 7.33137 5.15261C9.49319 2.8968 11.843 1.34593 14.3808 0.5L17.7645 5.15261C16.5426 5.99854 15.3207 7.12644 14.0988 8.53632C12.9709 9.85221 11.937 11.2621 10.9971 12.766C10.1511 14.2698 9.54019 15.7737 9.16422 17.2776C10.8561 17.3716 12.3129 17.7945 13.5348 18.5465C14.7567 19.2044 15.6967 20.0973 16.3546 21.2252C17.0125 22.3531 17.3415 23.716 17.3415 25.3139C17.3415 27.9457 16.4956 29.9665 14.8037 31.3764C13.2059 32.7863 11.326 33.4912 9.16422 33.4912Z' fill='%23DEB72B'/%3E%3C/svg%3E");

    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='34' viewBox='0 0 45 34' fill='none'%3E%3Cpath d='M35.67 33.4912C32.4742 33.3032 30.1714 32.1283 28.7615 29.9665C27.3517 27.8047 26.6467 25.3609 26.6467 22.6351C26.6467 19.3454 27.3047 16.1967 28.6206 13.1889C30.0304 10.0872 31.8163 7.40842 33.9781 5.15261C36.1399 2.8968 38.4897 1.34593 41.0275 0.5L44.4112 5.15261C43.1893 5.99854 41.9674 7.12644 40.7455 8.53632C39.6176 9.85221 38.5837 11.2621 37.6438 12.766C36.7979 14.2698 36.1869 15.7737 35.8109 17.2776C37.5028 17.3716 38.9597 17.7945 40.1816 18.5465C41.4035 19.2044 42.3434 20.0973 43.0013 21.2252C43.6593 22.3531 43.9883 23.716 43.9883 25.3139C43.9883 27.9457 43.1893 30.0135 41.5914 31.5174C39.9936 32.9272 38.0198 33.5852 35.67 33.4912ZM9.16422 33.4912C5.8745 33.3972 3.5247 32.2693 2.11482 30.1075C0.70494 27.8517 0 25.3609 0 22.6351C0 19.3454 0.657944 16.1967 1.97383 13.1889C3.38371 10.0872 5.16956 7.40842 7.33137 5.15261C9.49319 2.8968 11.843 1.34593 14.3808 0.5L17.7645 5.15261C16.5426 5.99854 15.3207 7.12644 14.0988 8.53632C12.9709 9.85221 11.937 11.2621 10.9971 12.766C10.1511 14.2698 9.54019 15.7737 9.16422 17.2776C10.8561 17.3716 12.3129 17.7945 13.5348 18.5465C14.7567 19.2044 15.6967 20.0973 16.3546 21.2252C17.0125 22.3531 17.3415 23.716 17.3415 25.3139C17.3415 27.9457 16.4956 29.9665 14.8037 31.3764C13.2059 32.7863 11.326 33.4912 9.16422 33.4912Z' fill='%2328303F'/%3E%3C/svg%3E"); */
    background-repeat: no-repeat;
    background-size: 33px 45px;
    background-position: left 20px;
    /* padding-top: 60px; */

}

.testi-pera {
    color: rgba(0, 61, 121, 0.90);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.testi-name {
    color: #003D79;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28px */
}

.testi-designation {
    color: rgba(0, 61, 121, 0.90);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}


.index-last-slider-one.index-last-slider-one {
    background-color: rgba(217, 217, 217, 0.22);
    width: 70px !important;
    height: 70px !important;
    border-radius: 50px;
    left: -60px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 45%;
    transform: translate(6px, -12px);
    border: 2px solid #003D79
}

.about-us-text {
    position: relative;
}

.about-us-text::after {
    content: '';
    background-image: url('../imges/Our-Services.svg');
    width: 328.768px;
    height: 11.92px;
    transform: rotate(360deg);
    flex-shrink: 0;
    position: absolute;
    top: -21px;
    left: 37%;
    z-index: -1;
}

.index-last-slider-one.index-last-slider-one:focus {
    background-color: #003D79;
}

.index-last-slider-two.index-last-slider-two:focus {
    background-color: #003D79 !important;

}

.index-last-slider-one.index-last-slider-one:hover {
    background-color: #003D79;
}

.index-last-slider-two.index-last-slider-two:hover {
    background-color: #003D79 !important;

}

.testimonials-h {
    position: relative;
}

.testimonials-h::after {
    content: '';
    background-image: url(../imges/Our-Services.svg);
    width: 328.768px;
    height: 11.92px;
    flex-shrink: 0;
    right: 34px;
    position: absolute;
    top: 43px;
    transform: rotate(1.918deg);
}

/* .index-last-slider-one.index-last-slider-one:hover {
    background-color: #D9D9D9;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50px;
    left: -70px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
} */

.index-last-slider-one::before {
    content: '' !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23000" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 30px;
    display: flex;
    scale: 1.5;
}

.index-last-slider-two:focus::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.0004 8L18.0006 12M18.0006 12L14.0004 16M18.0006 12L6.0001 12" stroke="%23fff" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');

}

.index-last-slider-one:focus::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23fff" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.index-last-slider-two:hover:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.0004 8L18.0006 12M18.0006 12L14.0004 16M18.0006 12L6.0001 12" stroke="%23fff" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');

}

.index-last-slider-one:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0004 16L6.0002 11.9998M6.0002 11.9998L10.0004 7.99968M6.0002 11.9998L18.0007 11.9998" stroke="%23fff" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}


.index-last-slider-two {
    background-color: rgba(217, 217, 217, 0.22) !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50px;
    right: -50px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 45%;
    right: 0;
    transform: translate(6px, -12px);
    border: 2px solid #003D79;
}

.index-last-slider-two::before {
    content: '' !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.0004 8L18.0006 12M18.0006 12L14.0004 16M18.0006 12L6.0001 12" stroke="%23000" stroke-width="1.94277" stroke-linecap="round" stroke-linejoin="round"/></svg>');

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 30px;
    display: flex !;
    scale: 1.5;
}

.join-now {
    padding: 0 60px;
}

.main-bg-of-join-now {
    padding: 83px 81.5px;
    border-radius: 20px;
    /* background: #003D79; */
    background-image: url('../imges/info-bg.png');
    background-position: center;
    /* background-repeat: no-repeat; */
}

button.l-about-us.client-cta {
    border-radius: 12px;
    border: 1px solid #FFF;
    padding: 24px 23px;

    background: rgba(255, 255, 255, 0.00);
}

button.l-about-us.client-cta:hover {
    color: #FFF;
    border: 1px solid #FFF;
    background: #47C3D3;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
}

footer {
    padding: 59px 61px 23px 61px;
    background: #003D79;
    box-shadow: 0px -6px 24px 0px rgba(0, 0, 0, 0.25);



}

.footer-logo {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 326px;


}

.footer-logo div {
    display: flex;
    gap: 10px;
    align-items: center;

}

.social-media a {
    width: 34px;
    display: flex;
    height: 34px;
    aspect-ratio: 1/1;
    background: #FFDE6C;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.quick-links-footer {
    color: #fff;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 27px */
}

.footer-list-ul :where(a) {
    color: #EFEFF0;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;

    /* 27px */
}

.testimonial-pera {
    padding-left: 40px;
}

.footer-list-ul :where(a):hover {
    color: #E2AE1F;
}

.footer-list-ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style-type: none;
    padding-left: 0;
}

.location-icon {
    width: 24px;
    height: 24px;
    background-color: rgba(98, 185, 247, 0.31);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;


}

.full-adress-div {
    max-width: 223px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.full-adress-div :where(p) {
    color: #EFEFF0;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}

.full-adress-div :where(h5) {
    color: #EFEFF0;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 24px */
}

.footer-bottom {
    background: #FFF;
    padding: 11px 0;
}

.footer-bottom :where(p) {
    color: #003D79;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 24px */
}

.footer-upperh {
    color: #FFF;
    font-family: Onest;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 52px */
}

.footer-company-pera {
    color: #EFEFF0;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 27px */
}

.about-us-text-gap div {
    display: flex;
}


.hero-section-about-section {
    padding-top: 92px;
    padding-bottom: 218px;
    position: relative;
    /* background-image: url("../imges/Group\ 1612.svg"); */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}



.about-us-heading {
    color: #FFF;
    font-family: Rubik;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    position: relative;
}

.about-us-heading::after {
    content: '';
    background-image: url('../imges/abouts-banner.svg');
    width: 374px;
    height: 32px;
    transform: rotate(1.38deg);
    flex-shrink: 0;
    flex-shrink: 0;
    right: -44px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -30px;
    left: 0;
}

.about-us-hero-pera {
    color: rgba(255, 255, 255, 0.90);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 25.2px */
    /* 25.2px */
}

.about-us-numbers {
    display: flex;
    justify-content: space-between;

}

.about-us-numbers :where(h3) {
    color: #E2AE1F;
    font-family: Onest;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    /* 65px */
    /* 65px */
}

.about-us-numbers :where(p) {
    color: #FFF;
    text-align: center;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

.up-down-cards {
    padding-bottom: 88px;
    margin-top: 48px;
    position: relative;
    z-index: 2;
}

.last-img-down {
    transform: translateY(10px);
}

.up-down-card-inner aside {
    border-radius: 20px;
    height: 376px;
    width: 100%;
    margin-top: -115px;
}

.up-down-card-inner aside img:hover {
    transform: translateY(-30px);


}

.up-down-card-inner aside img {
    width: 100%;
    transition: .3s;
    object-fit: cover;
    border-radius: 20px;

}

.wheelchair-bg {
    border-radius: 20px;
    background: #FCE393;
    width: 90%;
    height: 90%;
}

.wheelchair-bg img {
    left: 71px;
    top: 63px;
    transition: .3s;
    position: absolute;
    border-radius: 20px;
}

.wheelchair-bg img:hover {
    top: 20px;
}

.up-down-card-inner aside.lil-bit-up {
    margin-top: -45px;

}

.up-down-card-inner aside.lil-bit-up img {
    width: 100%;
}

.up-down-cards :where(.row>*) {
    margin-top: 0;
}

.about-why-choose-us {
    padding-top: 24px;
}

.why-choose-heding {
    max-width: 876px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-us-page-heading {
    color: #47C3D3;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */
}

.about-us-hero-pera-page {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 52px */
}

.ourteam {
    display: flex;
    padding: 20px 40px;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.23);
    background: #003D79;

}

.employee-img {
    display: inline-block;
    /* Make span respect width/height */
    width: 68px;
    height: 68px;
    overflow: hidden;
    background-color: #D9D9D9;
    border-radius: 50%;
    flex-shrink: 0;
    /* Prevent flexbox from shrinking it */
}




.employee-name-pera {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;

}

.employee-name-pera :where(h3) {
    color: #FFF;
    font-family: Onest;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 33.6px */
}

.employee-name-pera :where(p) {
    color: #FFF;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.meet-team {
    color: #003D79;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 24px 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid var(--primary, #003D79);
    background: #FFF;
}

.sevice-hero-section {
    height: 682px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5px;
    padding-bottom: 20px;
}

.sevice-hero-section img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.inner-first {
    height: 100%;
    display: flex;

    justify-content: left;
    align-items: end;
}

.servi--hero-heading {
    color: #000;
    font-family: Onest;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 54.6px */
}

.service-hero-pera {
    color: #000;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.lern-more {
    transform: translate(0px, 22px);
}

.services-last-section-inner {
    border-radius: 50px 0px 0px 50px;
    background: rgba(249, 214, 118, 0.39);
    padding-top: 42px;
    padding-bottom: 43px;
}

.img-uppr-div {
    display: flex;

    /* height: 475px; */
    justify-content: center;
    align-items: center;
    border-radius: 28.83px;
    /* background: #D9D9D9; */
    transform: translateX(-80px);
}

.img-uppr-div img {
    width: 120%;
    transition: .3s;
    border-radius: 15px;
    object-fit: cover;
}

.img-uppr-div {
    position: relative;
}

/* .img-uppr-div.secnd {
    transform: translateX(-25px);
} */

.our-team-hero-section {
    background: linear-gradient(3deg, #FFF -0.1%, #9CE1FF 233.75%);
    padding-top: 83px;
    overflow: hidden;
    max-height: 727px;
}

.hero-section-text {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 703px;
    overflow: hidden;
    padding-bottom: 89px;
}

.hero-section-text h2 {
    color: #003D79;
    font-family: Rubik;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 59.8px */
}

.hero-section-text p {
    color: rgba(0, 61, 121, 0.90);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 25.2px */
}

.img-section-hero {
    display: flex;
    gap: 24px;
    max-width: 1630px;
    transform: translateX(50px);
}

.img-section-hero>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.team-cards {
    height: 324px;
    flex-shrink: 0;
    border-radius: 17.237px;
}

.team-cards.forth-img {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.team-cards.first {
    transform: translate(0, 59px);
}

.team-cards.secnd {
    transform: translate(0, 29px);
}

.third-cards-our-team {
    transform: translateY(-12px);

}

.forth-cards-our-team {
    transform: translateY(-672px);
}

.fiveth-cards-our-team {
    transform: translateY(-380px);

}

.team-card {
    height: 478px;
    background-image: url(../imges/Services2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    border-radius: 20px;
    padding: 36px 32px 28px 38px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.team-card:hover .know-about-client {
    color: #fff;
    border: 1px solid #fff;
}

/* .team-card:hover {

    z-index: 2;
    animation: bgopacity forwards ease-in .6s;
    transition: all .5s ease-out;
} */

/* .team-card:hover {
    z-index: 2;
    animation: bgopacity forwards ease-in .6s;
    transition: all .5s ease-out;
} */

/* Overlay that slides from bottom */
.team-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #003D79;
    /* dark blue with opacity */
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    border-radius: 20px;
    z-index: 2;
}

/* Hover state — bring overlay up */
.team-card:hover::before {
    transform: translateY(0);
    opacity: 1;
}

/* Keep content above overlay */
/* .team-card>* {
    position: relative;
    z-index: 1;
} */

/* Example: style on hover */
.team-card:hover .know-about-client {
    color: #fff;
    border: 1px solid #fff;
}


@keyframes bgopacity {
    0% {
        background: transparent;
    }

    50% {
        background: #003d7988;
    }

    100% {
        background: #003D79;
    }
}


.team-card:hover .team-img {
    animation: oapacityy .3s forwards ease-out;
}

@keyframes oapacityy {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.team-card:hover .client-name {
    color: #fff;
    position: relative;

}

.discription-button {
    display: flex;
    flex-direction: column;
    gap: 21px;
    position: relative;
    z-index: 222;
}

.team-card:hover .card-phera p {
    color: #fff;

}

.card-phera p {
    color: #fff;
}

.team-card:hover .card-phera {
    transform: translateY(0);
    z-index: 3;
}

.card-phera {
    transform: translateY(-222px);

    transition: all 0.3s ease-in-out;
}

.know-about-client {
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
}

.client-name {
    color: #ffffff;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.join-us-button {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.join-us-amember-button {
    display: flex;
    padding: 24px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: linear-gradient(180deg, #0F7CE6 0%, #003D79 100%);
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    transition: .2s;

}

.join-us-amember-button:hover {
    border-radius: 12px;
    outline: 1px solid #FFF;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

/* contact us page css start  */

section.contact-us-title {
    background: url(../imges/contactusbanner.png) lightgray 50% / cover no-repeat;
    padding: 80px 64.012px 223px 64px;
    justify-content: center;
    background-position: center;
}

.heading-contect {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.heading-contect h4 {
    color: var(--Neutral, #D9D9D9);
    font-family: Rubik;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
    /* 65px */
}

.heading-contect h2 {
    color: rgb(0, 0, 0);
    font-family: Onest;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.social-icon {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-form {
    border-radius: 30px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(120, 112, 112, 0.15);
    display: flex;
    padding: 50px 20px;
    flex-direction: column;

    gap: 40px;
    margin-top: -144px;
}

.contact-form textarea {
    border: none;
    border-bottom: 0.5px solid #C6C6C8;
    border-radius: 0px !important;
    color: #000;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.408px;
    margin-bottom: 40px;
    min-height: 79px;
    padding: 0;
    padding-bottom: 18px;
}

.contact-form textarea::placeholder {}

form.row.get-touch button {
    border-radius: 12px;
    background: linear-gradient(180deg, #0F7CE6 0%, #003D79 100%);
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid transparent;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
}

form.row.get-touch button:hover {
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.heading-Contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-right: 73px;
}

.heading-Contact-info h4 {
    color: #000;
    font-family: Onest;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.heading-Contact-info h2 {
    color: #000;
    font-family: Onest;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.heading-Contact-info-dev {
    border-radius: 20px;
    background: #EDEDED;
    display: flex;
    padding: 32px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 27px;

}

.heading-Contact-info-dev h5 {
    color: #000;
    font-family: Onest;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    height: 57px;
}

.heading-Contact-info-dev a {
    color: #000;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

.heading-Contact-info-dev p {
    color: #000;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.heading-Contact-info-dev h5:after {
    content: '';
    width: 27px;
    height: 3px;
    background: #000;
    top: 53px;
    position: absolute;
    left: 0;
}

div#SuCessfullModal .modal-content {
    border-radius: 30px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(120, 112, 112, 0.15);
    display: flex;
    padding: 64px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.modal-body.thank-you-modal-content-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    padding: 0;
}

.thank-you-modal-content h2 {
    color: #003D79;
    text-align: center;
    font-family: Onest;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.thank-you-modal-content p {
    color: rgba(0, 61, 121, 0.90);
    text-align: center;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

.thank-you-modal-content span {
    color: #E2AE1F;
}

.thank-you-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 27px;
    align-self: stretch;
}

div#SuCessfullModal {
    z-index: 9999;
}

/* contact us page css end  */


/* career page css start  */
section.career-section {
    display: flex;
    padding: 36px 60px;
    justify-content: center;
    align-items: center;
    background: url('../imges/career-title-bg.svg');
}

.modal-body.thank-you-modal-content-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    padding: 0;
}

.thank-you-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 27px;
    align-self: stretch;
}

div#SuCessfullModal {
    z-index: 9999;
}

.title-career h2 {
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.title-career p {
    color: rgba(255, 255, 255, 0.90);
    text-align: center;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.title-career {
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-radius: 20px;
    background: rgba(0, 61, 121, 0.61);
    backdrop-filter: blur(4.5px);
    padding: 86px 148px;
}

.career-info {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.career-info h4 {
    color: #47C3D3;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.career-info h2 {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.career-info h2banner-page-heading-service {
    color: #000;
    font-family: Onest;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.apply-now-col {
    display: flex;
    padding: 33px 38px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    background: #F8F8FC;
    margin-top: 14px;
    transition: .3s;
}

.apply-now-col h3 {
    color: #003D79;
    font-family: Onest;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 14px;
}

.info-fc {
    display: flex;
    gap: 22px;
    padding-bottom: 10px;
}

.info-fc p {
    color: #000;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.apply-now-col p {
    color: #003D79;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.btn:focus-visible {
    color: #fff !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border: 1px solid #FFF !important;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%) !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25) !important;
    color: #fff !important;
}

a.apply-now-btn {
    border-radius: 12px;
    background: linear-gradient(180deg, #0F7CE6 0%, #003D79 100%);
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.explore-sevices.c:hover {
    border: 1px solid #FFF;
    background: #47C3D3;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
}

a.apply-now-btn:hover {
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #003D79 0%, #0B2A48 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.img-left-career {
    display: inline-block;
}

.img-left-career img {
    width: 100%;
    border-radius: 15px;
}

.contact-form input {
    border-radius: 20px !important;
    color: #003D79;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 27px;
    border: 1px solid #DADADA;
    display: flex;
    padding: 15px 30px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: transparent;
}

.form-select:focus {
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}

.contact-form label {
    color: #003D79;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 14px;
    display: block;
}

.django-ckeditor-widget {
    width: 100%;
}

.contact-form input::placeholder {
    color: rgba(60, 60, 67, 0.60);
}

.contact-form textarea::placeholder {
    color: rgba(60, 60, 67, 0.60);
}

.contact-form textarea {
    border-radius: 20px !important;
    color: #003D79;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 27px;
    letter-spacing: -0.408px;
    min-height: 79px;
    border: 1px solid #DADADA;
    display: flex;
    padding: 15px 30px;
    justify-content: stretch;
    background: transparent;
    width: 100%;
}

.contact-form.career-form {
    background: none;
    border-radius: 0;
    padding: 0;
    border: none !important;
    margin: 0 !important;
    box-shadow: none;
}

.career-form input {
    margin-bottom: 27px !important;
    transition: .3s;
}

.career-form input:hover,
.input-group-text:hover,
textarea:hover {
    border-radius: 20px;
    border: 1px solid #0B8BC1;
    background: #FFF !important;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.15);
}

.contact-form input {
    transition: .3s;
}

.contact-form input:hover {
    border-radius: 20px;
    border: 1px solid #0B8BC1;
    background: #FFF !important;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.15);
}

.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);
}

label.input-group-text {
    display: flex;
    padding: 15px 30px;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    height: 101px !important;
    align-self: stretch;
    align-content: center;
    background: none !important;
    border-radius: 20px;
    border: 1px solid #DADADA;
    margin-bottom: 27px;
    color: rgba(60, 60, 67, 0.60);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #d2b48c0a;
}

input#inputGroupFile02 {
    visibility: hidden;
    display: none;
}


/* career page css end  */

.misson-and-values-section {
    padding-top: 290px;
}

.main-bg-of-misson-and-values {
    background: #003D79;
}

.misson-visson-card {
    padding: 41px 48px 40px 49px;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    top: -230px;

}

.values-img {
    border-radius: 10px;
}

.tagetimg {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
}

.our-misson-heding {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 39px */
}

.hands-div {
    padding-top: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    margin-top: -230px;
}

.hands-div h4 {
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.hands-div p {
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    max-width: 441px;
    margin-bottom: 58px;
}

.banner-page-heading-service {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 32px 23px 0px 28px;
    width: 49%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.banner-page-heading-service h3:first-child {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 57.96px */
}

.banner-page-heading-service h3:nth-child(2) {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 57.96px */
}

.my-wayyyy {
    color: #DBB73A;
    font-family: Rubik;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 57.96px */
}

.sevice-page-why-choose-us {
    color: #14273D;
    text-align: center;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.about-us-hero-pera-page.no {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 58.8px */
    position: relative;
}

.about-us-hero-pera-page.no::after {
    width: 261.215px;
    height: 16.787px;
    flex-shrink: 0;
    background-image: url(../imges/service-bgg.png);
    position: absolute;
    content: '';
    left: 0;
    bottom: -4px;
    background-repeat: no-repeat;

}

.our-services-inex-phera.no {
    color: rgba(0, 61, 121, 0.90);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.team-img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    object-fit: cover;
    height: 100%;

}

.our-team-pera-page {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 54.6px */
}

.our-team-pera-page.p {
    max-width: 400px;
}

.services-last-section-inner.nnn {
    border-radius: 50px 0px 0px 50px;
    background: #E2FCFF !important;
}



.team-cards img {
    border-radius: 15px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .3s;

}

.team-cards img:hover {
    transform: translateY(-40px);
    position: relative;
    z-index: 222;

}

.team-card:not(:hover):after {
    content: '';
    position: absolute;
    height: 150px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    left: 0;
    bottom: 0;
    z-index: 22;
}

.weare-albase-happy {
    position: absolute;
    border-radius: 40px;
    background: #003D79;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
    padding: 40px 43px;
    right: -330px;
    max-width: 457px;
    top: 87px;

}

.assiste-u {
    color: #FFF;
    font-family: Rubik;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 41.6px */
}

.socials-div {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.email-phone-adress {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.socials-details {
    padding: 20px 10px 20px 20px;
    border-radius: 20px;
    border: 1px solid #E1E1E1;
    background: rgba(247, 247, 247, 0.12);
    display: flex;
    align-items: center;
    gap: 24px;
    transition: .3s;
}

.socials-details:hover {
    border-radius: 20px;
    border: 1px solid #E1E1E1;
    background: #F7F7F7;
    box-shadow: 0px 4px 5px 0px rgba(255, 252, 252, 0.25);
}

.socials-details:hover :where(h5) {
    color: #003D79;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28px */
}

.socials-details:hover :where(h6) {
    color: #003D79;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.socials-details :where(h5) {
    color: #FFF;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28px */
}

.socials-details :where(h6) {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.border-line- {
    background: #FFF;
    /* mix-blend-mode: color-dodge; */
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.social-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.social-links h5 {
    color: #FFF;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 200% */
}

.g-in-touch-w-us {
    margin-bottom: 36px;
    max-width: 429px;
}

.g-in-touch-w-us h4 {
    color: #003D79;
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 36px */
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border-radius: 20px !important;
    color: rgba(60, 60, 67, 0.60);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 27px;
    border: 1px solid #DADADA !important;
    display: flex !important;
    padding: 15px 30px !important;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    height: 47px !important;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    /* width: 714px; */
    /* height: 37px; */
    padding: 10px 15px !important;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 6px;
    background: rgba(217, 217, 217, 0.16);
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.select2-results {
    display: block;
    padding: 19px 15px;
}

.select2-dropdown {
    border-radius: 20px !important;
    background: #FFF !important;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25) !important;
    top: -26px !important;
    border: none !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    border-radius: 6px;
    border: 1px solid #003D79 !important;
    background: rgba(98, 185, 247, 0.31) !important;
    color: #000 !important;
    font-family: Rubik !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.select2-container--default .select2-results__option--selected {
    border: 1px solid #003D79 !important;
    background: rgba(98, 185, 247, 0.31) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 9px !important;
    right: 30px !important;
    width: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: none !important;
}

.select2-container--open .select2-dropdown {
    /* left: 17px !important;
    right: 17px !important; */
    /* max-width: 705px !important; */
    margin: 0px auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #003D79 !important;
    font-family: Rubik !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.meet-team:hover {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: #47C3D3;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
}

.img-uppr-div img:hover {
    transform: translateY(-30px);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.apply-now-col:hover {
    border-radius: 8px;
    background: #F8F8FC;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
}

.same-bg {
    height: 50px;
    width: 50px;
    background-color: rgba(98, 185, 247, 0.31);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.socials-details:hover :where(.same-bg) {
    background-color: #62B9F7;
}

.service-detail-top {
    gap: 14px;


    h5 {
        color: var(--haeding, #003D79);
        text-align: center;
        font-family: Onest;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 30px */
    }

    h2 {
        color: var(--haeding, #003D79);
        text-align: center;
        font-family: Rubik;
        font-size: 46px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 69px */
    }
}

.hero-section-service-detail {
    padding-top: 70px;
}

.hero-section-main {
    gap: 40px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.service-details-img-hero {
    max-height: 510px;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 40px;
}

.w-men-daughter {
    max-height: 343px;
    border-radius: 10px;
    object-fit: cover;
}

.some-detail-section- {
    display: flex;
    flex-direction: column;
    gap: 22px;



    h2 {
        color: var(--haeding, #003D79);
        font-family: Rubik;
        font-size: 46px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 69px */
        margin-bottom: 6px;
    }
}

.list-of-service-detail li {
    color: var(--paragraph, rgba(0, 61, 121, 0.90));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.list-of-service-detail {
    padding-left: 16px;
}


.serive-detail-banner {
    background-image: url(../imges/service-detail.svg);
    background-size: cover;
    padding: 66px 0px 51px 0px;
}

.hhome-and-living {
    color: #FFF;
    font-family: Rubik;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: capitalize;
    /* 69px */
}

.service-detail-text {
    color: #FFF;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 30px */
}

.service-detail-main-section {
    padding-top: 56px;
}

.border-line-.bend-modee {
    background: #FFF;
    mix-blend-mode: color-dodge !important;
}

.text-dec-anker {
    text-decoration: none !important;
}

.get-in-touch-button {
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #003D79;
    background: #FFF;
    color: #003D79;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    transition: .2s;
}

.get-in-touch-button:hover {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: #47C3D3;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
}

.service-sec-detail-main {
    padding: 28px 29px;
    border-radius: 20px;
    background: #FCFCFC;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.serice-detail-firt-pic {
    border-radius: 20px;
    max-height: 510px;
    width: 100%;
    object-fit: cover;
}

.heading-n-text {
    display: flex;

    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.heading-n-text h2 {
    color: #003D79;
    font-family: Rubik;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 52px */
}

.heading-n-text p {}



.heading-n-text-upper-div {
    display: flex;
    flex-direction: column;
    gap: 66px;
}

.our-servise-list-upper {
    color: var(--haeding, #003D79);
    font-family: Rubik;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 39px */
}

.our-servise-list {
    color: var(--paragraph, rgba(0, 61, 121, 0.90));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 25.2px */
}

ul.our-servise-list {
    padding-left: 20px;
}

.svg-icon-link>a>svg {
    transition: .3s;
}

.svg-icon-link>a>svg:hover path {
    fill: yellow;

}

.svg-icon-link>a>svg:hover {
    transform: translateY(-5px);
    scale: 1.2;
}

.service-card:hover :where(img) {
    scale: 1.2;
}

.some-image img {
    transition: .2s;
}

.our-homes-services-top-right {
    position: absolute;
    width: 474.932px;
    height: 535.241px;
    /* transform: rotate(32.138deg); */
    flex-shrink: 0;
    aspect-ratio: 474.93/535.24;
    opacity: 1;
    top: 40px;
    right: -9%;
    mix-blend-mode: exclusion;
    object-fit: cover;
}

#our-services {
    overflow: hidden;
}

.our-homes-services-left-bottom {
    position: absolute;
    width: 474.932px;
    height: 535.241px;
    flex-shrink: 0;
    aspect-ratio: 474.93/535.24;
    opacity: 1;
    mix-blend-mode: exclusion;
    bottom: 1%;
    left: -6%;
    object-fit: cover;
}

.ready-toapply {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.ready-toapply::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 90%;
    left: 20px;
    background-image: url(../imges/Our-Services.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain;
}

.cover-img-in-service-detail {
    max-height: 383px;
    border-radius: 20px;
}

.service-detail-disc {
    h2 {
        color: var(--haeding, #003D79);
        font-family: Rubik;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        /* 39px */
    }

    ul {
        padding-left: 17px;
    }

    ul li {
        color: var(--paragraph, rgba(0, 61, 121, 0.90));
        font-family: Onest;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        /* 25.2px */
    }
}


.submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.we-love-ndis {
    border-radius: 87px !important;
    width: 135.005px !important;
    height: 133.558px !important;
    object-fit: cover;
    top: -20px;
    right: 30px;
}

.we-love-ndis.carrer {
    top: -30px;
    right: -20px;
}

.we-love-ndis.contact {
    top: -46px;
    right: -42px;
}