.alert-dismissable, .alert-dismissible {
    padding-left: 35px;
    padding-right: 15px;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important;
    color: #fff !important;
}

.alert-dismissible .close {
    right: auto;
    left: -21px;
    font-size: 21px;
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert .close {
    color: #000;
    opacity: 0.2;
    filter: alpha(opacity = 20);
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.c-language_select {
    padding: 5px;
    border-radius: 10px;
    margin-right: 5%;
    margin-left: 5%;
}


:root {
    --default-font-family: IRANSansWeb, Tahoma, Arial, sans-serif;
}

.main-container {
    overflow: hidden;
}

    .main-container,
    .main-container * {
        box-sizing: border-box;
    }

input,
select,
textarea,
button {
    outline: 0;
}

.in-mobile {
    display: none;
}

.main-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    max-width: 100%;
}

.c-404_page {
    background: url(../img/404_background.png);
    background-size: auto 100%
}

.c-404 {
    padding: 68px 0;
    text-align: center;
    line-height: 22px
}

.c-404_title h1 {
    font-size: 36px;
    line-height: 1.222;
    text-align: center !important
}

.c-404_action {
    display: inline-flex
}

    .c-404_action .btn-primary {
        background-color: #6ab946;
        border: 1px solid #4aa42e;
        min-width: 161px;
        padding: 10px 20px;
        margin: 10px 19px 46px;
    }

.c-404_img {
    width: 90%;
    max-width: 677px;
    margin: auto
}

    .c-404_img img {
        width: 100%;
    }

.nav-bar-top {
    position: relative;
    width: 100%;
    height: 100px;
    margin: 0 0 0 0;
    background: rgba(255, 255, 255, 0);
    z-index: 8;
    overflow: hidden;
    display: flex;
}

.c-header_logo {
    width: 10%;
    display: flex;
}

    .c-header_logo img {
        max-width: 100%;
        max-height: 66%;
        top: 18px;
        position: absolute;
    }

.c-header_menu {
    width: 70%;
    display: flex;
}

    .c-header_menu ul {
        display: flex;
        top: 30px;
        position: absolute;
    }

        .c-header_menu ul a {
            text-decoration: none;
        }

.c-header_search {
    width: 20%;
    display: flex;
    transition: all .3s ease-in-out;
    align-items:center
}
.c-header_search-mobile {
    width: 50%;
    display: flex;
    transition: all .3s ease-in-out;
    align-items: center
}

.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 44px;
    top: 28px;
    left: 294px;
    color: #1a202c;
    font-family: Plus Jakarta Sans, var(--default-font-family);
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -0.96px;
    z-index: 9;
}

.c-header {
    background: #fff;
    padding-left: 5%;
    padding-right: 5%;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
}

.component {
    position: absolute;
    width: 255px;
    height: 40px;
    top: 30px;
    z-index: 10;
}

.frame {
    position: absolute;
    width: 1px;
    height: 40px;
    top: 0;
    right: 0;
    font-size: 0px;
    z-index: 11;
    overflow: hidden;
}

.search-input {
    display: block;
    position: relative;
    height: 17px;
    margin: 12px 0 0 -241.25px;
    color: #acb1c6;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 13;
}

.rectangle {
    position: absolute;
    width: 255px;
    height: 40px;
    top: 0;
    right: 0;
    border: 1px solid #acb1c6;
    z-index: 12;
    border-radius: 34px;
}

