@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --height-1: 100%;
    --height-2: 640px;
}

body {
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
}

/* 
[class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
} */

/* header  */
.site-header {
    padding: 0;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 100;
    background: #0D2340;
}

.logo-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.state_dept_logo {
    width: 80px;
}


/* footer and header logo combined */
.footer-logo img,
.logo-box img {
    padding: 0px 5px;
}

.top-header {
    padding: 12px 112px;
}

.right-top-header {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 15px;
}

.search-box {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* search form css */

.search-single-form {
    height: 56px;
    width: 752px;
    box-sizing: border-box;
    padding: 2px;
    margin: 0px auto;
    display: flex;
}

.search-single-form i.icon {
    position: absolute;
}

.search-single-form input[type=search] {
    height: 56px;
    width: 100%;
    padding: 0px 0px 0px 47px;
    text-align: left;
    border-radius: 5px;
    border: 1px solid rgba(12, 35, 64, 0.16);
    background: #F5F4EE;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #0C2340;
}

.search-single-form button[type=submit] {
    background: none;
    visibility: hidden;
}

.search-single-form i.icon {
    padding: 20px;
    color: #3D4F66;
    width: 70px;
    font-size: 15px;
    text-align: left;
}

.search-result-wrapper {
    display: flex;
    width: 750px;
    margin: 16px auto;
}

.search-result-no {
    width: 750px;
    margin-top: 32px;
    display: flex;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #CE0F69;
}

.search-results-data {
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 24px;
}

.search-items {
    margin-top: 16px;
    margin-bottom: 20px;
}

.search-title a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #00A3E0;
}

.search-description {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #3D4F66;

}

.search-paginations {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
}

.search-paginations .page-numbers {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    padding: 5px 12px;
    text-decoration: none;
    margin: 5px 8px;
}

.search-paginations .page-numbers.current {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    background: #CE0F69;
    color: #fff;
    margin: 5px 8px;
    text-decoration: none;
}

.search-paginations a.page-numbers:hover {
    background: #CE0F69;
    color: #fff;
    text-decoration: none;
    margin: 5px 8px;
}



/* another trying css for navigation */



/* Change Autocomplete styles in Chrome*/
input[type=search]:-webkit-autofill,
input[type=search]:-webkit-autofill:hover,
input[type=search]:-webkit-autofill:focus {
    border: none !important;
    -webkit-text-fill-color: #34465F !important;
    -webkit-box-shadow: none !important;
    transition: none !important;
}

/* slider css */

.hero-section-wrapper {
    position: relative;
    height: 460px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


.hero-content-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}

.hero-content-wrapper__single {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.hero-section-wrapper:hover .image_overlay {
    opacity: 1;
    transform: translateY(0);
    /* backdrop-filter: blur(5px); */
    transition: transform 0.25s;
}

.image_overlay {
    position: absolute;
    width: 45%;
    right: 0;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.06); */
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.25s;

    display: none;
    /* flex-direction: column;
    justify-content: end;
    align-items: end; */
}

.image_overlay p {
    background: #8E7F4A;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 29px;
    padding: 10px 20px;
    margin-bottom: 0px;
}


.hero-text-single {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 44px;
    color: #fff;
    padding: 30px;
    background: #0D23404F;
    width: auto;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-left: 6.4%;
}


.hero-btn {
    font-family: 'Lato', sans-serif;
    color: #ffffff;
    font-size: 16px;
    text-shadow: none;
    line-height: 24px;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    background: #0C2340 !important;
    opacity: 1;
    padding: 10px 10px 10px 10px;
    box-shadow: none;
    border: 1px solid RGBA(255, 255, 255, 1);
    border-radius: 34px;
}

.hero-btn:hover,
.hero-btn:active,
.hero-btn:focus {
    border: 1px solid RGBA(255, 255, 255, 1);
}

.hero-carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    color: #fff !important;

}

.banner_action {
    margin-bottom: 55px !important;
}

