.top_header {
    background: #172b44;
    padding: 10px 0px;
}

.top_number ul {
    display: flex;
    gap: 28px;
}

.top_number ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #ffffff;
    font-size: 15px;
}

.top_number ul li a i {
    color: #2dab8d;
}

.top_social_media ul {
    display: flex;
    gap: 15px;
    justify-content: end;
}

.top_social_media ul li a {
    width: 38px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2dab8d;
    color: #fff;
    transition: 0.5s;
}

.top_social_media ul li a:hover {
    background: #fff;
    color: #172b44;
}

header .logo img {
    width: 100%;
}

.menu {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 70px;
}

.menu ul {
    display: flex;
    justify-content: end;
    gap: 25px;
}

.menu ul li a {
    color: #172b44;
    font-size: 15px;
    font-weight: 600;
    transition: 0.5s;
}

.menu ul li a:hover {
    color: #2dab8d;
}

header {
    padding: 10px 0px;
    border-bottom: 1px solid #8080801f;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1000;
}

.hero_section {
    background: linear-gradient(91deg, #142130, transparent), url(../images/hero.jpg);
    width: 100%;
    height: 640px;
    background-size: cover;
    display: flex;
    align-items: center;
}



.hero_content h5 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
    font-style: oblique;
    margin-bottom: 15px;
}

.hero_content h5 span {
    color: #2dab8d;
}

.hero_content h1 {
    font-size: 60px;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 4px 0px #2dab8d91;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.hero_content h1 span {
    font-family: "DM Sans", sans-serif;
    color: #2dab8d;
    text-shadow: 2px 4px 0px #969696a8;
}