.ellipse {
    position: absolute;
    width: 15.38%;
    height: 100%;
    top: 0;
    left: 84.62%;
    background: url(../img/Demo/fd97d8d9-704e-4de1-b153-3d16a6cc1861.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 14;
}

.union {
    position: absolute;
    width: 17.808px;
    height: 18.159px;
    top: 10.999px;
    left: 226.558px;
    background: url(../img/Demo/76b57c40-ebbc-46a5-83cf-72479414f646.png) no-repeat center;
    background-size: cover;
    z-index: 15;
}

.frame-1 {
    position: absolute;
    width: 784px;
    height: 16px;
    top: 50%;
    left: 568px;
    transform: translate(0, -50%);
    z-index: 16;
}

.line {
    position: absolute;
    width: 104px;
    height: 16px;
    top: 0;
    left: 408px;
    background: #a0abc0;
    z-index: 17;
    border-radius: 0 3px 3px 0;
}

.line-2 {
    position: absolute;
    width: 104px;
    height: 16px;
    top: 0;
    left: 544px;
    background: #a0abc0;
    z-index: 18;
    border-radius: 0 3px 3px 0;
}

.line-3 {
    position: absolute;
    width: 104px;
    height: 16px;
    top: 0;
    left: 680px;
    background: #a0abc0;
    z-index: 19;
    border-radius: 0 3px 3px 0;
}

.line-4 {
    position: absolute;
    width: 104px;
    height: 16px;
    top: 0;
    left: 272px;
    background: #a0abc0;
    z-index: 20;
    border-radius: 0 3px 3px 0;
}

.line-5 {
    position: absolute;
    width: 104px;
    height: 16px;
    top: 0;
    left: 136px;
    background: #a0abc0;
    z-index: 21;
    border-radius: 0 3px 3px 0;
}

.line-6 {
    position: absolute;
    width: 104px;
    height: 16px;
    top: 0;
    left: 0;
    background: #717d96;
    z-index: 22;
    border-radius: 0 3px 3px 0;
}

.c-slider_main {
    position: relative;
    height: 991px;
    margin: 1px 0 0 0;
    z-index: 7;
    overflow: hidden;
}

.c-slider_main-img_box {
    position: absolute;
    min-width: 100%;
    height: 909px;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: 65;
}

    .c-slider_main-img_box img {
        min-width: 100%;
        max-height: 100%;
    }

.frame-9 {
    position: relative;
    width: 100%;
    height: 908px;
    margin: 1px 0 0 1px;
    background: linear-gradient(90deg, rgba(139, 157, 180, 0), #ffffff);
    z-index: 66;
    overflow: hidden;
}

.c-slider_main-placeholder {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 24px;
    position: absolute;
    width: 300px;
    height: 160px;
    top: 150px;
    left: 950px;
    z-index: 67;
}

.heading {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    height: 40px;
    background: url(../img/Demo/f4d5bb95-d912-45c5-b6c3-2be3b5fa6246.png) no-repeat center;
    background-size: cover;
    z-index: 68;
    padding: 7px;
}

    .heading span {
        color: #fff;
    }

.text-base {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    min-width: 0;
    height: fit-content;
    background-size: cover;
    z-index: 69;
    background: #454e5e;
}

    .text-base span {
        color: #fff;
        font-size: 13px;
        padding: 5px;
    }

.c-slider_main-thumb-img_box-one {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 733px;
    left: 500px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
}

.c-slider_main-thumb-img_box-one_swiper {
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-one image {
    min-width: 100%;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-two {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 733px;
    left: 710px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-two_swiper {
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-two image {
    min-width: 100%;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-three {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 733px;
    left: 920px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-three_swiper {
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-three image {
    min-width: 100%;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-four {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 733px;
    left: 1130px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-four_swiper {
    position: absolute;
    width: 200px;
    height: 200px;
    background-size: cover;
    z-index: 70;
    overflow: hidden;
    border-radius: 40px;
    cursor: pointer;
}

.c-slider_main-thumb-img_box-four image {
    min-width: 100%;
    cursor: pointer;
}

.frame-b {
    position: absolute;
    width: 257px;
    height: 258px;
    top: 733px;
    left: 1506px;
    background-size: cover;
    z-index: 71;
    overflow: hidden;
    border-radius: 40px;
}

.frame-c {
    position: absolute;
    width: 257px;
    height: 258px;
    top: 733px;
    left: 1795px;
    background-size: cover;
    z-index: 72;
    overflow: hidden;
    border-radius: 40px;
}

.frame-d {
    position: absolute;
    width: 257px;
    height: 258px;
    top: 733px;
    left: 2084px;
    background-size: cover;
    z-index: 73;
    overflow: hidden;
    border-radius: 40px;
}

.c-about_us {
    position: relative;
    height: fit-content;
    margin: -3% 13% 6% 10%;
    z-index: 88;
    display: flex;
    flex-wrap: wrap
}

.c-about_us-img_box {
    position: relative;
    display: flex;
    flex-basis: 50%;
    height: 370px;
    top: 0;
    z-index: 87;
    overflow: hidden;
    border-radius: 24px;
}

    .c-about_us-img_box img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
        transition: all .7s ease-in-out;
    }

        .c-about_us-img_box img:hover {
            transform: scale(1.1);
        }

.c-about_us-text {
    display: flex;
    flex-basis: 50%;
    align-items:center;
}

.text-placeholder {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 24px;
    position: absolute;
    width: 44%;
    z-index: 88;
}

.heading-f {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    background-size: cover;
    z-index: 89;
}

    .heading-f img {
        width: 100%;
        height: 100%;
    }

    .heading-f h2 {
        width: 100%;
        color: #717d96;
    }

.text-base-10 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    background-size: cover;
    z-index: 90;
}

    .text-base-10 p {
        color: #a0abc0;
        text-align: justify
    }

.c-rating {
    position: relative;
    width: 100%;
    height: fit-content;
    background: #d3dce7;
    z-index: 91;
    overflow: visible auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.c-rating-head_one h3 {
    text-align: center !important;
    color: #003d74;
}

.c-rating-content_one p {
    text-align: center !important;
    color: #003d74;
}

.c-rating-right {
    min-width: 20%;
    max-width: 20%;
    margin: 0 5% 0 5%;
}

.c-rating-left {
    min-width: 60%;
    max-width: 60%;
    display: flex;
    margin: 0 5% 0 5%;
}

.c-rating-head {
    position: relative;
    height: 100%;
    margin: 0 5% 0 5%;
    z-index: 101;
    display: flex;
    width: 100%;
    align-items: center;
}

.c-rating-head_one {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: fit-content;
}

.c-rating-head_two {
    flex-basis: 20%;
    max-width: 20%;
    max-height: fit-content;
}

.c-rating-head_three {
    flex-basis: 20%;
    max-width: 20%;
    max-height: fit-content;
}

.c-rating-head_four {
    flex-basis: 20%;
    max-width: 20%;
    max-height: fit-content;
}

.c-rating-head_one img {
    max-width: 80%;
}

.c-rating-head_two img {
    max-width: 80%;
}

.c-rating-head_three img {
    max-width: 80%;
}

.c-rating-head_four img {
    max-width: 80%;
}

.c-rating-content_one {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: fit-content;
}

    .c-rating-content_one img {
        max-width: 80%;
    }

.c-rating-content_two {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
    max-height: fit-content;
}

    .c-rating-content_two img {
        max-width: 80%;
    }

.c-rating-content_three {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
    max-height: fit-content;
}

    .c-rating-content_three img {
        max-width: 80%;
    }

.c-rating-content_four {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
    max-height: fit-content;
}

.text-placeholder-13 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 24px;
    position: absolute;
    width: 192px;
    height: 56px;
    top: 0;
    left: 1130px;
    z-index: 92;
}

.heading-14 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    height: 48px;
    background: url(../img/Demo/a1481db6-7101-49a4-ba46-ed5fd4d6ed65.png) no-repeat center;
    background-size: cover;
    z-index: 93;
}

.regroup {
    position: absolute;
    width: 917px;
    height: 56px;
    top: 0;
    left: 0;
    z-index: 101;
}

.heading-15 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 16px;
    position: absolute;
    width: 237px;
    height: 32px;
    top: 0;
    left: 0;
    background: url(../img/Demo/347d45fb-dadf-4936-8e8c-ac91020c97a8.png) no-repeat center;
    background-size: cover;
    z-index: 95;
}

.heading-16 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 16px;
    position: absolute;
    width: 237px;
    height: 32px;
    top: 0;
    left: 340px;
    background: url(../img/Demo/2b175ef9-2a34-4ffa-b2ed-dba6729f859d.png) no-repeat center;
    background-size: cover;
    z-index: 101;
}

.heading-17 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 16px;
    position: absolute;
    width: 237px;
    height: 32px;
    top: 0;
    left: 680px;
    background: url(../img/Demo/af1c8965-dd98-464c-8284-682bbce97ea5.png) no-repeat center;
    background-size: cover;
    z-index: 98;
}

.c-rating-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 181px;
    margin: 3% 5% 3% 5%;
    z-index: 102;
    flex-wrap: wrap;
    max-height: fit-content;
}

.text-base-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 90%;
    height: 180px;
    background-size: cover;
    z-index: 96;
}

    .text-base-19 a {
        color: #fff;
    }

.c-services-content_img {
    width: 100%;
    height: 100%;
}

.text-base-1a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 237px;
    height: 181px;
    background: url(../img/Demo/da84ea8b-bc48-4d27-9d40-7a324461b238.png) no-repeat center;
    background-size: cover;
    z-index: 102;
}

.text-base-1b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 237px;
    height: 181px;
    background: url(../img/Demo/a35e076e-dadd-4ee4-b4cd-7609f480a07c.png) no-repeat center;
    background-size: cover;
    z-index: 99;
}

.c-services {
    position: relative;
    height: 330px;
    z-index: 84;
    max-width: 84%;
    margin: 5% 8% 0% 8%;
    display: flex;
    flex-wrap: wrap;
}

.c-services-row {
    display: flex;
    flex-wrap: wrap;
    width: 25%;
    height: fit-content;
}

    .c-services-row:first-of-type .c-services_sec-one {
        border-radius: 0 24px 0 0;
    }

    .c-services-row:last-of-type .c-services_sec-one {
        border-radius: 24px 0 0 0;
    }

.c-services_sec-one {
    position: absolute;
    width: 25%;
    height: fit-content;
    top: 0;
    z-index: 75;
    overflow: hidden;
}


.c-service-sec-one_img {
    min-width: 100%;
    max-width: 100%;
    min-height: 330px;
    max-height: 330px;
    object-fit: fill;
}

.c-services_sec-two {
    position: absolute;
    width: 25%;
    height: fit-content;
    top: 0;
    left: 25%;
    z-index: 78;
    overflow: hidden;
}

.c-service-sec-two_img {
    min-width: 100%;
    max-width: 100%;
    min-height: 330px;
    max-height: 330px;
    object-fit: fill;
}

.c-services_sec-three {
    position: absolute;
    width: 25%;
    height: fit-content;
    top: 0;
    left: 50%;
    z-index: 81;
    overflow: hidden;
}

.c-service-sec-three_img {
    min-width: 100%;
    max-width: 100%;
    min-height: 330px;
    max-height: 330px;
    object-fit: fill;
}

.c-services_sec-four {
    position: absolute;
    width: 25%;
    height: fit-content;
    top: 0;
    left: 75%;
    z-index: 84;
    border-radius: 0 24px 0 0;
    overflow: hidden;
}

.c-service-sec-four_img {
    min-width: 100%;
    max-width: 100%;
    min-height: 330px;
    max-height: 330px;
    object-fit: fill;
}

.c-services-content {
    position: relative;
    max-width: 84%;
    z-index: 85;
    display: flex;
    flex-wrap: wrap;
    margin-left: 8%;
}

.c-services a{
    text-decoration:none!important
}
.c-services-content_box-one {
    display: flex;
    flex-basis: 25%;
    padding: 2% 0% 2% 0%;
    background-color: #cfcfcf;
    position: relative;
    width: 100%;
    top: -4px;
    justify-content: center;
}

.c-services-content_box-two {
    display: flex;
    flex-basis: 25%;
    padding: 2% 0% 2% 0%;
    background: #cfcfcf;
    position: relative;
    width: 100%;
    top: -4px;
    justify-content: center;
}

.c-services-content_box-three {
    display: flex;
    flex-basis: 25%;
    padding: 2% 0% 2% 0%;
    background: #cfcfcf;
    position: relative;
    width: 100%;
    top: -4px;
    justify-content: center;
}

.c-services-content_box-four {
    display: flex;
    flex-basis: 25%;
    padding: 2% 0% 2% 0%;
    background: #cfcfcf;
    position: relative;
    width: 100%;
    top: -4px;
    justify-content: center;
}

.c-services-content_box-one_content {
    justify-content: center;
    background: #486284;
    top: -4px;
    position: relative;
    display: none;
    padding: 20px;
    border-radius: 1px 0px 20px 20px;
}

.c-services-content_box-two_content {
    justify-content: center;
    background: #486284;
    top: -4px;
    position: relative;
    display: none;
    padding: 20px;
    border-radius: 1px 0px 20px 20px;
}

.c-services-content_box-three_content {
    justify-content: center;
    background: #486284;
    top: -4px;
    position: relative;
    display: none;
    padding: 20px;
    border-radius: 1px 0px 20px 20px;
}

.c-services-content_box-four_content {
    justify-content: center;
    background: #486284;
    top: -4px;
    position: relative;
    display: none;
    padding: 20px;
    border-radius: 1px 0px 20px 20px;
}

.c-service-sec-one_img:hover ~ .c-services-content_box-one {
    background: #486284;
}


.c-service-sec-two_img:hover ~ .c-services-content_box-two {
    background: #486284;
}

.c-service-sec-three_img:hover ~ .c-services-content_box-three {
    background: #486284;
}

.c-service-sec-four_img:hover ~ .c-services-content_box-four {
    background: #486284;
}


.c-service-sec-one_img:hover ~ .c-services-content_box-one .line-21 {
    background: #fff;
}

    .c-service-sec-one_img:hover ~ .c-services-content_box-one .line-21 h3 {
        color: #717d96;
    }

.c-service-sec-two_img:hover ~ .c-services-content_box-two .line-23 {
    background: #fff;
}

.c-service-sec-three_img:hover ~ .c-services-content_box-three .line-25 {
    background: #fff;
}

.c-service-sec-four_img:hover ~ .c-services-content_box-four .line-27 {
    background: #fff;
}



.c-service-sec-one_img:hover ~ .c-services-content_box-one_content {
    display: flex;
}

.c-service-sec-two_img:hover ~ .c-services-content_box-two_content {
    display: flex;
}

.c-service-sec-three_img:hover ~ .c-services-content_box-three_content {
    display: flex;
}

.c-service-sec-four_img:hover ~ .c-services-content_box-four_content {
    display: flex;
}

.frame-20 {
    position: absolute;
    width: 401px;
    height: 103px;
    top: 0;
    left: 50%;
    background: rgba(72, 98, 131, 0.010000000000000002);
    transform: translate(-199.5%, 0);
    z-index: 76;
    overflow: hidden;
}

.line-21 {
    position: relative;
    width: 90%;
    height: 60px;
    background: #717d96;
    z-index: 77;
    border-radius: 3px 0 0 3px;
}

    .line-21 h3 {
        color: #fff;
        margin-top: 5px;
        text-align: center;
        font-size: 15px;
    }

.frame-22 {
    position: absolute;
    width: 401px;
    height: 103px;
    top: 0;
    left: 50%;
    background: rgba(72, 98, 131, 0.010000000000000002);
    transform: translate(-99.25%, 0);
    z-index: 79;
    overflow: hidden;
}

.line-23 {
    position: relative;
    width: 100%;
    height: 30px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 80;
    border-radius: 3px 0 0 3px;
    margin: 10%;
}

.frame-24 {
    position: absolute;
    width: 401px;
    height: 103px;
    top: 0;
    left: 50%;
    background: rgba(72, 98, 131, 0.010000000000000002);
    transform: translate(1%, 0);
    z-index: 82;
    overflow: hidden;
}

.line-25 {
    position: relative;
    width: 100%;
    height: 30px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 83;
    border-radius: 3px 0 0 3px;
    margin: 10%;
}

.frame-26 {
    position: absolute;
    width: 395px;
    height: 103px;
    top: 0;
    left: 50%;
    background: rgba(72, 98, 131, 0.010000000000000002);
    transform: translate(102.53%, 0);
    z-index: 85;
    overflow: hidden;
}

.line-27 {
    position: relative;
    width: 100%;
    height: 30px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 86;
    border-radius: 3px 0 0 3px;
    margin: 10%;
}

.c-projects {
    position: relative;
    display:flex;
    height: 653px;
    margin: 330px 0 0 0;
    background: #d3dce7;
    padding-top: 6%;
    direction: ltr;
    padding-left:3%;
}

.c-projects-sliders_image {
    position: absolute;
    width: 40%;
    height: 48%;
    top: 50%;
    left: 50%;
    background-size: cover;
    transform: translate(-81.83%, -49.91%);
    z-index: 1;
    overflow: hidden;
    border-radius: 24px;
}

    .c-projects-sliders_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.c-projects-sliders_image-swiper {
    position: absolute;
    width: 40%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-size: cover;
    transform: translate(-81.83%, -49.91%);
    z-index: 1;
    overflow: hidden;
    border-radius: 24px;
}

    .c-projects-sliders_image-swiper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.frame-2a {
    position: absolute;
    width: 30%;
    height: 33%;
    top: 50%;
    left: 50%;
    background: #ffffff;
    transform: translate(8.98%, -49.87%);
    z-index: 2;
    overflow: hidden;
    border-radius: 24px;
}

.frame-2a_swiper {
    position: absolute;
    background: #ffffff;
    transform: translate(8.98%, -49.87%);
    z-index: 2;
    overflow: hidden;
    border-radius: 24px;
}

.line-2b {
    position: relative;
    width: 298px;
    height: 30px;
    margin: 85px 0 0 144px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 4;
    border-radius: 3px 0 0 3px;
}

.text-base-2c {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    position: relative;
    width: 428px;
    height: 64px;
    margin: 20px 0 0 15px;
    background: url(../img/Demo/25f21fa9-ae06-418d-baa3-e220bfd37cd4.png) no-repeat center;
    background-size: cover;
    z-index: 3;
}

.union-2d {
    position: absolute;
    width: 0.98%;
    height: 3.77%;
    top: 48.15%;
    left: 86.94%;
    background: url(../img/Demo/e6b07629-1c2d-4614-8c09-090a2ad2de57.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 7;
}

.union-2e {
    position: absolute;
    width: 0.98%;
    height: 3.77%;
    top: 48.15%;
    left: 12.14%;
    background: url(../img/Demo/47c2942a-9965-4f12-9b93-49e158bc5483.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 6;
}

.c-news {
    position: relative;
    height: fit-content;
    background: #f6f7f9;
    z-index: 57;
    overflow: visible auto;
    display: flex;
    flex-wrap: wrap;
}

.c-news-row {
    flex-basis: 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;
    display: flex;
    flex-wrap: wrap;
}

.c-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin: 130px 15% 4px 15%;
    z-index: 63;
    flex-wrap: wrap;
}

.c-news-header_one {
    display: flex;
    flex-basis: 100%;
    min-width: 100%;
    position: relative;
    height: 21px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 63;
    border-radius: 3px 0 0 3px;
}

.c-news-header_two {
    display: flex;
    flex-basis: 23.33%;
    min-width: 23.33%;
    position: relative;
    height: 21px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 63;
    border-radius: 3px 0 0 3px;
}

.c-news-header_three {
    display: flex;
    flex-basis: 23.33%;
    min-width: 23.33%;
    position: relative;
    height: 21px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 63;
    border-radius: 3px 0 0 3px;
}

.line-30 {
    flex-shrink: 0;
    position: relative;
    width: 272px;
    height: 30px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 63;
    border-radius: 3px 0 0 3px;
}

.line-31 {
    flex-shrink: 0;
    position: relative;
    width: 302px;
    height: 30px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 62;
    border-radius: 3px 0 0 3px;
}

.line-32 {
    flex-shrink: 0;
    position: relative;
    width: 272px;
    height: 30px;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 61;
    border-radius: 3px 0 0 3px;
}

.c-news-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: fit-content;
    margin: 20px 15% 130px 15%;
    z-index: 60;
    flex-wrap: wrap;
}

.c-news-content_one {
    display: flex;
    flex-basis: 100%;
    min-width: 100%;
}

    .c-news-content_one img {
        width: 100%;
        height: 100%;
    }

.c-news-content_two {
    display: flex;
    flex-basis: 23.33%;
    min-width: 23.33%;
}

    .c-news-content_two img {
        width: 100%;
        height: 100%;
    }

.c-news-content_three {
    display: flex;
    flex-basis: 23.33%;
    min-width: 23.33%;
}

    .c-news-content_three img {
        width: 100%;
        height: 100%;
    }

.text-base-33 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 272px;
    height: 64px;
    background: url(../img/Demo/6e2dc865-d8e1-49c2-bb46-6b547a861e4f.png) no-repeat center;
    background-size: cover;
    z-index: 60;
}

