/* ===========================*** DEVT:[A-101] ***=========================== */
:root {
    --indusA: #E01E25;
    --indusB: #004457;
    --indusC: #D9CDBF;
    --indusD: #52C1EA;
}

/* ============================== external banner area start=============================*/
.main-external-banner-section {
    position: relative;
}
.external-banner-img img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.external-page-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.external-page-title h2 {
    font-family: "Exo", sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    margin: 0;
}
.external-banner-img {
    position: relative;
}
.external-banner-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00485cc4;
} 
/* ============================== /external banner area end=============================*/

/* ============================== /external about area start=============================*/
.external-about-section {
    position: relative;
    padding: 50px 0;
}
.external-about-wraper img {
    width: 500px;
    height: 65%;
    float: left;
    padding-right: 25px;
}
.external-about-wraper .external-about-content h2 {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.external-about-wraper .external-about-content p {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.external-about-button {
    padding-top: 15px;
    width: fit-content;
}
.external-about-button a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0,35,45,1) 0%, rgba(0,96,123,1) 100%);
    border-radius: 50px;
    padding: 10px 50px;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: all .3s ease;
}
.external-about-button a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0,96,123,1) 0%, rgba(0,35,45,1) 100%);
    border-radius: 50px;
    padding: 10px 50px;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* ============================== /external about area end=============================*/

/* ==================*** external-contact us page css start ***==================== */
.external-centect-section {
    position: relative;
    padding: 50px 0 0 0;
}
.external-contact {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 35px;
    padding: 0 0 25px 0;
}
.external-contact-details {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.external-contact-01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: var(--indusB);
    padding: 25px;
}
.external-contact-01 span {
    width: 35px;
    height: 35px;
    border: 1px solid #FFF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.external-contact-01 span i {
    color: #FFF;
    font-size: 16px;
}
.external-contact-01 a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    transition: all .3s ease;
}
.external-contact-01 a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--indusD);
}
.external-contact-02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: var(--indusB);
    padding: 25px;
}
.external-contact-02 span {
    width: 35px;
    height: 35px;
    border: 1px solid #FFF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.external-contact-02 span i {
    color: #FFF;
    font-size: 16px;
}
.external-contact-02 a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    transition: all .3s ease;
}
.external-contact-02 a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--indusD);
}
.external-contact-03 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: var(--indusB);
    padding: 25px;
}
.external-contact-03 span {
    width: 35px;
    height: 35px;
    border: 1px solid #FFF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.external-contact-03 span i {
    color: #FFF;
    font-size: 16px;
}
.external-contact-03 a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    transition: all .3s ease;
}
.external-contact-03 a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--indusD);
}
.external-contact-form {
    width: 60%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    padding: 35px;
}
.external-contact-form label {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}
.external-contact-form .text-input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--indusB);
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all .3s ease;
}
.external-contact-form .text-input:focus-visible {
    border: 1px solid var(--indusD);
    outline: none;
}
.external-contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--indusB);
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all .3s ease;
}
.external-contact-form textarea:focus-visible {
    border: 1px solid var(--indusD);
    outline: none;
}
.external-contact-form-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.external-contact-form-button .submit-input {
    border: none;
    background: linear-gradient(360deg, rgba(0,35,45,1) 0%, rgba(0,96,123,1) 100%);
    color: #FFF;
    padding: 12px 65px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50px;
    transition: all .3s ease;
}
.external-contact-form-button .submit-input:hover {
    border: none;
    background: linear-gradient(360deg, rgba(0,96,123,1) 0%, rgba(0,35,45,1) 100%);
    color: #FFF;
    padding: 12px 65px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50px;
}
/* ==================*** /external-contact us page css end ***==================== */

/* ==================*** external-services page css start ***==================== */
.external-services-section {
    position: relative;
    padding: 50px 0;
}
.external-services-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.external-services-card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #FFF;
}
.external-services-card .external-services-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.external-services-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 25px 10px;
}
.external-services-card .external-services-card-body a {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease;
}
.external-services-card .external-services-card-body a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--indusA);
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.external-services-card .external-services-card-body p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.external-services-card-body .external-services-card-button a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0,35,45,1) 0%, rgba(0,96,123,1) 100%);
    border-radius: 50px;
    padding: 10px 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: all .3s ease;
}
.external-services-card-body .external-services-card-button a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0,96,123,1) 0%, rgba(0,35,45,1) 100%);
    border-radius: 50px;
    padding: 10px 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* ==================*** /external-services page css end ***==================== */