.hero-carousel-indicators button.active {
    color: #0C2340 !important;
}

.hero-carousel-indicators {
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
    z-index: 9999;
}

/* end of css  */


.login-box {
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-btn {
    background: #057098;
    border: 1px solid #057098;
    border-radius: 34px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 8px 20px !important;
    text-decoration: none;
}

.login-btn:hover,
.login-btn:active,
.login-btn:focus {
    color: #fff;
    text-decoration: none;
    background: #057098;
    box-shadow: none !important;
}

.login-btn .user-icon {
    padding-right: 8px;
}

/* css for navigation */

.nav-container {
    background-color: #8E7F4A;
    padding: 16px 0px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.menu-wrapper {
    margin: 0;
    padding: 0;
    justify-content: center;
}

.top_navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-flex;
}


.top_navigation li a {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 10px 4px;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}

.top_navigation li a:hover,
.top_navigation li a:focus {
    color: #fff;
}

.top_navigation li ul li a:focus,
.top_navigation ul ul li a:focus {
    color: #0C2340;
    background-color: #EEEBE0;
}

.top_navigation li ul {
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    line-height: normal;
    background-color: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
    z-index: 9999;
}

.top_navigation li ul li a {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0C2340;
    padding: 10px;
    display: block;
    white-space: nowrap;
}

.top_navigation li ul li a:hover {
    background-color: #EEEBE0;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #0C2340;
}

.top_navigation li ul li ul {
    left: 100%;
    top: 0;
}


ul.top_navigation li:hover>ul {
    display: block;
}

/* end of nav style */

/* end of hero section */
/* start of login page css */
.login-parent {
    padding-top: 56px;
    padding-bottom: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-form-text {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    color: #3D4F66;
}

button.login-tab {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #A89966;
    font-weight: 700;
}

#myTab.nav-tabs {
    --bs-nav-tabs-border-width: 0px !important;
}

#myTab.nav-tabs .active {

    border-bottom-color: #A89966 !important;
    border-style: solid;
    border-width: 0px 0px 1.5px 0px !important;
    ;
}

#myTab li button {
    border-style: none;
}

h3.login-form-text {
    text-transform: uppercase;
    color: #CE0F69;
    font-weight: 700;
}

input.login-form-text {
    padding: 12px;
}

a.login-link-text {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #057098;
}

.tab-pane {
    border-style: solid;
    min-height: 386px;
    border-width: 1px;
    border-color: #D8DCE0;
    padding: 32px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
}

/* login form css */
#humphrey-login-form input[type=text],
#humphrey-login-form input[type=password] {
    background: #FFFFFF;
    border: 1px solid #D8DCE0;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3D4F66;
    width: 100%;
    padding: 17px 0 17px 16px;
}

#humphrey-login-form input[type=submit] {
    width: 100%;
    background: #057098;
    border-radius: 24px;
    padding: 12px 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #057098;
}

/* end of login form */

.btn-submit {
    padding: 12px 32px !important;
    background: #00A3E0 !important;
    border-radius: 24px !important;
}

.error {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    line-height: 22px;
    color: red;
}

/* end of login page css */

/* search box style */
.container-1 {
    width: 316px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.container-1 input#search {
    width: 316px;
    height: 40px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 10pt;
    float: left;
    color: #fff;
    padding-left: 45px;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;

    -webkit-transition: background .55s ease;
    -moz-transition: background .55s ease;
    -ms-transition: background .55s ease;
    -o-transition: background .55s ease;
    transition: background .55s ease;
}

.container-1 input#search::-webkit-input-placeholder {
    color: #D8DCE0;
}

.container-1 input#search:-moz-placeholder {
    /* Firefox 18- */
    color: #D8DCE0;
}

.container-1 input#search::-moz-placeholder {
    /* Firefox 19+ */
    color: #D8DCE0;
}

.container-1 input#search:-ms-input-placeholder {
    color: #D8DCE0;
}

