:root {
    --primary: #ff6b00;
    --secondary: #3b5998;
    --black: #000;
    --white: #fff;
    --back: #212327;
    --dark: #1e1e1e;

    --font-awesome: "Font Awesome 6 free";
}

body {
    font-family: "Open Sans", serif;
    background-color: var(--back);
    font-size: 16px;
    color: var(--white);
    line-height: 1.2;
}

main {
    min-height: 40vh;
}

* {
    box-sizing: border-box;
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

ul,
ol {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

img {
    object-fit: cover;
}

svg:focus {
    outline: 0;
    border: 0;
}

.spaceing_top {
    padding-top: 80px;
}

.spaceing_bottom {
    padding-bottom: 80px;
}

.btn {
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0;
    line-height: 1;
}

.form-control {
    border: 0;
    outline: 0;
    box-shadow: none;
    min-height: 42px;
    padding: 10px;
}

.form-control:focus {
    border: 0;
    outline: 0;
    box-shadow: none;
}

/* HEADER */

header nav.navbar.bg-light {
    background: var(--back) !important;
}

header nav .navbar-nav .nav-item .nav-link {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
}

header nav .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

header nav .navbar-nav .nav-item .nav-link.active,
header nav .navbar-nav .nav-item .nav-link:hover {
    color: var(--primary);
}


.header_btn {
    background: var(--primary);
    color: var(--black);
    font-size: 16px;
    text-align: center;
    margin-left: 20px;
    padding: 10px 24px;
}

.header_btn:hover {
    background: var(--secondary);
    color: var(--white);
}

@media(max-width: 991px) {
    .header_btn {
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    header nav .navbar-nav .nav-item .nav-link {
        padding: 10px 0;
    }
}




.common_head {
    display: flex;
    justify-content: center;
}

.common_head h2 {
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}

.common_head h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 55%;
    background: var(--primary);
}

.common_head h3 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

.common_head h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 55%;
    background: var(--primary);
}

.common_btn {
    background: var(--primary);
    color: var(--black);
    font-size: 15px;
    border-radius: 20px;
    white-space: nowrap;
    display: inline-block;
}

.common_btn:hover {
    background: var(--secondary);
    color: var(--white);
}

.common_odd_btn {
    background: var(--secondary);
    color: var(--white);
    font-size: 15px;
    border-radius: 20px;
    white-space: nowrap;
    display: inline-block;
}

.common_odd_btn:hover {
    background: var(--primary);
    color: var(--black);
}

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


/* BANNER */

.banner {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 68vh;
}

.banner_text {
    margin-top: 40px;
}

.banner_text h2 {
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 20px;
    text-shadow: 2px 2px 8px rgb(0 0 0 / 60%);
}

.banner_text p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);
}

@media(max-width: 575px) {
    .banner_text h2 {
        font-size: 35px;
    }

    .banner_text p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media(max-width: 480px) {
    .banner_text h2 {
        font-size: 30px;
    }
}


.about {
    padding: 50px 0;
    position: relative;
}

.about .bg_back .bg_img1 {
    position: absolute;
    top: 0;
    left: -32px;
    width: 305px;
    height: auto;
    opacity: 0.4;
}

.about .bg_back .bg_img2 {
    position: absolute;
    top: 70px;
    right: -32px;
    width: 305px;
    height: auto;
    opacity: 0.4;
}

.about_box {
    margin-bottom: 20px;
}

.about_box h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;
    text-align: center;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_box img {
    aspect-ratio: 8 / 12;
    margin: 0 auto 8px;
    display: block;
    object-fit: contain;
}

.about_box p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
}

.about_box_img {
    position: relative;
}

.about_box_btn {
    background: var(--primary);
    color: var(--black);
    font-size: 15px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.about_box_btn:hover {
    background: var(--secondary);
    color: var(--white);
}

.about_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 50px;
}

.about_btn .common_btn,
.about_btn .common_odd_btn {
    width: 210px;
}

.about_next {
    padding: 30px 0 50px;
}