.hero_content p {
    color: #d4d4d4;
    margin-top: 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.hero_content .main_btn {
    margin-top: 35px;
}

.hero_content .main_btn a:hover {
    border-color: #fff;
    color: #fff;
}

.about_content h2 {
    font-size: 40px;
    font-weight: 800;
    color: #172b44;
}

.about_content h2 span {
    color: #2dab8d;
}

.about_content h6 {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    margin-top: 20px;
}

.about_content ul {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-top: 10px;
}

.about_content ul li {
    font-size: 15px;
    font-weight: 500;
    color: gray;
}

.about_content ul li i {
    color: #2dab8d;
    padding-right: 5px;
}

.about_img img {
    width: 100%;
}

.products_section {
    background: linear-gradient(0deg, #2dab8d29, #2dab8d17), url(../images/bg.avif);
    width: 100%;
    height: 100%;
    background-size: auto;
    padding: 80px 0px;
}

.products_box {
    background: #fff;
    padding: 14px 14px 0px 14px;
    border: 1px solid #80808040;
    text-align: center;
    margin-top: 20px;
}


.products_img img {
    width: 100%;
}

.products_box h4 {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    background: #2dab8d;
    padding: 8px 0px;
    width: 90%;
    margin: auto;
    margin-top: -22px;
    position: relative;
    color: #fff;
}

.main_heading h3 {
    font-size: 40px;
    font-weight: 700;
}


.mission_img img {
    width: 100%;
}

.mission_content h2 {
    font-size: 40px;
    font-weight: 800;
    color: #172b44;
}

.vision_box {
    display: flex;
    gap: 15px;
    margin-top: 40px;
}

.vision_box h3 {
    margin: 0;
    height: 50px;
    background: #2dab8d;
    display: flex;
    min-width: 54px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
}

.vision_box h4 {
    font-size: 30px;
    font-weight: 700;
}

.vision_box p {
    font-size: 18px;
    font-weight: 500;
}

/* counter section start */
.counter_section {
    background: url(../images/conter.png);
    padding: 80px 0px;
    background-size: contain;
}

.counter_section .main_heading h5 {
    color: #fff;
}

.counter_section .main_heading h5:before, .counter_section .main_heading h5:after {
    background: #fff;
}

.counter_section .item {
    text-align: center;
    border-right: 1px solid #ffffff4a;
}

.counter_section .item i {
    color: #2dab8d;
    font-size: 50px;
    margin-bottom: 10px;
}

.counter_section #counter {
    margin-top: 50px;
}

.counter_section .item  h1 {
    /* color: #fff; */
    font-weight: 700;
    margin: 0;
}

.counter_section .item .plus {
    color: #fff;
    align-items: center;
    font-size: 45px;
    font-weight: 700;
    gap: 10px;
}

.counter_section .item .text {
    color: #2dab8d;
    margin: 0;
    font-size: 17px;
}

.main_heading h3 span {
    color: #2dab8d;
}
/* counter section end */


.youtube video {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border: 1px dashed #bfbfbf;
    padding: 10px;
}

footer {
    background: linear-gradient(
175deg, #172b44, #0c1725);
    padding: 70px 0px 15px 0px;
    margin-top: 60px;
}


.footer_logo img {
    width: 100%;
    max-width: 360px;
}
.footer_logo p {
    color: #bbbbbb;
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
}


.quick_links h5 {
    font-size: 23px;
    color: #2dab8d;
    font-weight: 700;
    margin-bottom: 18px;
}

.quick_links ul li a {
    color: #c4c4c4;
    font-size: 15px;
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.5s;
}

.quick_links ul li a i {
    color: #2dab8d;
}

.quick_links ul li a:hover {
    color: #2dab8d;
    padding-left: 10px;
}

.contact_lsit h5 {
    font-size: 23px;
    color: #2dab8d;
    font-weight: 700;
    margin-bottom: 18px;
}


.contact_lsit li {
    color: #c4c4c4;
    font-size: 15px;
}

.contact_lsit li a {
    color: #c4c4c4;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.contact_lsit li a i {
    color: #2dab8d;
}

.footer_social {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.footer_social li a {
    width: 35px;
    height: 35px;
    display: flex;
    background: #2dab8d;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.copy_right {
    border-top: 1px solid #80808040;
    margin-top: 40px;
}

.copy_right p {
    color: #c5c5c5;
    margin: 0;
    font-size: 15px;
    margin-top: 15px;
}

.breadcrumb_section {
    background: linear-gradient(0deg, #172b44, #00000063), url(../images/breadcrub.jpg);
    width: 100%;
    padding: 80px 0px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}


.breadcrumb_section h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.breadcrumb_section ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.breadcrumb_section ul li {
    color: #fff;
    font-size: 15px;
}

.breadcrumb_section ul li a {
    color: #2dab8d;
}

.legal_img {
    margin-top: 20px;
}

.legal_img img {
    width: 100%;
    border: 1px solid #80808038;
    padding: 10px;
    background: #ededed;
}

.pabmc img {
    border-radius: 30px;
    background: #ededed;
}


.bank_cardk {
    background: #2dab8d66;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #2dab8d;
    margin-top: 15px;
}

.bank_cardk h4 {
    text-align: center;
    font-weight: 800;
    font-size: 30px;
}

.bank_cardk ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #80808040;
    padding: 10px 0px;
    font-size: 15px;
    font-weight: 600;
}

.bank_cardk ul li span {
    color: #172b44;
}

.bank_cardk ul li:last-child {
    border: 0;
    padding-bottom: 0;
}

.bank_scanner {
    background: #172c48;
    text-align: center;
    border-radius: 20px;
    padding: 20px;
    margin-top: 15px;
}

.bank_scanner h4 {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
}

.bank_scanner p {
    font-size: 15px;
    color: #2dab8d;
    font-weight: 600;
}

.bank_scanner img {
    width: 100%;
    max-width: 200px;
}


.gallery_box {
    margin-top: 20px;
    border: 1px solid #8080806e;
    padding: 10px;
    border-radius: 20px;
    height: 211px;
    overflow: hidden;
}

.gallery_box img {
    transition: 0.5s;
    width: 100%;
    border-radius: 13px;
}

.gallery_box:hover img {
    transform: scale(1.2);
}

/* courses section start */
.courses_img img {
    width: 100%;
}



.courses_Content h5 {
    font-size: 18px;
    color: #054b7a;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
}

.courses_Content h5:before {
    width: 60px;
    height: 2px;
    background: #054b7a;
    display: inline-block;
    content: '';
    margin-right: 7px;
}

.courses_Content h3 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.courses_Content h3 span{
    color: #2dab8d;
}

.courses_Content ul li {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}



.courses_Content ul li .imge_coure {
    width: 60px;
    height: 60px;
    background: #2dab8d;
    min-width: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #fff;
}

.courses_Content ul li h4 {
    font-size: 22px;
    font-weight: 700;
}

.courses_Content ul li p {
    font-size: 14px;
    color: #515151;
    line-height: 24px;
    margin: 0;
}

.courses_Content ul {
    margin-top: 40px;
}


/* contact section start */
.contact_form {
    border: 1px solid #80808030;
    padding: 30px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.contact_form h3 {
    font-size: 30px;
    font-weight: 700;
}

.contact_form p {
    color: gray;
    font-size: 14px;
    margin-bottom: 30px;
}

.contact_form label {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.contact_form input {
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #8080804a;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    outline: none;
}

.contact_form input:focus {
    border-color: #2dab8d;
}


.contact_form button {
    border: 0;
    background: #2dab8d;
    padding: 12px 40px;
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: auto;
    margin-top: 25px;
    border: 2px solid #2dab8d;
    transition: 0.5s;
}

.contact_form button:hover {
    background: transparent;
    color: #2dab8d;
}

.contact_section .courses_Content ul li p {
    font-size: 16px;
    font-weight: 500;
}