.container-1 .icon {
    position: absolute;
    top: 50%;
    margin-left: 20px;
    margin-top: 9px;
    z-index: 1;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.container-1 input#search:hover,
.container-1 input#search:focus,
.container-1 input#search:active {
    outline: none;
    background: rgba(255, 255, 255, 0.16);
}


/* search box style ends  */

/* content area css */
/* .content-area {
    height: 800px;
} */


/* event section css */

.event_box {
    border: 1px solid rgba(12, 35, 64, 0.16);
    border-radius: 8px;
    padding: 35px 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-top: 20px;
    height: 228px;
}

.event_icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.event_title {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #0C2340;
    font-size: 20px;
    line-height: 28px;
}

.event_timeline {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #5c779a;
    font-size: 16px;
    line-height: 24px;
}

.event_link_btn {
    border-radius: 24px;
    padding: 12px 32px;
    background: #057098;
    border: 1px solid #057098;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
}

.event_link {
    margin-top: 24px;
    display: flex;
    justify-content: start;
    align-items: end;
}

.event_link_btn:hover,
.event_link_btn:focus {
    background: #057098;
    color: #fff;
}

/* end of event section */

/* footer navigation */
.site-footer {
    padding: 88px 72px 72px 102px;
    display: block;
    width: 100%;
    background: #0D2340;
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-navs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.footer-navs li {
    display: inline;
    float: right;
    padding: 0px 20px;
}

.footer-navs li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;

}

.footer-navs li a:hover,
.footer-navs li a:focus {
    color: #fff;
    text-decoration: none;
}

.bottom-border {
    border-bottom: 1px solid #ffffff26;
}

.footer-description h5,
.footer-description h6,
.footer-description a {
    font-family: 'Lato', sans-serif;
    color: #ffffffc7;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
}

.footer-description a:hover {
    color: #ffffffc7;
    text-decoration: underline;
}

.social-lists {
    display: flex;
    justify-content: end;
    list-style: none;
}

.social-lists li {
    margin: 0px 16px;
}

.edit-profile-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

/* end of footer navigation css */

/* responsiveness */
@media (max-width: 1000px) {
    .site-footer {
        padding: 30px;

    }
}


/* mobile navigation css */
.navs {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}


/* testimonial section css */
.parent {
    background-color: #A8996633;
    border-style: solid;
    border-width: 0px 0px 16px 0px;
    border-color: #FFCD00;
    padding-top: 25px;
}

.logo-bg {
    background-image: url('../images/Mask_group.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.testimonial_title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c01a68;
}

.testimonial_text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    color: #0C2340;
}

.testimonial_spacer {
    background: #c7c8c680;
    border-radius: 8px;
    margin-top: 24px;
}

.testimonial_author {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #0C2340;
    border-top: 1px solid #c7c8c680;
    padding-top: 24px;
}

.testimonial_designation {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #0C2340;
}

.testimonial_timeline {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #5d563e;
}

@media only screen and (max-width: 1199px) {

    .testimonial-wrapper div.carousel-indicators button,
    .fellows-testimonial-wrapper div.carousel-indicators button {
        width: 40px !important;
        height: 40px !important;
    }

    .testimonial-wrapper div.carousel-indicators button.active,
    .fellows-testimonial-wrapper div.carousel-indicators button.active {
        width: 32px !important;
        height: 32px !important;
    }

    .testimonial-wrapper div.carousel-indicators,
    .fellows-testimonial-wrapper div.carousel-indicators {
        position: absolute;
        bottom: -18%;
        right: 0%;
    }
}

@media only screen and (max-width: 1199px) {

    .testimonial-wrapper div.carousel-indicators button.active,
    .fellows-testimonial-wrapper div.carousel-indicators button.active {
        transform: translateY(8px) rotate(0deg) !important;
    }
}

@media only screen and (min-width: 1200px) {

    .testimonial-wrapper div.carousel-indicators button.active,
    .fellows-testimonial-wrapper div.carousel-indicators button.active {
        transform: translateY(8px) rotate(-90deg) !important;
    }
}