/* .about_next img{
    border: 1px solid #383a3d;
} */

.about_next_image {
    position: relative;
}

.about_next_in {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about_next_in span {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 10px;
}

.about_next_in h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 0;
}

.about_next_text p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.about_next_text p:last-child {
    margin-bottom: 20px;
}

.about_next_text .common_btn {
    padding: 10px 40px;
}

@media(max-width: 991px) {

    .about_box h3 {
        margin-bottom: 28px;
    }
}

@media(max-width: 575px) {
    .about_btn {
        flex-flow: column;
        margin-top: 30px;
        gap: 20px;
    }
}





.featured_slider {
    position: relative;
    padding: 0 30px;
}

.featured {
    padding: 40px 0 60px;
    position: relative;
}

.featured .bg_back .bg_img1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -54px;
    width: 260px;
    height: auto;
    opacity: 0.4;
}

.featured .bg_back .bg_img2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -54px;
    width: 260px;
    height: auto;
    opacity: 0.4;
}

.featured .common_head h2 {
    margin-bottom: 25px;
}

.featured_item {
    padding: 0 25px;
    margin-bottom: 20px;
}

.featured_item img {
    aspect-ratio: 9 / 12;
    margin: 0 auto 10px;
}

.featured_item h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.featured_slider .left_nav.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 30px;
    height: 30px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
}

.featured_slider .left_nav.slick-arrow:hover {
    background: var(--white);
    color: var(--primary);
}

.featured_slider .right_nav.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 30px;
    height: 30px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
}

.featured_slider .right_nav.slick-arrow:hover {
    background: var(--white);
    color: var(--primary);
}

.featured_video {
    padding: 30px 0 30px;
}

.featured_video .common_head h2 {
    margin-bottom: 20px;
}

.video_text h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.video_text p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
    text-align: right;
}

.video_text.style2 p {
    text-align: left;
}

.video_text ul {
    padding-left: 30px;
    margin-bottom: 20px;
    list-style: circle;
}

.video_text ul li {
    color: var(--white);
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 12px;
}

.video_text ul li:last-child {
    margin-bottom: 0;
}

.certification {
    padding: 30px 0 0;
}

.certification img {
    width: 120px;
    display: block;
    margin: 0 auto;
}


/* FOOTER */

.footer {
    padding: 80px 0 40px;
}

.footer .row [class*="col-"] {
    border-right: 2px solid var(--primary);
}

.footer .row [class*="col-"]:last-child {
    border-right: 0;
}

.footer .foot_logo img {
    width: 150px;
    margin-bottom: 20px;
}

.footer .foot_logo {
    padding-right: 40px;
}

.footer .foot_logo p {
    font-size: 16px;
    line-height: 25px;
}

.footer h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.foot_list {
    padding: 0 20px 20px;
}

.foot_list .foot_item {
    margin-bottom: 20px;
}

.foot_list .foot_item:last-child {
    margin-bottom: 0;
}

ul.foot-list li {
    margin-bottom: 20px;
}

ul.foot-list a,
.foot_list .foot_link {
    font-size: 16px;
    text-align: center;
    color: var(--white);
    display: block;
}

.foot_con_list {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 0 20px 30px;
}

.foot_con_list .foot_con_item {
    font-size: 16px;
    text-align: left;
    color: var(--white);
    display: block;
    margin-bottom: 20px;
    display: flex;
}

.foot_con_list .foot_con_item:last-child {
    margin-bottom: 0;
}

.foot_con_list .foot_con_item .foot_con_link {
    text-align: left;
    color: var(--white);
    display: flex;
}

.foot_con_list .foot_con_item i {
    font-size: 24px;
    color: var(--primary);
    display: block;
    margin-right: 10px;
}


.copyright {
    background: var(--dark);
    padding: 20px;
}