.text-base-34 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 302px;
    height: 64px;
    background: url(../img/Demo/2f93718a-c8a9-4fea-a1a4-eb86d8068a71.png) no-repeat center;
    background-size: cover;
    z-index: 59;
}

.text-base-35 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 272px;
    height: 64px;
    background: url(../img/Demo/b8de926f-75aa-4b85-8373-de9e3d1c4522.png) no-repeat center;
    background-size: cover;
    z-index: 58;
}

.c-footer {
    position: relative;
    height: 400px;
    margin: 0 0 0 0;
    background: #d3dce7;
    z-index: 23;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 2% 10% 0px 10%;
}

    .c-footer h3 p {
        text-align: justify
    }

.c-footer-col_one {
    flex-basis: 30%;
    min-width: 30%;
}

.c-footer-col_two {
    flex-basis: 17.5%;
    min-width: 17.5%;
}

.c-footer-col_three {
    flex-basis: 17.5%;
    min-width: 17.5%;
}

.c-footer-col_four {
    flex-basis: 35%;
    min-width: 35%;
}

.c-footer-col_five {
    flex-basis: 17.5%;
    min-width: 17.5%;
}

.line-36 {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 20px 0px 0px 0px;
    background: url(../img/Demo/aea8f72f-4049-482d-a661-073d5cb9d7e0.png) no-repeat center;
    background-size: cover;
    z-index: 24;
}