@media only screen and (min-width: 1200px) {

    .testimonial-wrapper div.carousel-indicators,
    .fellows-testimonial-wrapper div.carousel-indicators {
        position: absolute;
        bottom: 30%;
        margin-left: 87%;
        width: fit-content;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .fellows-testimonial-wrapper div.carousel-indicators {
        position: absolute;
        bottom: 30%;
        margin-left: 91%;
        width: fit-content;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .testimonial-wrapper div.carousel-indicators button,
    .fellows-testimonial-wrapper div.carousel-indicators button {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .testimonial-wrapper div.carousel-indicators button,
    .fellows-testimonial-wrapper div.carousel-indicators button {
        width: 50px !important;
        height: 50px !important;
        margin-top: 25px;
    }

    .testimonial-wrapper div.carousel-indicators button.active,
    .fellows-testimonial-wrapper div.carousel-indicators button.active {
        width: 42px !important;
        height: 42px !important;
    }
}

.testimonial-wrapper div.carousel-indicators button,
.fellows-testimonial-wrapper div.carousel-indicators button,
.testimonial-wrapper div.carousel-indicators button.active,
.fellows-testimonial-wrapper div.carousel-indicators button.active {
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 70%;
}

.testimonial-wrapper div.carousel-indicators button.active,
.fellows-testimonial-wrapper div.carousel-indicators button.active {
    outline-style: solid;
    outline-color: #CE0F69;
    outline-width: 3px;
    border-color: #ffffff;
    border-width: 4px;
    border-style: solid;
    opacity: 100%;
}

/* social media feed css */

.social-media-feeds ul li a[data-filter=".Facebook"]::before {
    content: '\f09a';
    padding-right: 5px;
}


/* css for edit profile page */
.wppb-user-forms input[type="text"] {
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}


/* us embassy directory css */
.embassy_directory_wrapper {
    margin: 0px auto;
}

.embassy_directory_wrapper .table-striped>tbody>tr:nth-child(2n+1)>td,
.embassy_directory_wrapper .table-striped>tbody>tr:nth-child(2n+1)>th {
    --bs-table-accent-bg: #fff;
}

.embassy_directory_wrapper .table-striped>tbody>tr:nth-child(2n)>td,
.embassy_directory_wrapper .table-striped>tbody>tr:nth-child(2n)>th {
    --bs-table-accent-bg: #A899661a;
}

.embassy_directory_wrapper .directory-form-wrapper {

    border-radius: 8px;
    justify-content: center;
}

.embassy_directory_wrapper .directory_form .form-control,
.embassy_directory_wrapper .directory_form .form-select option {

    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #D8DCE0;
}

.embassy_directory_wrapper .directory_form .input-group input.form-control {
    width: 60%;
    margin-right: 0%;
    padding: 20px 20px 20px 45px;
    border-radius: 8px 0px 0px 8px !important;
}

.embassy_directory_wrapper .directory_form .input-group select.form-select {
    width: 40%;
    margin-right: 0%;
    padding: 20px;
    border-radius: 0px 8px 8px 0px !important;
}

.embassy_directory_wrapper .directory_form .form-control:last-child {
    margin-left: -1px;
}

.embassy_directory_wrapper .directory_form .form-control:focus,
.embassy_directory_wrapper .directory_form .form-select:focus {
    outline: 0;
    box-shadow: none;
}

.embassy_directory_wrapper input.form-control::placeholder,
.embassy_directory_wrapper select.form-select option {
    color: #0C2340;
    font-size: 16px;
    line-height: 24px;
}

/* add search icon */
.directory_form .has-search .form-control-feedback {
    position: absolute;
    z-index: 999;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    top: 15px;
    color: #3D4F66;
    left: 10px;
    font-size: 19px;
}

.embassy_directory_wrapper input.form-control,
.embassy_directory_wrapper select.form-select {
    color: #3D4F66;
}


.embassy_directory_wrapper .search-results-wrapper {
    padding: 32px !important;
}

.embassy_directory_wrapper .directory-table-wrapper {
    margin-top: 8px !important;
    margin-bottom: 8px !important;

}

.embassy_directory_wrapper .directory-table {
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
}


.embassy_directory_wrapper .table-heading-wrapper {
    background: #8E7F4A;
}

.embassy_directory_wrapper .directory-table td {
    padding: 16px;
}


.embassy_directory_wrapper .cell-profile .profile-img {
    height: 80px;
    width: 120px;
    object-fit: cover;
    margin-right: 12px;
    background-image: linear-gradient(#11aaee1a, #11aaee);
}

.embassy_directory_wrapper .cell-profile .cell-country-line {
    border-style: solid;
    border-color: #3D4F66;
    padding-right: 3px !important;
    border-width: 0px 1px 0px 0px;
}

.embassy_directory_wrapper .cell-profile .profile-region {
    padding-left: 3px !important;
}

.embassy_directory_wrapper .cell-image-wrapper,
.embassy_directory_wrapper .cell-area-wrapper,
.embassy_directory_wrapper .cell-profile .profile-name,
.embassy_directory_wrapper .cell-profile .profile-country,
.embassy_directory_wrapper .cell-profile .profile-region,
.embassy_directory_wrapper .cell-profile .profile-email {
    padding: 0px;
    margin: 0px;
}

.embassy_directory_wrapper h2.section-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #CE0F69;
}

.embassy_directory_wrapper a.export {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #00A3E0;
    float: right;

}

.embassy_directory_wrapper .table-heading {
    padding: 16px !important;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
}

.embassy_directory_wrapper .directory-table .regions {
    width: 50%;
}

.embassy_directory_wrapper .cell-profile .profile-name {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #0C2340;
}


.embassy_directory_wrapper .cell-profile .profile-country {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3D4F66;
}

.embassy_directory_wrapper .cell-year a {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #0C2340;
}

.embassy_directory_wrapper .cell-year a:hover {
    text-decoration: underline;
}

/*  user details page css */
.user-details-container {
    background: #F6F5F0;
    border: 1px solid rgba(12, 35, 64, 0.16);
    box-shadow: 0px 16px 24px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 24px 28px;
}

.user-details-container h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #0C2340;
    font-size: 20px;
    line-height: 28px;
}

.user-details-container .user-details-profile {
    width: 270px;
    border-radius: 10px;
}

.user-details-container h4 {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #0C2340;
}

.user-details-container ul li span {
    font-weight: bold;
}

.user-details-container h1.contact-heading {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #0C2340;
}

.social .profile-social-icons {
    padding-left: 0px;
    list-style: none;
}

.social .profile-social-icons li {
    display: inline-block;
    padding: 0px 2px;
}

.social .profile-social-icons i.social-icon {
    font-size: 22px;
    margin-top: 7px;
    margin-left: 9px;
    color: #0c1c41;
}


@media (max-width:767px) {

    .embassy_directory_wrapper .directory_form .input-group input.form-control {
        border-radius: 8px 8px 0px 0px !important;
    }

    .embassy_directory_wrapper .directory_form .input-group select.form-select {
        border-radius: 0px 0px 8px 8px !important;
        border-top: 1px solid transparent;

    }

    .embassy_directory_wrapper .directory_form input.form-control,
    .embassy_directory_wrapper .directory_form select.form-select {
        width: 100% !important;
    }

    .embassy_directory_wrapper input.form-control::placeholder,
    .embassy_directory_wrapper select.form-select option {
        line-height: 24px !important;
    }

    .embassy_directory_wrapper .directory-table-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .embassy_directory_wrapper .directory-table {
        flex: 0 0 1250px;
    }
}

/* end of directory css */

/* css for pagination of directory */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    list-style: none;
    clear: both;
}

.pagination .paginated_link {
    padding: 8px;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background-color: #A899661a;
    margin: 0px 5px;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;

}

.pagination .paginated_link a {
    color: #3D4F66;
    text-decoration: none;
}

.pagination .active {
    background-color: #CE0F69 !important;
    color: #fff !important;
}


/*  common directory css */
.common-directory {
    margin: 40px auto;
}

.common-directory .table-striped>tbody>tr:nth-child(2n+1)>td,
.common-directory .table-striped>tbody>tr:nth-child(2n+1)>th {
    --bs-table-accent-bg: #fff;
}

.common-directory .table-striped>tbody>tr:nth-child(2n)>td,
.common-directory .table-striped>tbody>tr:nth-child(2n)>th {
    --bs-table-accent-bg: #A899661a;
}

.common-directory .directory-form-wrapper {
    background: #F6F5F0;
    border: 1px solid rgba(12, 35, 64, 0.16);
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 24px 28px;
}

.common-directory input.form-control,
.common-directory select,
.common-directory select option {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3D4F66;
    height: 56px;
}


.common-directory input.wppb-facet-search::placeholder,
.common-directory option[value="placeholder_select selected"] {
    color: #3D4F66b4;
}

.dict-first-row {
    background: #F6F5F0;
}


.common-directory button[type="Reset"] {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #057098;
    color: #057098;
    border-radius: 50vh;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 12px 32px;
}

.common-directory button[type="Submit"] {
    background-color: #057098;
    border-radius: 50vh;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 12px 32px;
}

.common-directory-results-wrapper {
    padding: 36px;
}

.common-directory-results-wrapper .directory-table-wrapper {
    margin-top: 8px;
    margin-bottom: 8px;

}

.common-directory-results-wrapper .directory-table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08);
}