.copy-text {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.copy-text span {
    color: var(--white);
}

.copy-text a {
    color: var(--white);
}


@media(max-width: 991px) {
    .footer .row [class*="col-"] {
        border-right: 0;
    }
}












.inner_banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.inner_banner_text {
    margin-top: 40px;
}

.inner_banner_text h2 {
    text-align: left;
    font-size: 45px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 20px;
    text-shadow: 2px 2px 8px rgb(0 0 0 / 60%);
}

.inner_banner_text p {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);
}

@media(max-width: 575px) {
    .inner_banner_text h2 {
        font-size: 35px;
    }

    .inner_banner_text p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media(max-width: 480px) {
    .inner_banner_text h2 {
        font-size: 30px;
    }
}



.capacities {
    padding: 20px 0 50px;
}

.capacities h2 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 20px;
}

.capacities h2 span {
    color: var(--primary);
}

.capacities h2 span.sub_text {
    vertical-align: super;
    font-size: 16px;
    font-weight: 600;
}

.capacities .table_border {
    border: 4px solid var(--primary);
    background: var(--white);
}

.capacities table {
    color: var(--back);
}

.capacities table>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: rgb(219 219 219) !important;
    background: rgb(219 219 219) !important;
}

.capacities th {
    vertical-align: top;
}

.capacities tr td {
    white-space: nowrap;
}

.capacities tr td a {
    color: var(--black);
}

.capacities tr td a:hover {
    color: var(--primary);
}

.capacities.style2 tr td {
    white-space: nowrap;
    text-align: center;
}

.capacities tr td:first-child {
    font-weight: 500;
    text-align: left;
}

.capacities tr td,
.capacities tr th {
    padding: 15px 10px;
}

.capacities tr td:last-child {
    white-space: wrap;
    text-align: left;
    padding: 15px 15px;
}



.custom_table p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.custom_table ul {
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 30px;
}

.custom_table li {
    margin-bottom: 10px;
}


.custom_table .table-responsive {
    border: 4px solid var(--primary);
    background: var(--white);
    color: var(--black);
}

.custom_table tr td.small div.small {
    text-align: left !important;
}

.custom_table tr td.small div.small strong {
    font-size: 16px;
    text-wrap: wrap;
    text-align: left;
}

.custom_table tr td.small div {
    text-align: left !important;
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
}

.custom_table tr td.small:last-child div {
    white-space: wrap;
}

.custom_table table>tbody>tr:nth-of-type(odd)>* {
    background: rgb(219 219 219) !important;
}

.custom_table tr td.small div a {
    color: var(--black);
}

.custom_table tr td.small div a:hover {
    color: var(--primary);
}

@media(max-width: 991px) {
    .custom_table tr td.small div.small strong {
        font-size: 15px;
    }

    .custom_table tr td.small div {
        font-size: 15px;
        /* text-wrap: wrap; */
    }
}





.side_banner {
    padding: 50px 0;
}

/* .side_banner_text {
    margin-top: 40px;
} */

.side_banner_text h2 {
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 20px;
    text-shadow: 2px 2px 8px rgb(0 0 0 / 60%);
}

.side_banner_text p {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);
}

.side_banner img {
    margin: 0 auto;
    display: block;
}

@media(max-width: 991px) {
    .side_banner_text h2 {
        font-size: 32px;
    }

    .side_banner_text p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media(max-width: 767px) {
    .side_banner img {
        max-height: 220px;
        margin-bottom: 20px;
    }
}

@media(max-width: 575px) {
    .side_banner_text h2 {
        font-size: 30px;
    }
}




form.inner_form {
    background: #202326;
    padding: 35px 30px;
    margin: 15px 0 45px;
}

form.inner_form .common_head {
    margin-bottom: 20px;
}

form.inner_form h3 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 0;
    /* display: inline-block; */
}

form.inner_form h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 2px;
    background: var(--primary);
}

.form-label span {
    color: var(--primary);
    padding-left: 4px;
}

.team {
    padding: 50px 0 30px;
    position: relative;
}

.team_slider .left_nav.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 30px;
    height: 30px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
}