.flex-row-d {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 16px;
    margin: 31px 0 0 163px;
    z-index: 30;
}

.line-37 {
    flex-shrink: 0;
    position: relative;
    width: 90%;
    height: 16px;
    z-index: 30;
    border-radius: 3px;
    color: #003d74;
}

.regroup-38 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    position: relative;
    width: 308px;
    height: 16px;
    z-index: 29;
    right: 43px;
}

.line-39 {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    height: 16px;
    z-index: 29;
    border-radius: 3px;
    margin-top: 30px;
}

    .line-39 h3 {
        width: 100%;
        color: #013e74
    }

.line-3a {
    flex-shrink: 0;
    position: relative;
    width: 85%;
    height: 16px;
    z-index: 28;
    border-radius: 3px;
    margin-top: 17px;
}

    .line-3a p {
        width: 100%;
        color: #013e74;
        text-align: justify;
    }

.flex-row-cacd {
    position: absolute;
    height: 207px;
    top: 96px;
    z-index: 51;
}

.group {
    position: absolute;
    height: 44px;
    top: 0;
    left: 160px;
    z-index: 25;
}

.group-3b {
    position: relative;
    width: 174.165px;
    height: 44px;
    z-index: 26;
}

.logo-3c {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 44px;
    top: 0;
    left: 0;
    color: #1a202c;
    font-family: Plus Jakarta Sans, var(--default-font-family);
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -0.96px;
    z-index: 27;
    max-width: 100%;
}

    .logo-3c img {
        max-width: 100%
    }

.regroup-3d {
    position: absolute;
    width: 377px;
    height: 207px;
    top: 0;
    left: 1085px;
    z-index: 39;
}

.frame-3e {
    position: absolute;
    width: 136px;
    height: 183px;
    top: 24px;
    left: 0;
    z-index: 39;
}

.line-3f {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 0 0 0 0;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 44;
    border-radius: 3px;
}

.line-40 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 43px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 40;
    border-radius: 3px;
}

.line-41 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 41;
    border-radius: 3px;
}

.line-42 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 42;
    border-radius: 3px;
}