.common-directory-results-wrapper .table-heading-wrapper {
    background: #057098;
}

.common-directory-results-wrapper .directory-table td {
    padding: 16px;
}


.common-directory-results-wrapper .cell-profile img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 12px;
    background-image: linear-gradient(#11aaee1a, #11aaee);
}

.common-directory-results-wrapper .cell-profile .cell-country-line {
    border-style: solid;
    border-color: #3D4F66;
    padding-right: 3px !important;
    border-width: 0px 1px 0px 0px;
}

.common-directory-results-wrapper .cell-profile .profile-region {
    padding-left: 3px !important;
}

.common-directory-results-wrapper .cell-image-wrapper,
.common-directory-results-wrapper .cell-area-wrapper,
.common-directory-results-wrapper .cell-profile .profile-name,
.common-directory-results-wrapper .cell-profile .profile-country,
.common-directory-results-wrapper .cell-profile .profile-region,
.common-directory-results-wrapper .cell-profile .profile-email {
    padding: 0px;
    margin: 0px;
}

.common-directory-results-wrapper a.export {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #057098;
    margin-right: 18px;
}
.common-directory-results-wrapper a.export img{
    margin-left:6px;
}

.common-directory-results-wrapper .table-heading,
.common-directory-results-wrapper .table-heading a {
    padding: 13px !important;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.common-directory-results-wrapper .cell-profile .profile-name {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #3D4F66;
}

.common-directory-results-wrapper .cell-profile .profile-name a{
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #CE0F69;
}

.connect-link, .common-directory-results-wrapper .cell-profile .profile-email  {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #CE0F69;
}

.common-directory-results-wrapper .directory-first-column {
    width: 38%;
}

.common-directory-results-wrapper .directory-last-column {
    width: 200px;
}

.common-directory-results-wrapper .cell-profile .profile-country,
.common-directory-results-wrapper .cell-profile .profile-region,
.common-directory-results-wrapper .cell-uni,
.common-directory-results-wrapper .cell-fos,
.common-directory-results-wrapper .cell-year {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3D4F66;
}

h2.section-heading {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #CE0F69;
}

#wppb-ul-theme-tablesi {
    width: 100% !important;
}

