@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif !important;
    color: #ffffff;
    font-size: 15px !important;
    background-color: #00042C;
}


/*-----------Base Css End----------*/
p {
    line-height: 28px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    font-weight: 400;
}
a{text-decoration:none;}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;color:#ffffff;text-transform:capitalize;margin: 0;padding: 0;
}
h1{font-size:64px;line-height:78px;}
h2 {font-size: 36px;line-height: 48px;}
h3 {font-size: 20px;line-height: 32px;}
h4 {font-size: 18px;line-height: 30px;}
ul {margin: 0 !important;padding: 0;}
img {max-width: 100%;height: auto;}
a:hover {text-decoration: none !important;color: #FDD110 !important;transition: 0.4s;}
input:focus, textarea:focus, select:focus {outline: none !important;}
button:focus, textarea:focus, select:focus {outline: none !important;}
.main-btn{border-radius: 30px; text-transform:capitalize;font-size: 15px;color: #00042C;background: #FDD110;padding: 12px 30px;transition: color 0.4s linear;border: none;
cursor: pointer;font-weight: 500;display: flex;align-items: center;gap: 5px;}
.main-btn:hover{background: #ffffff;color: #00042C !important;}
.btn-secondary{background-color: #ffffff;color: #00042C;}
.btn-secondary:hover{background-color: #FDD110;color: #00042C;}
/*-----------Base Css End----------*/
.max-container{max-width: 1460px;}
.container{max-width: 1200px;}
.header {top: 0; left: 0;width: 100%; height: auto;z-index: 100;margin: 0 auto;background-color: transparent;padding: 6px 0;}
.navbar {display: flex;flex-wrap: wrap;align-content: center;align-items: center; justify-content: space-between; width: 100%;margin: 0 auto;}
.navbar .navbar__left {display: flex;align-items: center;flex: 0 0 17%;}
@media (max-width: 992px) {
.navbar .navbar__left {flex: 0 0 auto;}
}
.navbar .navbar__center {display: flex;}
@media (max-width: 992px) {
  .navbar .navbar__center {flex: 0 0 100%;order: 3;align-items: center;}
}
.navbar .navbar__right {display: flex;flex: 0 0 17%;align-items: center;justify-content: flex-end;column-gap: 1.5rem;}
@media (max-width: 992px) {
  .navbar .navbar__right {flex: 0 0 auto;align-items: center;}
}
.brand {display: flex;align-items: center;order: 1;}
.brand svg {width: 60px;height: 60px;}
@media (max-width: 992px) {
  .menu {position: fixed;top: 0;left: 0;width: 350px;max-width: 85%;height: 100%;z-index: 100;overflow: hidden;background-color: #00042C;transform: translateX(-100%);transition: all 0.4s ease-in-out;}
  .menu.is-active {transform: translateX(0%);}
}
@media (max-width: 992px) {
  .menu .menu__inner {height: 100%;overflow-y: auto;overflow-x: hidden;padding-top: 20px;}
}
.menu .menu__inner .menu__item {display: inline-block;padding: 15px 35px 15px 0;}
.menu .menu__inner .menu__item:last-child {padding-right: 0;}
@media (max-width: 992px) {
  .menu .menu__inner .menu__item {display: block;padding: 0;}
}
.menu .menu__inner .menu__item .menu__link {display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 15px;font-weight: 500;color: #ffffff;text-transform: capitalize;transition: all 0.25s ease;}
.menu .menu__inner .menu__item .menu__link:hover {color: #FDD110;}

@media (max-width: 992px) {
  .menu .menu__inner .menu__item .menu__link {justify-content: flex-start;padding: 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
}
.menu .menu__inner .menu__item .menu__link > i {display: none;}
.overlay {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;opacity: 0;
  visibility: hidden;background-color: rgba(0, 0, 0, 0.7);transition: all 0.45s ease-in-out;pointer-events: none;}
@media (max-width: 992px) {
  .overlay {cursor: pointer;pointer-events: visible;}
  .overlay.is-active { opacity: 1; visibility: visible;}
}
.burger {position: relative;display: none;cursor: pointer;width: 25px;height: 15px;margin-right: 15px;opacity: 0;visibility: hidden;background: transparent;}
@media (max-width: 992px) {
  .burger {opacity: 1;visibility: visible;display: block;}
}
.burger .burger-line {position: absolute;display: block;left: 0;width: 100%;height: 2px;opacity: 1;border-radius: 15px;background: #FDD110;}
.burger .burger-line:nth-child(1) {top: 0px;}
.burger .burger-line:nth-child(2) {top: 8px;width: 70%;}
.burger .burger-line:nth-child(3) {top: 16px;}
.header.scrolled{background-color: #000218;}
.header .navbar{padding: 6px 15px;max-width: 1460px;}
.f_size{height: 100%;width: 100%;object-fit: cover;}
.main_banner{background-image: url('../images/banner.webp');background-repeat:no-repeat;background-size: cover;background-position: top center;height:100vh;}
.main_banner::after{height: 100%;width: 100%;top: 0;left: 0;background-color: rgb(1, 5, 53, 0.80);position: absolute;content: '';}

.banner_content{height: 100%;display: flex;flex-direction: column;align-items: center;z-index: 2;left: 0;width: 100%;top: 30px;justify-content: center;}
.banner_content h1 span{color: #FDD110;}
.banner_content p span{color: #FDD110;font-weight: 600;padding-top: 15px;}
.banner_content p{font-size: 16px;line-height: 30px;}
.bn_bx_icon{height: 50px;width: 50px;border-radius: 100%;display: flex;align-items: center;justify-content: center;background-color: #ffffff;}
.bn_bx_content p{font-size: 12px;line-height: 18px;}
.mrt-100{margin-top: 100px;}
.mrb-100{margin-bottom: 100px;}
.dots{right: 60px;top: 20px;}
.exp_bx {background-color: #262A4C;border-radius: 8px;padding: 20px;width: 258px;bottom: 45px;}
.exp_icon{height: 64px;width: 64px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #FDD110;}
.exp_content{font-size: 18px;font-weight: 500;width: 65%;}
.heading{margin-bottom: 30px;}
.heading span{color:#FDD110;}
.sub_heading{font-size: 12px;font-weight: 600;text-transform: uppercase;color: #00042C;background-color: #FDD110;border-radius: 37px;padding: 6px 12px;width: max-content;margin-bottom: 15px;}
.sub_heading span{height: 6px;width: 6px;border-radius: 50%;background-color: #00042C;}
.abt_content p{padding-bottom: 15px;}
.btn_rw_lft_icon{height: 42px;width: 42px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #FDD110;}
.btn_rw_ct p{padding-bottom: 0;}
.un-listed{list-style: none;}
#counter {padding-top: 50px;max-width: 100%;display: flex;justify-content: space-evenly;}
#counter li {display: flex;align-items: center;text-align: left;font-size: 36px;gap: 15px;font-weight: 600;line-height: 36px;}
#counter span.percent:after {content: "+";display: inline-block;padding-left: 5px;}
#counter li:last-child span.percent:after{content: none;}
#counter li:nth-last-child(2) span.percent::after {content: '%';}
#counter li p {font-size: 15px;font-weight: 500;line-height: 26px;}
.ct_icon{display: flex;background-color: #ffffff;height: 50px;width: 50px;border-radius: 50%;align-items: center;justify-content: center;}
.service_rw{background-image: url('../images/service-bg.webp');background-position: top center;background-repeat: no-repeat;background-size: cover;padding: 70px 0;}
.service_img{height: 410px;border-radius: 30px;}
.service_img img{transition: ease-in-out 0.4s;}
.service_img::after{content: '';left: 0;width: 100%;top: 0;height: 100%;background: linear-gradient(
  to bottom, rgba(3, 15, 155, 0.75) 0%, rgba(1, 5, 53, 0.75) 100%);position: absolute;}
.service_content{padding: 20px;top: 0;left: 0;width: 100%;height: 100%;}
.service_content_tp p{font-size: 20px;font-weight: 600;}
.service_content_tp{padding-bottom: 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-bottom: 15px;}
.service_icon{background-color: #FDD110;height: 42px;width: 42px;border-radius: 50%;transition: ease-in-out 0.4s;}
.service_bx:hover .service_img img{transform: scale(1.1);}
.service_bx:hover .service_icon{background-color: #ffffff;}
.service_bx:hover h3{color: #FDD110;transition: ease-in-out 0.4s;}
.wr_left_img{border-radius: 15px;height: 530px;}
.wr_rgt ul li{margin-bottom: 20px;background-color: #262A4C;border-radius: 15px;padding: 20px;transition: ease-in-out 0.4s;}
.wr_rgt ul li:hover{background-color: #FDD110;transform: scale(1.02);}
.wr_rgt ul li:hover .howwe_icon{background-color: #ffffff;}
.wr_rgt ul li:last-child{margin-bottom: 0px;}
.howwe_ct{padding-bottom: 15px;}
.howwe_icon{width: 50px;height: 50px;border-radius: 50%;background-color: #FDD110;}
.visual_evidence .col-md-3{overflow: hidden;border-radius: 15px;height: 280px;cursor: pointer;}
.visual_evidence .col-md-3 img{transition: ease-in-out 0.4s;}
.visual_evidence .col-md-3:hover img{transform: scale(1.02);}
.testimonials_rw{padding: 70px 0;background-image: url('../images/testimonial-bg.webp');background-position: top center;background-size: cover;background-repeat: no-repeat;}
.testimonial_bx{background-color: #262A4C;border-radius: 30px;padding: 30px;min-height: 310px;}
.t_user{height: 54px;width: 54px;border-radius: 50%;margin-bottom: 10px;}
.us_info p{font-size: 13px;line-height: 20px;}
input, textarea{background-color: #556270;border-radius: 30px;padding: 14px 15px;color: #ffffff;border: none;width: 100%;font-size: 16px;}
textarea{height: 120px;resize: none;}
.enqfrom ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.enqfrom ul li {grid-column: 1 / -1;}
.enqfrom ul li:last-child{margin-top: 15px;}
.enqfrom ul li input::placeholder,
.enqfrom ul li textarea::placeholder {color: #ffffff;opacity: 1;}
.enqfrom ul li:nth-child(4),
.enqfrom ul li:nth-child(5) {grid-column: span 1;}
.footer_rw{background-color: #262A4C;}
.ft_des p{padding-top: 30px;font-size: 14px;line-height: 24px;}
.footer_rw h4{color: #FDD110;padding-bottom: 20px;}
.qu_links ul{padding-left: 15px;}
.qu_links ul li{line-height: 26px;padding-bottom: 10px;}
.qu_links ul li h4{font-size: 15px;font-weight: normal;line-height: 28px;padding-bottom:0;}
.qu_links ul li:last-child{padding-bottom: 0;}
.qu_links ul li a{color: #ffffff;transition: ease-in-out 0.4s;}
.qu_links ul li a:hover{color: #FDD110;}
.ft_address ul{padding-left: 0;}
.ft_address ul li{padding-bottom: 20px;}
.qu_links i{color: #FDD110;}
.ft_tp{justify-content: space-between;}
.ft_tp .col-md-2, .ft_tp .col-md-4{width: max-content;}
.qs_ach a{text-transform: capitalize;}
.copyright{padding: 15px 0;font-size: 14px;line-height: 24px;border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: 50px;}

.login-box {
    width: 350px;
    background-color: #262A4C;
    padding: 30px;
    margin: 100px auto;
    border-radius: 10px;
}

.login-box input {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    box-sizing: border-box;
}




.topbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}



.logout {
    background: red;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table th,
table td {
    border: 1px solid #ddd;
    padding: 10px;
}

table th {
    background: #000;
    color: white;
}

.error-msg {
    background: #ffe0e0;
    color: #cc0000;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 14px;
}
#enquiryTable_filter input{background-color: rgba(255, 255, 255, 0.2);margin-bottom: 15px;border-radius: 30px;border: none;}
.login-box h2{color: #ffffff;}

.login-box input::placeholder {color: #ffffff;opacity: 1;}
.bn_bx_content{width: 72%;}
.accordion-button{color: #ffffff;background-color: #00042C;}
.accordion-button:not(.collapsed){color:#FDD110;background-color: #00042C;box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);}
.accordion-body{color: #ffffff;font-size:15px;line-height:28px;}
.accordion-item{background-color: #00042C;border-color: rgba(255, 255, 255, 0.3);}
.accordion-button::after{filter:invert(1);}