.line-43 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 43;
    border-radius: 3px;
}

.frame-44 {
    position: absolute;
    width: 136px;
    height: 183px;
    top: 24px;
    left: 241px;
    z-index: 33;
}

.line-45 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 0 0 0 0;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 38;
    border-radius: 3px;
}

.line-46 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 43px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 34;
    border-radius: 3px;
}

.line-47 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 35;
    border-radius: 3px;
}

.line-48 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 36;
    border-radius: 3px;
}

.line-49 {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 37;
    border-radius: 3px;
}

.frame-4a {
    position: absolute;
    width: 136px;
    height: 183px;
    top: 24px;
    left: 539px;
    z-index: 51;
}

.line-4b {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 0 0 0 0;
    background: #717d96;
    transform: rotate(180deg);
    z-index: 56;
    border-radius: 3px;
}

.line-4c {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 43px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 52;
    border-radius: 3px;
}

.line-4d {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 53;
    border-radius: 3px;
}

.line-4e {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 54;
    border-radius: 3px;
}

.line-4f {
    position: relative;
    width: 136px;
    height: 16px;
    margin: 20px 0 0 0;
    background: #a0abc0;
    transform: rotate(180deg);
    z-index: 55;
    border-radius: 3px;
}

.frame-50 {
    position: relative;
    width: 100%;
    height: 183px;
    top: 24px;
    z-index: 45;
}

.line-51 {
    position: relative;
    width: 100%;
    height: 16px;
    margin: 0 0 0 0;
    z-index: 50;
    border-radius: 3px;
}

    .line-51 h3 {
        margin: unset !important;
        color: #013e74
    }

.line-52 {
    position: relative;
    width: 100%;
    height: 16px;
    margin: 43px 0 0 0;
    z-index: 46;
    border-radius: 3px;
}

    .line-52 p {
        color: #013e74;
    }

.line-53 {
    position: relative;
    width: 100%;
    height: 16px;
    margin: 20px 0 0 0;
    z-index: 47;
    border-radius: 3px;
}

    .line-53 p {
        color: #013e74;
    }

.line-54 {
    position: relative;
    width: 100%;
    height: 16px;
    margin: 20px 0 0 0;
    z-index: 48;
    border-radius: 3px;
}

    .line-54 p {
        color: #013e74;
    }

.line-55 {
    position: relative;
    width: 100%;
    height: 16px;
    margin: 20px 0 0 0;
    z-index: 49;
    border-radius: 3px;
}

    .line-55 p {
        color: #013e74;
    }

.line-56 {
    position: absolute;
    width: 100%;
    height: 16px;
    top: 179px;
    left: 163px;
    background: #a0abc0;
    z-index: 31;
    border-radius: 3px;
}

    .line-56 p {
        color: #013e74;
    }

.line-57 {
    position: absolute;
    width: 270px;
    height: 16px;
    top: 215px;
    left: 163px;
    background: #a0abc0;
    z-index: 32;
    border-radius: 3px;
}

    .line-57 p {
        color: #013e74;
    }

.line-58 {
    position: relative;
    width: 80%;
    height: 16px;
    background: #a0abc0;
    z-index: 32;
    border-radius: 3px;
}

    .line-58 p {
        color: #013e74;
    }

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

body {
    background: #000;
    color: #000;
}

.swiper {
    width: 100%;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper2 {
    height: 64%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

    .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        background: transparent;
    }

    .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
        background: transparent;
        filter: brightness(30%);
    }

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-swiper-slide {
    width: 200px !important;
    height: 200px !important;
}

.swiper-thumb {
    width: 800px !important;
}

.c-slider_main-thumb {
    position: absolute;
    top: 54%;
}

.swiper-slide2 {
}

.c-projects-sliders_image-swiper2 {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 51%;
    left: 77%;
    background-size: cover;
    transform: translate(-81.83%, -49.91%);
    z-index: 1;
    overflow: hidden;
    border-radius: 24px;
}

    .c-projects-sliders_image-swiper2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.c-swiper-left {
    max-width: 70%;
}

.c-swiper-right {
    max-width: 60%;
    max-height: 70%;
}

    .c-swiper-right a {
        text-decoration: none
    }

.frame-2a_swiper {
    position: absolute;
    width: 80%;
    height: 60%;
    top: 57%;
    left: 0%;
    background: #ffffff;
    transform: translate(8.98%, -49.87%);
    z-index: 2;
    overflow: hidden;
    border-radius: 24px;
}

.line-2b_swiper {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 85px 0 0 14px;
    z-index: 4;
    border-radius: 3px 0 0 3px;
}

    .line-2b_swiper h2 {
        width: 100%;
        color: #717d96;
        font-size: 21px;
    }

.line-2b_swiper-dtl {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 0px 0 0 14px;
    z-index: 4;
    border-radius: 3px 0 0 3px;
}

    .line-2b_swiper-dtl p {
        width: 100%;
        color: #717d96;
        font-size: 14px;
    }


.text-base-2c_swiper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    position: relative;
    width: 447px;
    height: 64px;
    margin: 0px 0 0 -20px;
    background-size: cover;
    z-index: 3;
}

    .text-base-2c_swiper p {
        color: #a0abc0;
        text-align: justify;
        font-size: 14px;
        width: 100%;
    }