.team_slider .left_nav.slick-arrow:hover {
    background: var(--white);
    color: var(--primary);
}

.team_slider .right_nav.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 30px;
    height: 30px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
}

.team_slider .right_nav.slick-arrow:hover {
    background: var(--white);
    color: var(--primary);
}

.team_item {
    padding: 0 25px;
    margin-bottom: 20px;
}

.team_item img {
    aspect-ratio: 9 / 12;
    margin: 0 auto 10px;
}

.team_item h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.team_item h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.team_item span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

#cunt path {
    fill: #d3d3d3;
    color: var(--primary);
    stroke: var(--back);
    stroke-width: 3px;
}

svg #cunt path:hover,
svg #cunt path:active,
svg #cunt path:focus {
    fill: var(--primary);
    outline: 0;
}

#visnames text {
    fill: var(--black);
    font-weight: 600;
}

#visnames text:hover {
    fill: var(--black);
}


#state-resources .find_head {
    margin-top: -180px;
}

#state-resources .find_head h2 {
    font-size: 50px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#state-resources .find_head p {
    font-size: 16px;
    font-weight: 400;
    /* padding-bottom: 15px; */
    margin-bottom: 20px;
    max-width: 45%;
}

.state_details {
    padding: 50px 0 20px;
}

.state_list {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.state_cont {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.state_box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.state_cont_link {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.state_cont_link i {
    font-size: 18px;
    color: var(--primary);
    margin-right: 8px;
}

.state_para {
    text-align: center;
    font-size: 18px;
}

#state_base {
    position: relative;
    z-index: 1;
}

@media(max-width: 991px) {
    #state-resources .find_head {
        margin-top: -110px;
    }

    #state-resources .find_head h2 {
        font-size: 40px;
    }

    #state-resources .find_head p {
        max-width: 100%;
    }
}

@media(max-width: 767px) {
    #state-resources .find_head {
        margin-top: -55px;
    }

    #state-resources .find_head h2 {
        font-size: 35px;
    }
}

@media(max-width: 575px) {
    #state-resources .find_head {
        margin-top: -30px;
    }
}





.inner_page {
    padding: 40px 0;
}

.inner_page h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: left;
}

.inner_page ul {
    list-style: disc;
    padding-left: 30px;
    margin-bottom: 30px;
}

.inner_page ul li {
    margin-bottom: 15px;
}

.inner_page ul li a {
    color: var(--white);
    font-size: 16px;
}

.inner_page ul li:last-child {
    margin-bottom: 0;
}

.inner_page ol {
    list-style: auto;
    padding-left: 30px;
    margin-bottom: 30px;
}

.inner_page ol li {
    margin-bottom: 15px;
}

.inner_page ol li a {
    color: var(--white);
    font-size: 16px;
}

.inner_page ol li:last-child {
    margin-bottom: 0;
}

.inner_page a {
    color: var(--primary);
    display: inline-block;
}

.inner_page a:hover {
    color: var(--primary);
}

.inner_page .table-responsive {
    border: 4px solid var(--primary);
    background: var(--white);
    color: var(--black);
}

.inner_page table {
    color: var(--back);
    width: 100%;
}

.inner_page table>tbody>tr:nth-of-type(even)>* {
    --bs-table-bg-type: rgb(219 219 219) !important;
    background: rgb(219 219 219) !important;
}

.inner_page table>tbody>tr:first-child>td {
    font-weight: 700;
}

.inner_page th {
    vertical-align: top;
}

.inner_page tr td {
    white-space: nowrap;
}

.inner_page tr td a {
    color: var(--black);
}

.inner_page tr td a:hover {
    color: var(--primary);
}

.inner_page tr td {
    white-space: nowrap;
    text-align: center;
}

.inner_page tr td:first-child {
    font-weight: 500;
    text-align: left;
}

.inner_page tr td,
.inner_page tr th {
    padding: 15px 10px;
}

.inner_page tr td:last-child {
    white-space: wrap;
    text-align: left;
    padding: 15px 15px;
}