* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
     font-family: var(--inter);
}

:root {
    --inter: 'inter';
    --Primary-color: #285781;
    --dark-primary-color:#2E4F7B;
    --black-color: #000000;
    --light-blue: #CBE1FF;
    --btn-text-color: #001633;
    --heading-color: #333333;
    --secondry-color: #EAF5FF;
    --card-light-text: #737373;
    --para-color: #5C5C5C;
    --white-color: #FFFFFF;
    --text-color: #383838;
    --border_grey: #BFBFBF;
    --light_black: #171717;

}

/*@font-face {*/
    /*font-family: 'poppins';*/
    /*src: url('https://fonts.googleapis.com/css?family=Poppins');*/
/*}*/

/*@font-face {*/
    /*font-family: 'inter';*/
    /*src: url('https://fonts.googleapis.com/css?family=Inter');*/
/*} */




.white {
    color: var(--white-color);
}

.greditent{
    background: linear-gradient(180deg, #EAF5FF 0%, rgba(234, 245, 255, 0) 100%);
}

.transparent_btn{

    padding: 15px 20px 15px 20px;
    border-radius: 4px 0px 0px 0px;
    background: transparent;
    color: var(--btn-text-color);
    border: 1px solid var(--btn-text-color);
}
.heading_box{
    padding: 10px 0px 10px 0px;
    border-radius: 4px 0px 0px 0px;
    color: var(--white-color);
    background: var(--dark-primary-color);
    text-align: center;
}

/* ================================================================================ */
/* Global Size  */
/* ================================================================================ */

h1 {
    font-family: 'Poppins';
    font-size: 40px;
    font-weight: 300;
    line-height: 52px;
}

h2 {
    font-family: 'Poppins';
    font-size: 36px;
    font-weight: 500;
    line-height: 54px;
}

h3 {
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}



h4 {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

h5 {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}


p {
    font-family:' Inter';
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: var( --para-color );
    margin: 0;
}


.fs-20 {
    font-family: 'inter';
    font-size: 20px;
}

.fs-18 {
    font-family: 'inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

.fs-16 {
    font-family: 'inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.fs-14 {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.fw-700{
    font-weight: 700;
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 500;
}
.fw-400{
    font-weight: 400;
}
.fw-300{
    font-weight: 300;
}
input:focus-visible {outline: -webkit-focus-ring-color auto 0px;}
.form-control:focus { box-shadow: none; }
a {  font-family: 'inter';  font-size: 14px ;  font-weight: 500;  color: var( --btn-text-color );  text-decoration: none;}
ul {   padding: 0;}
li {  list-style-type: none;}
.bold{  font-weight: 600;}
.center{  text-align: center;}
.container, .container-fluid{   overflow: hidden;}

/*login*/
.nav_btn { display: flex; align-items: baseline; gap: 40px;}
.nav_btn .logout_btn i { background: transparent; color: white;  border: 2px solid white;padding: 15px;  border-radius: 50%;}


/* navbar */
.navbar {  POSITION: absolute;   left: 0;   right: 0; }
.navbar li a { font-family: 'inter'; font-size: 14px ; font-weight: 500;  color: var( --white-color );  text-decoration: none;}
.navbar ul.navbar-nav {  padding-right: 7em;}
.navbar li.nav-item { padding-inline: 20px;}
.nav_btn .transparent_btn {  color: white;   border: 1px solid white;}
.navbar-nav .nav-link.active{ color: var( --white-color ); }

.nav_btn .transparent_btn, .hero_btn .transparent_btn{  color: white;   border: 1px solid white;}


/*footer*/
.footer_sec { padding-block: 20px; }
.footer_map{padding-block:20px; }
.footer_map iframe { width: 100%;}
.f-top { padding-block: 35px 10px; }
.social_icon i {  font-size: 24px;  color: black;}
.social_icon {  display: flex;   gap: 12px; justify-content: end; }
.newsletter form {    display: flex;    max-width: 320px;padding: 3px 5px;    justify-content: space-between;    align-items: center;    border: 1px solid black;    border-radius: 5px;}
.newsletter form input {   width: 100%;   height:30px;  border: 0;}
.newsletter button {   padding: 8px 10px;   border: 0;   background: transparent;}
.cta {  display: flex;  flex-direction: column;   gap: 7px;   padding-top: 10px;}
.cta i { color: black; padding-inline: 5px; }


/* hero sec */
.hero_sec{  background: url(../media/img/hero.png);   background-blend-mode: overlay;    background-color: #1c1c1c;    background-repeat: no-repeat; background-size: cover;    min-height: 800px;  background-position: center;  }
.hero_btn{ gap: 20px;}


/*aboutpage*/
.about_page_hero {background: #285781;background-repeat: no-repeat;background-size: cover;min-height: 800px;background-position: center;}
.abt_btn a {  background: white;  border-radius: 4px;  width: 45%;}
.inner_text2 {max-width: 48%;}




/*about wingman sec*/
.abt_inner_top {display: flex;align-items: center;gap: 39px;/* justify-content: space-between; */background-position: center;padding-bottom: 12em;}
.abt_inner_top .abt_text {/* max-width: 70%; */display: flex;align-items: center;justify-content: space-between;}
.about_wingman {  padding-block: 50px;  background: url(../media/img/about.png);  background-repeat: no-repeat;  background-position: 49% 37%; }
.about_wingman_cart {  padding-block: 160px 60px;}
.abt_cart {  padding: 30px;  display: flex;  flex-direction: column;  gap: 18px;}
.abt_cart a.transparent_btn {  width: fit-content;}

/*our Programs*/
.program_cart {display: flex;gap: 50px;align-items: center;padding: 30px 100px; position: relative; }
.program_cart .prog_text {max-width: 65%;display: flex;flex-direction: column;gap: 20px;}
.ourprog_top {max-width: 80%;display: flex;gap: 50px;}
.program_cart a.transparent_btn { width: fit-content; }
.swiper , .swiper2 { width: 100%;height: 100%;}
.swiper-slide {font-size: 18px;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; }
.our_program_sec { padding-block: 50px; }
.our_program_slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { position: absolute;top: 15px;left: 90%; height: 10%;width: 10%;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 20px;color: black;font-weight: 600;}


/*wingman network*/
.wingman_network_sec {  padding-block: 50px;}
.network_cart {padding: 20px;display: flex;flex-direction: column;gap: 15px;  box-shadow: -4px 4px 30px #cbe1ffa6;}
.net_profile {  position: relative;  display: flex;   gap: 16px;     }
.net_img:after {content: '';BACKGROUND: url(../media/img/objects.png) no-repeat;background-size: contain;height: 100%;width: 100%;position: absolute;left: -1px;z-index: -1;
    top: 0;}
.net_img {  height: 25px;  width: 25px;}
.comma { width: 12%;     padding-block: 20px;}
.net_img img {  border-radius: 50%;  object-fit: contain;}
.wingman_slider .swiper-pagination {position: unset;padding-top: 35px;}
.vector_style { height: 155px; background: lightgray; padding: 1px; position: relative;}
.vector_style span {  padding: 3px;  background: black;  z-index: 1;  position: absolute;  height: 25%;  left: -2px;  top: 20px;}

.net_inner .vector_style{width: 30%;height: 1px;background: lightgray;padding: 1px;position: relative;}
.net_inner .vector_style span {padding: 3px;background: black;z-index: 1;position: absolute;width: 25%; left: 250px;top: -2px;}

.abt_inner_text { width: 80%; }
/*news & Events*/
.news_event {  padding-block: 50px;   background-color: var(--dark-primary-color);}
.new_top { width: auto;   height: 200px;}
.new_top img {  object-fit: cover;}
.news_cart {  display: flex;  flex-direction: column;  gap: 20px;  padding: 30px 12px; width: 100%;  background-color: var(--secondry-color) ; border-radius: 5px;  border-bottom-right-radius: 80px;}
.news_slider .swiper-pagination { position: unset;  padding-top: 35px;}
.news_slider { padding-top: 75px; }
.new_text { display: flex; flex-direction: column; gap: 24px;}
.new_text h5 {   padding: 7px 20px;  background: white;  border-radius: 29px;  width: fit-content;}
.news_event span.swiper-pagination-bullet-active {background: #eaf5ff;}



/*about us page sec*/
.about_detail { padding-block: 100px; }
.abt_left_img { display: flex;  gap: 30px;  }
/*.abt_left_img .left_img {  transform: translateY(90px);}*/
/*.abt_left_img .right_img { transform: translate(-100px, 70px); }*/
/*.abt_right_content {  padding-top: 40%;}*/
.abt_cont h4.heading_box {  max-width: 50%;}
.abt_cont {  padding-block: 10px;  display: flex;  flex-direction: column; gap: 10px;}
.abt_hero_img { opacity: 0.4; transform: translate(-100px, 10px);  min-width: 775px; }


/*contact*/
.contact_form input, .contact_form select, .contact_form textarea {  border: 0; border-bottom: 1px solid black; border-radius: 0px;}
.contact_form { margin-block: 1em;  padding: 50px;  box-shadow: -4px 4px 30px #cbe1ffa6;  border-radius: 10px; }
.contact_head .ourprog_top { max-width: 100%;  }
.contact_form_sec {padding-block: 65px;}
.padding_block{padding-block: 20px;}
.contact_head { max-width: 50%;  padding-block: 50px;}
.contact_hero{background: url(../media/img/cont.png);  background-blend-mode: overlay;    background-color: #1c1c1c;background-repeat: no-repeat;background-size: cover;min-height: 400px;background-position: center;}
.contact_form input.form-control.transparent_btn {width: auto;border: 1px solid;}