.sort-link::after {
    content: url("../images/up-down-arrow.png");
    margin-left: 10px;
    display: inline-block;
    vertical-align: -2px;
}

/* css for testimonial container */
.testimonal_container p.testimonial_description {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    width: 73%;
}

@media (max-width:767px) {
    .common-directory-results-wrapper .directory-table-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .common-directory-results-wrapper .directory-table {
        flex: 0 0 1250px;
    }
}


/* general mobile css */
@media only screen and (max-device-width:480px) {
    .top-header {
        padding: 12px 20px;
    }

    .logo-box {
        margin-left: 30px;
        justify-content: space-between;
    }

    .hero-section-wrapper {
        height: 180px !important;
    }


    .nav-container {
        display: none;
    }

    .image_overlay {
        display: none !important;
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: start !important;
        align-items: flex-start !important;
    }

    .image_overlay p {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .hero-content-wrapper__single {
        align-items: center !important;
    }

    .hero-text-single {
        width: 80% !important;
        font-size: 20px !important;
        line-height: 28px !important;
        padding: 10px 20px !important;
        text-align: center !important;
        margin-left: 0% !important;
    }

    .right-top-header {
        display: none;
    }

    /* e&c page table */
    .embassy_directory_wrapper .directory-table .regions {
        width: 30% !important
    }

    .embassy_directory_wrapper .table-heading {
        font-size: 16px !important;
        line-height: 19px !important;
        padding: 10px !important;
    }

    .embassy_directory_wrapper .cell-profile .profile-name,
    .embassy_directory_wrapper .cell-year a {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    /* footer */
    .site-footer {
        font-size: 15px;
        padding: 44px 1px;
    }

    .footer-social-links {
        margin-top: 20px;
    }

    .footer-navs {
        display: grid;
        list-style: none;
        padding-left: 11px;
    }

    .footer-navs li {
        margin: 10px 0px;
    }

    .social-lists {
        padding: 0;
        margin: 0;
        justify-content: center;
    }

    .footer-logo {
        display: flex;
    }

    .footer-logo img {
        padding: 0px 4px;
    }

    .search-single-form,
    .search-result-wrapper,
    .search-result-no {
        width: 100% !important;
    }

    .search-result-no {
        justify-content: start !important;
    }

    /* mobile navigation */
    .mobile_nav_container {
        display: none;
    }

    /* css for event section */
    .event_box {
        height: auto;
        margin-top: 10px;
    }

    .event_icon {
        justify-content: start;
    }

    .events_group>.row>.col-lg-6 {
        display: inline-block;
    }

    .event_title {
        margin-top: 16px;
        font-size: 16px;
        line-height: 22px;
    }

    .event_timeline {
        font-size: 14px;
        line-height: 22px;
    }

    /* css for testimonial container */
    .testimonal_container p.testimonial_description {
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
        width: 100%;
    }

    /* directory pagination css */
    .pagination .paginated_link {
        height: 35px;
        width: 35px;
    }

    .common-directory-results-wrapper {
        padding: 5px;
    }


}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}



/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    /* event section css */
    .events_group .event_box {
        height: auto !important;
    }

    .event_icon {
        justify-content: start;
        margin-bottom: 10px;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {

    /* css for event section */
    .event_box {
        height: auto;
        margin-top: 10px;
    }

    .event_icon {
        justify-content: start;
        margin-bottom: 10px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}



/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .nav-container {
        display: none;
    }

    .top-header {
        padding: 12px 70px;
    }

    .login-box {
        margin-top: 4px;
    }

    .logo-box {
        justify-content: center;
    }

    .logo-box img {
        width: auto;
    }

    .state_dept_logo {
        width: 80px !important;
    }

    .right-top-header {
        margin-top: 0px;
        display: none;
    }

    .image_overlay {
        display: none !important;
        width: 100% !important;
        justify-content: start !important;
        align-items: flex-start !important;
    }

    .hero-content-wrapper__single {
        align-items: center !important;
    }

    .hero-carousel-wrapper .carousel-indicators {
        bottom: 6px;
    }


    .wprmenu_bar #custom_menu_icon.hamburger {
        top: 11px !important;
        background: transparent !important;
    }

    /* remove plugin search box */
    .wpr_search .search_top {
        display: none !important;
    }

    .footer-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-navs {
        padding-left: 0px;
    }

    .footer-navs li {
        padding: 0px 10px;
    }

    .footer-navs li a {
        font-size: 10px;
    }

    .social-lists {
        padding-left: 0px;
        list-style: none;
    }

    .social-lists li {
        margin: 0px 5px;
    }

    .testimonial-wrapper div.carousel-indicators button.active,
    .fellows-testimonial-wrapper div.carousel-indicators button.active {
        transform: translateY(8px) rotate(1deg);
    }

    .impact-area-tabs .elementor-container {
        justify-content: center;
    }

    /* event section css */
    .events_group .event_box {
        height: auto !important;
    }

    .event_icon {
        justify-content: start;
        margin-bottom: 10px;
    }

    /* css for directory */
    .common-directory {
        margin: 20px auto;
    }

    .common-directory-results-wrapper {
        padding: 16px;
    }


}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .nav-container {
        display: none;
    }

    .top-header {
        padding: 12px 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .logo-box {
        justify-content: left;
    }

    .logo-box img {
        width: auto;
    }

    .state_dept_logo {
        width: 80px !important;
    }

    .image_overlay {
        display: none !important;
        width: 100% !important;

    }

    .top_navigation li {
        padding: 0px 4px !important;
    }

    .top_navigation li a {
        font-size: 15px;
        line-height: 22px;
    }

    .testimonal_container {
        text-align: center;
    }

    .testimonial-wrapper div.carousel-indicators,
    .fellows-testimonial-wrapper div.carousel-indicators {
        bottom: -19%;
        right: 0%;
    }

    .site-footer {
        padding: 88px 72px 72px 29px;
    }

    .impact-area-tabs .elementor-container {
        justify-content: center;
    }

    /* event section css */
    .events_group .event_box {
        height: auto !important;
    }


}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .nav-container {
        display: flex !important;
    }

    .top-header {
        padding: 12px 20px;
        display: block !important;
    }

    .right-top-header {
        display: flex !important;
    }


}