/* ==================*** external-service-details page css start ***==================== */
.external-service-details-section {
    position: relative;
    padding: 50px 0;
}
.external-service-details-wrapper img {
    width: 45%;
    height: 350px;
    float: right;
    padding: 0 0 25px 25px;
}
.external-service-details-content h2 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.external-service-details-content p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.external-service-details-content ul li {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
/* ==================*** /external-service-details page css end ***==================== */

/* ==================*** external-blogs page css start ***==================== */
.external-blogs-section {
    position: relative;
    padding: 50px 0;
}
.external-blogs-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.external-blogs-card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #FFF;
}
.external-blogs-card .external-blogs-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.external-blogs-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 25px 10px;
}
.external-blogs-card .external-blogs-card-body a {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease;
}
.external-blogs-card .external-blogs-card-body a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--indusA);
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.external-blogs-card .external-blogs-card-body p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.external-blogs-card-body .external-blogs-card-button a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0,35,45,1) 0%, rgba(0,96,123,1) 100%);
    border-radius: 50px;
    padding: 10px 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: all .3s ease;
}
.external-blogs-card-body .external-blogs-card-button a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0,96,123,1) 0%, rgba(0,35,45,1) 100%);
    border-radius: 50px;
    padding: 10px 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* ==================*** /external-blogs page css end ***==================== */

/* ==================*** external-blog-details page css start ***==================== */
.external-blog-details-section {
    position: relative;
    padding: 50px;
}
.blog-left-details {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.blog-left-details .blog-details-photo img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.blog-left-details .blog-details-content {
    padding: 20px;
}
.blog-left-details .blog-details-content h2 {
    font-size: 18px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}
.blog-details-content p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}
.latest-post-aside {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #e8e8e8;
    padding: 10px 0 10px 0;
}
.lpa-title h5 {
    line-height: 15px;
}
.lpa-title h5 a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #000;
    transition: all .3s ease;
}
.lpa-title h5 a:hover {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: var(--indusA);
}
.widget-title h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
}
.widget.widget-latest-post {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    padding: 20px;
}
.lpa-right a img {
    width: 80px;
    height: 65px;
    object-fit: cover;
}
.lpa-meta {
    display: inline-flex;
}
.lpa-meta a {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 10px;
    text-decoration: none;
}
/* ---------- search box -------- */
.external-blog-search {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    padding: 20px 20px 35px 20px;
    margin-bottom: 20px;
}
.external-blog-search h2 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.search-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-box input {
    width: 100%;
    padding: 6px;
    border: 1px solid var(--indusB);
    transition: all .3s ease;
}
.search-box input:focus-visible {
    outline: none;
    border: 1px solid var(--indusD);
}
.search-box .search-button button {
    padding: 7px;
    width: 50px;
    border: none;
    background-color: var(--indusB);
    color: #FFF;
}
/* ---------- search box -------- */
/* ==================*** /external-blog-details page css end ***==================== */

/* ==================*** external-team page css start ***==================== */
.external-teams-section {
    position: relative;
    padding: 50px 0;
}
.external-teams-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.external-teams-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.external-team-card-img {
    background-color: #e5eefd;
    width: fit-content;
    border-radius: 100%;
    padding: 5px;
    margin-bottom: 10px;
}
.external-team-card-img img {
    width: 150px;
    background-color: #FFF;
    border-radius: 100%;
    height: 150px;
    padding: 5px;
    border: 8px solid rgb(0,64,82);
}
.external-team-card-body h3 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.external-team-card-body h4 {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--indusA);
}
.external-team-card-body p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0;
}
/* ==================*** /external-team page css end ***==================== */

/* ==================*** external-forms page css start ***=================== */
.external-form-section {
    position: relative;
    padding: 50px 0;
}
.external-form-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.external-form-card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    border-radius: 5px;
}
.external-form-card-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.external-form-card-title i {
    color: var(--indusB);
    font-size: 45px;
}
.external-form-card-title a {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0;
    transition: all .3s ease;
}
.external-form-card-title a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--indusB);
    margin: 0;
}
.external-form-card p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0;
    height: 80px;
}
.external-form-card-link a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0, 35, 45, 1) 0%, rgba(0, 96, 123, 1) 100%);
    border-radius: 50px;
    padding: 8px 50px;
    text-decoration: none;
    transition: all .3s ease;
}
.external-form-card-link a:hover {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background: linear-gradient(360deg, rgba(0, 96, 123, 1) 0%, rgba(0, 35, 45, 1) 100%);
    border-radius: 50px;
    padding: 8px 50px;
    text-decoration: none;
}
/* ==================*** /external-forms page css end ***==================== */