.union-2d_swiper {
    position: absolute;
    width: 2%;
    height: 7%;
    top: 48.15%;
    left: 90%;
    background: url(../img/Demo/e6b07629-1c2d-4614-8c09-090a2ad2de57.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 7;
    cursor: pointer;
}

.union-2e_swiper {
    position: absolute;
    width: 2%;
    height: 7%;
    top: 48.15%;
    left: 0%;
    background: url(../img/Demo/47c2942a-9965-4f12-9b93-49e158bc5483.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 6;
    cursor: pointer;
}

.c-footer_copyright {
    flex-basis: 100%;
    margin-top: 20px;
}

.c-footer_copyright-row {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.c-footer_copyright-row_col-one {
    flex-basis: 60%;
}

.c-footer_copyright-row_col-two {
    flex-basis: 19%;
}

.c-footer_copyright-row_col-three {
    flex-basis: 19%;
}

.c-specialty {
    position: relative;
    width: 100%;
    height: 310px;
    min-height: 310px;
    margin: 0px;
    overflow: hidden;
}

.c-specialty-header_image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100% 100%;
}

    .c-specialty-header_image img {
        width: 100%;
    }

        .c-specialty-header_image img:last-of-type {
            position: relative;
            top: -100px;
            min-height: 100px;
        }

.c-specialty_sec-one {
    max-width: 100%;
}

.c-specialty_header {
    margin-right: 15%;
    margin-left: 15%;
    color: #2f4f4f;
}

.c-specialty_content-header {
    margin-right: 15%;
    margin-left: 15%;
    color: #96B852;
}

    .c-specialty_content-header h3 {
        text-align: justify
    }

.c-specialty_content-parag {
    margin-right: 15%;
    margin-left: 15%;
}

    .c-specialty_content-parag p {
        text-align: justify
    }

.c-specialty_related-projects {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 15%;
    margin-left: 15%;
}

.c-specialty_related-projects_header {
    flex-basis: 70%;
    min-width: 70%;
    max-width: 70%;
    margin-top: 70px;
    margin-bottom: 20px;
}

.c-related-projects {
    flex-basis: 70%;
    min-width: 70%;
    max-width: 70%;
    display: flex;
    flex-wrap: wrap
}

.c-specialty_related-projects_content {
    margin-right: 5%;
    margin-left: 5%;
    flex-basis: 23.33%;
    min-width: 23.33%;
    max-width: 23.33%;
}

.c-related-projects_image {
    max-width: 100%;
}

.c-projects_image {
    max-width: 100%;
}

    .c-projects_image img:first-of-type {
        max-width: 70%;
    }

.c-related-projects_image img:first-of-type {
    max-width: 70%;
}

.c-related-projects_image img:last-of-type {
    margin-top: -10px;
    max-width: 100%;
}



.c-specialty_team {
    display: flex;
    flex-wrap: wrap;
    margin-right: 15%;
    margin-left: 15%;
}

.c-specialty_team-head {
    margin-right: 15%;
    margin-left: 15%;
    flex-basis: 70%;
    min-width: 70%;
    max-width: 70%;
    max-height: fit-content
}

.c-specialty_team-content {
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
    flex-basis: 23.33%;
    min-width: 23.33%;
    max-width: 23.33%;
}

.c-specialty_team-content_row {
    max-width: 100%;
}

.c-team_image {
    max-width: 95%;
    display: flex
}

    .c-team_image img {
        max-width: 100%;
        width: 235px;
        height: 188px;
        max-width: 235px;
        max-height: 188px;
    }

.c-team_content {
    display: flex;
}

.c-team_content-parag {
    width: 95%;
    background: #d4d3d2;
    padding:10px;
}

.c-team_content-img {
    width: 5%;
}

    .c-team_content-img img {
        max-width: 100%
    }

.c-project_page-title {
    align-content: center;
}

    .c-project_page-title h3 {
        margin-left: 15%;
        margin-right: 15%;
        color: #2f4f4f;
    }

.c-project_page-swiper {
    max-width: 100%;
}

.c-project_page-swiper_row {
    margin-left: 15%;
    margin-right: 15%;
}

.c-project_page-swiper .c-swiper-slide img {
    max-width: 100%;
    max-height: 300px;
}

.c-project_page-swiper .c-swiper-thumb img {
    max-width: 100%;
    max-height: 150px !important;
}

.c-project_page-content {
    max-width: 100%;
}

.c-project_page-content_parag {
    margin-left: 15%;
    margin-right: 15%;
}

    .c-project_page-content_parag p {
        text-align: justify;
    }

.c-project_page .c-specialty_related-projects_header {
    margin-top: 60px;
}

.c-address_map {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15%;
    margin-right: 15%;
}

.c-address_map-parag {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    align-content: flex-start;
}

    .c-address_map-parag h5 {
        font-size: 14px !important;
        font-weight: normal !important;
        color: #586274 !important;
    }

.c-address_map-image {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
}

    .c-address_map-image img {
        max-width: 100%;
    }

.c-accordion {
    display: flex;
    flex-wrap: wrap;
    margin-left: 20%;
    margin-right: 20%;
    display: flex;
    margin-bottom: 200px;
}

    .c-accordion h2 {
        color: #000000;
    }

.accordion {
    background-color: #eee;
    color: #000029;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

    .active, .accordion:hover {
        background-color: #ccc;
    }

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 100%;
    min-width: 100%;
}

.c-accordion_row {
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
}

.c-accordion_row-image {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
}

.c-accordion_row-address {
    flex-basis: 60%;
    min-width: 60%;
    max-width: 60%;
}

.c-accordion_row-phone {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
    color: #E18327;
}

.c-contracts {
    background: #fff
}

    .c-contracts a {
        text-decoration: none !important
    }

    .c-contracts .c-projects_image .c-selected_picture {
        display: block;
        width: 100%;
        min-height: 200px;
        margin-top: -10px;
    }

    .c-contracts .c-related-projects {
        flex-basis: 90%;
        min-width: 90%;
        max-width: 90%;
        padding: 5%;
    }

    .c-contracts .c-specialty_related-projects {
        margin-right: unset;
        margin-left: unset;
    }

.c-selected_picture-default {
    height: 200px;
    margin-top: -10px;
    max-width: 100%
}

.c-contactus_form-div {
    display: block;
}

.c-contactus_form {
    display: block;
    max-width: 60%;
    margin-right: 20%;
    margin-left: 20%;
}

.c-contactus_form-name_col {
    width: 100%;
}

.c-contactus_form-family_col {
    width: 100%;
}

.c-contactus_form-email_col {
    width: 100%;
}

.c-contactus_form-jobtitle_col {
    width: 100%;
}

.c-contactus_form-companyname_col {
    width: 100%;
}

.c-contactus_form-address_col {
    width: 100%;
}

.c-contactus_form-provincecity_col {
    width: 100%;
    display: flex;
}

    .c-contactus_form-provincecity_col .c-contactus_form-province_col {
        flex-basis: 48%;
        width: 48%;
    }

    .c-contactus_form-provincecity_col .c-contactus_form-city_col {
        flex-basis: 48%;
        width: 48%;
        margin-inline-start: 4%;
    }

.c-contactus_form-postalcode_col {
    width: 100%;
}

.c-contactus_form-services_col {
    width: 100%;
}

.c-contactus_form-message_col {
    width: 100%;
}

.c-contactus_form-btnsubmit_col {
    width: 100%;
}

.c-contactus_form-input {
    width: 100%;
    padding: 7px;
    margin-top: 10px;
}

.c-contactus_form-textarea {
    width: 100%;
    padding: 7px;
    margin-top: 10px;
    min-height: 100px;
}

.c-contactus_form-btnsubmit {
    width: 20%;
    padding: 7px;
    margin-top: 10px;
    background: #45688e;
    color: #fff;
    border: 2px solid #003d74;
    cursor: pointer
}

.c-job_opportunities-div {
    display: flex;
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    margin-top: 80px;
}

.c-job_opportunities-redirect {
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap
}

.c-job_opportunities-redirect_title {
    width: 100%;
}

.c-job_opportunities-redirect_parag {
    width: 100%;
}

.c-job_opportunities-redirect_btn {
    width: 100%;
}

.c-job_opportunities-image {
    flex-basis: 50%
}

    .c-job_opportunities-image img {
        max-width: 100%;
    }

.c-job_opportunities-redirect_btn a {
    width: 20%;
    padding: 7px;
    margin-top: 10px;
    background: #45688e;
    color: #fff!important;
    border: 2px solid #003d74;
    text-decoration: none;
}

.c-ourstory_page-content {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
}

.c-ourstory_page-header h2 {
    color: #000000;
    flex-basis: 100%;
    width: 100%;
}

.c-ourstory_page-header p {
    color: #586274;
    flex-basis: 100%;
    width: 100%;
    text-align: justify;
}

.c-ourstory_page-row_one {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.c-ourstory_page-row_two {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.c-ourstory_page-row_parag {
    flex-basis: 50%;
    display:none
}

    .c-ourstory_page-row_parag p {
        height: 100%;
        align-content: center;
        text-align: justify;
        padding: 25px;
    }

.c-ourstory_page-row_img {
    flex-basis: 50%;
}

    .c-ourstory_page-row_img img {
        width: 100%;
    }

.c-ourstory_page-row_three {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    .c-ourstory_page-row_three .c-ourstory_page-row_img {
        flex-basis: 100%;
        margin-bottom:25px;
    }

    .c-ourstory_page-row_three .c-ourstory_page-row_parag {
        flex-basis: 100%
    }

.c-ourstory_page-row_four {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    .c-ourstory_page-row_four .c-ourstory_page-row_img {
        flex-basis: 100%
    }

    .c-ourstory_page-row_four .c-ourstory_page-row_parag {
        flex-basis: 100%
    }

.c-certificates_page-content {
    display: flex;
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    flex-wrap: wrap;
}

.c-certificates_page-header {
    flex-basis: 100%;
}

    .c-certificates_page-header h2 {
        color: #2f4f4f;
    }

.c-certificates_page-parag {
    flex-basis: 100%;
    margin-top: 40px;
}

    .c-certificates_page-parag p {
        text-align: justify;
    }

.c-certificates_page-images {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.c-certificate_image {
    max-width: 33.33%;
    margin-top: 20px;
}

    .c-certificate_image img:first-of-type {
        max-width: 70%;
    }

    .c-certificate_image img:last-of-type {
        margin-top: -8px;
        max-width: 90%;
    }

    .c-certificate_image a {
        margin-top: -8px;
        max-width: 90%;
    }



.c-search {
    height: 50%;
    position: relative;
    display:flex
}

    .c-search input {
        width: 100%;
        font-size: 12px;
        font-family: inherit;
        padding: 14px 45px 14px 10px;
        border-radius: 10px;
        background-color: #f8f8f8;
        border: none;
        color: #474747;
        position: relative;
        font-weight: 300;
        z-index: 51;
        line-height: 1.833;
        right: -32px;
    }

    .c-search input::placeholder {
        color: #81858b
    }

    .c-search input.is-active {
        background-color: #fff;
        border-radius: 5px 5px 0 0;
    }

.c-search_mobile {
    height: 100%;
    position: relative;
    display: flex
}

    .c-search_mobile input {
        width: 100%;
        font-size: 12px;
        font-family: inherit;
        padding: 14px 45px 14px 10px;
        border-radius: 10px;
        background-color: #f8f8f8;
        border: none;
        color: #474747;
        position: relative;
        font-weight: 300;
        z-index: 51;
        line-height: 1.833;
        right: -32px;
    }

        .c-search_mobile input::placeholder {
            color: #81858b
        }

        .c-search_mobile input.is-active {
            background-color: #fff;
            border-radius: 5px 5px 0 0;
        }
.c-contracts .c-specialties .c-projects_image .c-selected_picture {
    min-height: 330px !important;
    max-height: 330px !important;
}

.c-recruitment_hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #000000;
    margin: 1em 0;
    padding: 0;
}

.c-recruitment_page {
    background: #fff;
}

.c-recruitment_page-header {
    margin: 5% 20% 5% 20%;
}

.c-recruitment_search-box {
    position: relative;
    display:block
}

    .c-recruitment_search-box input {
        min-width: 93%;
        min-height: 20px;
        padding: 10px 50px 10px 10px
    }


.c-recruitment_reguest {
    background: #fff
}

    .c-recruitment_reguest .c-recruitment_search-box:before {
        display: none
    }


.c-recruitment_page-content {
    margin: 5% 20% 0 20%;
}

.c-recruitment_page-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-recruitment_page-sec {
    display: flex;
    flex-basis: 48%;
    border: 2px solid #d5d5d5;
    margin-bottom: 10px;
    text-decoration: none;
}

.c-recruitment_page-sec_icon {
    flex-basis: 10%;
    padding: 10px;
    align-content: center;
    text-align: center;
    color: blue;
}

.c-recruitment_page-sec_table {
    flex-basis: 90%;
    padding: 10px;
}

    .c-recruitment_page-sec_table h4 {
        margin: 0 !important;
        padding: 0 !important;
        color: blue;
    }

    .c-recruitment_page-sec_table h5 {
        margin: 0 !important;
        padding: 0 !important;
        color: black
    }

    .c-recruitment_page-sec_table p {
        margin: 0 !important;
        padding: 0 !important;
        color: gray;
    }

.c-recruitment_form-div {
    margin: 5% 20% 5% 20%
}

.c-recruitment_form input {
    width: 100%;
    padding: 5px;
    margin-top: 5px;
}
.c-recruitment_form-filesave_col .c-recruitment_form-input {
    padding: 5px 0px 10px 5px !important;
}

.c-testimonial-main_page {
    width: 100%;
    padding: 0 0;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    text-align: -webkit-center;
    margin-top: 0px;
}

.c-testimonial-main_page-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

    .c-testimonial-main_page-container:before {
        display: table;
        content: " ";
    }

.c-testimonial-main_page .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.c-testimonial {
    direction: ltr !important;
}

    .c-testimonial .c-testimonial_com {
        direction: rtl;
        text-align: justify;
    }

    .c-testimonial .ps-4 {
        padding-left: 3.5rem !important;
    }

    .c-testimonial .carousel-caption {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(9, 30, 62, .7);
        z-index: 1;
    }

@media (max-width: 576px) {
    .c-testimonial .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .c-testimonial .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.c-testimonial .carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.c-testimonial .carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

.testimonial-carousel {
    margin: 20px 0px 20px 0px;
}

.c-testimonial .testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.c-testimonial .testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: #DDDDDD;
    border-radius: 2px;
    transition: .5s;
}

    .c-testimonial .testimonial-carousel .owl-dot.active {
        width: 30px;
        background: #06a3da;
    }

.c-testimonial .testimonial-carousel .owl-item.center {
    position: relative;
    z-index: 1;
}

.c-testimonial .testimonial-carousel .owl-item .testimonial-item {
    transition: .5s;
    background: transparent;
}

.c-testimonial .testimonial-carousel .owl-item.center .testimonial-item {
    background: #FFFFFF !important;
    box-shadow: 0 0 30px #DDDDDD;
}

.c-testimonial .section-title {
    max-width: 800px !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.border-bottom {
    border-bottom: 1px solid #dfe3e7 !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.ps-4 {
    padding-right: 1.5rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.px-10 {
    padding-left: 10rem !important;
    padding-right: 3rem !important;
}

.d-flex {
    display: flex !important;
}

.c-testimonial h3 {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.fadeInUp {
    animation-name: fadeInUp;
}

.c-customerreview_page .container {
    min-width: 1009px;
    max-width: 1676px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

    .c-customerreview_page .container:before {
        display: table;
        content: " ";
    }

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.position-relative {
    position: relative !important;
}

.text-center {
    text-align: center !important;
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -75px;
}

.section-title::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: #06A3DA;
    border-radius: 2px;
}

.fw-bold {
    font-weight: 700 !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgb(19 111 254) !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.section-title.text-center::after {
    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

@-webkit-keyframes section-title-run {
    0% {
        left: 0;
    }

    50% {
        left: 145px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes section-title-run-center {
    0% {
        left: 50%;
        margin-left: -75px;
    }

    50% {
        left: 50%;
        margin-left: 45px;
    }

    100% {
        left: 50%;
        margin-left: -75px;
    }
}

@-webkit-keyframes section-title-run-sm {
    0% {
        left: 0;
    }

    50% {
        left: 85px;
    }

    100% {
        left: 0;
    }
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(250 251 251) !important;
}

.align-items-center {
    align-items: center !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.rounded {
    border-radius: 0.375rem !important;
}

.c-customerreview_page-main_container .section-title h5 {
    text-align: center !important;
}

.c-customerreview_page {
    position: relative;
    width: 100%;
    height: fit-content;
    min-height: 310px;
    margin: 0px;
    overflow: hidden;
}

.c-customerreview_page-header_image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100% 100%;
}

    .c-customerreview_page-header_image img {
        width: 100%;
    }

        .c-customerreview_page-header_image img:last-of-type {
            position: relative;
            top: -100px;
            min-height: 100px;
        }

.c-white {
    background: #fff !important
}

/*menu*/ /**/
.c-topmenu_list-main_menu-title {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.c-topmenu_list-main_menu-container {
    position: fixed;
    width: 20%;
    max-width: 1280px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    border-radius: 0 0 5px 5px;
    display: none
}

    .c-topmenu_list-main_menu-container.is-active {
        display: flex
    }

.c-topmenu_list-main_menu-list {
    padding: 8px 8px 8px 0;
    background: #f7f7f7;
    width: 100%;
    flex-shrink: 0;
}

.c-topmenu_list-a {
    color: #616161;
    font-size: 12px;
    font-weight: 700;
    padding: 14px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1.833;
}

    .c-topmenu_list-a.is-active {
        background: #fff;
        border-radius: 0 5px 5px 0;
        color: #ef394e;
    }

    .c-topmenu_list-a:before {
        font-family: digikala;
        line-height: 1;
        font-size: 18px;
        margin-left: 4px;
        font-weight: 400;
    }

.c-topmenu_list-special_items .c-topmenu_list-a:hover {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
}

.c-topmenu_list-special_items .c-topmenu_list-a::before {
    background-color: #ef5661;
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    transform: scaleX(0);
    transition: all .3s ease-in-out;
}

.c-topmenu_list-special_items .c-topmenu_list-a:hover::before {
    transform: scaleX(1);
}

.c-topmenu_list-categoris_items > li.show-menu .c-topmenu_sublist {
    display: block;
}

.c-topmenu_list-li {
    margin-left: 5%;
    margin-right: 5%;
    min-width: fit-content;
    text-decoration: none;
}

.c-head_websetting {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
}

    .c-head_websetting h2 {
        color: #2f4f4f;
        flex-basis: 100%;
        width: 100%;
    }

    .c-head_websetting p {
        color: #586274;
        flex-basis: 100%;
        width: 100%;
        text-align: justify;
    }

.c-recruitment_page .c-head_websetting {
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
}

.c-contactus_page .c-head_websetting {
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
}

.c-recruitment_hr-p {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000000;
    margin: 1em 0;
    padding: 0;
}

a:visited {
    color: inherit;
}

a {
    color: inherit;
}

.c-managementteam_toplvl {
    display: flex;
    flex-wrap: wrap;
    width:100%
}

.c-managementteam_otherlvl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    width: 100%
}

.c-managementteam_toplvl-sec {
    flex-basis: 33.33%;
    width: 33.33%;
    justify-items: center;
}

    .c-managementteam_toplvl-sec .c-specialty_team-content {
        min-width: 60%;
        max-width: 60%;
    }

    .c-managementteam_toplvl-sec .c-team_image img {
        max-width: 100%;
        width: 100%;
        height: 250px;
        max-width: 100%;
        max-height: 250px;
    }


.c-managementteam_otherlvl-sec {
    flex-basis: 25%;
    width: 25%;
    justify-items: center;
}

    .c-managementteam_otherlvl-sec .c-specialty_team-content {
        min-width: 60%;
        max-width: 60%;
    }

    .c-managementteam_otherlvl-sec .c-team_image img {
        max-width: 100%;
        width: 100%;
        height: 170px;
        max-width: 100%;
        max-height: 188px;
    }
.c-managementteam_hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #d4d3d2;
    margin: 5% 5% 5% 5%;
    padding: 0;
    width: 90%;
}
.c-managmentteam_page-content {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
}
    .c-managmentteam_page-header h2 {
        color: #2f4f4f;
        flex-basis: 100%;
        width: 100%;
    }
    .c-managmentteam_page-header p {
        color: #586274;
        flex-basis: 100%;
        width: 100%;
        text-align: justify;
    }
.c-search_icon {
    right: 4px;
    max-width: 20px;
    max-height: 20px;
    top: 10px;
    background: black;
    position: relative;
    z-index: 55;
    padding: 6px;
    border-radius: 20px;
    cursor:pointer;
}
.c-recruitmen-search_icon {
    right: 4px;
    max-width: 20px;
    max-height: 20px;
    top: 8px;
    background: black;
    position: absolute;
    z-index: 55;
    padding: 6px;
    border-radius: 20px;
    cursor: pointer;
}
.c-footer a{
    text-decoration:none!important
}
.c-specialty_related-projects_content a{
    text-decoration: none !important
}
.c-blog-item_sec
{
    min-height:100%!important
}
.c-blog_page-post_read-more
{
    position:absolute;
    bottom:25px;
}
.c-main_page-post_read-more {
    position: absolute;
    bottom: 25px;
}
/* Grading Page Styles */
.c-grading_page {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.c-grading_page-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.c-grading_page-header {
    text-align: center;
    margin-bottom: 40px;
}

    .c-grading_page-header h2 {
        font-size: 2.5rem;
        color: #003d74;
        margin-bottom: 20px;
        font-family: 'Plus Jakarta Sans', sans-serif;
    }

.c-grading_page-description {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    color: #586274;
    font-size: 1.1rem;
    line-height: 1.8;
}

.c-grading_page-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.c-grading_item {
    background: white;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    flex: 1;
    min-width: 300px;
    max-width: 350px;
    transition: transform 0.3s ease;
}

    .c-grading_item:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

.c-grading_item-header {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

    .c-grading_item-header h3 {
        color: #003d74;
        font-size: 1.5rem;
        margin: 0;
    }

.c-grading_item-content {
    text-align: center;
}

.c-grading_item-grade {
    margin-bottom: 15px;
}

.c-grading_item-description {
    margin-bottom: 20px;
}

    .c-grading_item-description p {
        color: #586274;
        line-height: 1.6;
        margin: 0;
    }

.c-grading_item-tasks {
    background-color: #f0f7ff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 15px;
}

.c-grading_item-label {
    font-weight: bold;
    color: #003d74;
    margin-right: 5px;
}

.c-grading_item-value {
    color: #5E9641;
    font-weight: bold;
    font-size: 1.2rem;
}