/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .top_navigation li {
        padding: 0px 15px !important
    }

    .footer-navs li {
        padding: 0px 7px;
    }

    .footer-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* media query for low res desktops */


@media only screen and (min-device-width:481px) and (max-device-width:767px) {
    .nav-container {
        display: none;
    }

    .right-top-header {
        display: none;
    }

    .top_navigation li {
        padding: 0px 15px !important;
    }

    .logo-box {
        justify-content: center;
    }

    .footer-navs li {
        padding: 0px 10px;
    }

    .footer-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-social-links {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1030px) and (max-width: 1366px) {
    .top_navigation li {
        padding: 0px 15px !important;
    }

    .top_navigation li>ul.sub-menu li {
        padding: 0px !important;
    }

    .footer-navs li {
        padding: 0px 11px !important;
    }
}

/* media query more than 1025px */
@media (min-width: 1281px) {

    .top_navigation li {
        padding: 0px 16px !important;
    }

    .top_navigation li>ul.sub-menu li {
        padding: 0px !important;
    }

}

.disable-reset {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/* reset your password template css */
.page-heading {
    color: #0C2340;
    font-family: "Lato", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

.user_reset_form label {
    color: #0C2340;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 5px auto;
}

.user_reset_form input {
    border: 1px solid #00A3E0;
    border-radius: 8px;
    height: 56px;
}

.spinner_contact {
    display: none;
}

.profile_contact_btn {
    opacity: 0.7;
}
.logout-success-message{
    font-size: 15px;
    font-weight: 800;
    font-family: inherit;
    color:#014023;
}