@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}
h1, h2, h3, h4, h5, h6{text-transform: capitalize;}
a{text-decoration: none !important;}
.bg-orange{background: #F15929 !important;}
.text-orange{color: #F15929;}
.bg-blue{background: #000080 !important;}
.text-blue{color: #000080;}
img{max-width: 100%;}
.logo-box img { max-width: 155px;}
.container {max-width: 1280px !important;}
.navbar-brand {max-height: 80px; }
.hero_sec { background: #000080; border-radius: 27px;}
.col-gap-3{ -moz-column-gap: 1rem; column-gap: 1rem;}
.navbar {padding: 26px 20px;}
.hero-inner{padding: 60px 30px 20px;}
.hero-inner h1{  font-weight: 300; font-size: 66px; line-height: 70px; letter-spacing: 0px;}
.p_text{  font-weight: 400; font-size: 21px; line-height: 37px;; text-transform: capitalize; color: #000;}
.fw_normal{font-weight: 300 !important;}
.btn_hero { border-radius: 6px; padding: 15px 80px; background: #F15929; color: #fff !important; display: inline-block; margin-top: 20px;}
.sec_5{padding: 20px;}
.sec_2, .sec_4, .sec-cta { padding: 70px 0px 70px;}
.hero-inner img{width: 500px; text-align: center;}
.heading_h2{ font-weight: 300; font-size: 38px; line-height: 60px; color: #000;}
.custom_card { background: #F0F0FF; border-radius: 17px; padding: 26px; height: 100%;}
.card_heading { font-weight: 500; font-size: 28px; line-height: 39px; margin-top: 30px; color: #000;}
.custom_card img{ height: 80px;}
.sec_5 p { width: 53%; margin: 0px auto 20px; line-height: 30px;}
.sec_5 .custom_card { padding: 60px 50px;}
.sec-cta .form-control { height: calc(25px + 25px + 0px) !important; padding: 6px 20px !important;}
.btn_mob{display: none;}
.form_desktop{display: block;}
/* ----------------------
Responsive css
---------------------- */

@media screen and (max-width: 1024px){
.hero-inner h1 { font-size: 50px; line-height: 65px;}
.p_text { font-size: 18px; line-height: 34px;}
.hero-inner {padding: 35px 30px 35px;}
.navbar {flex-wrap: nowrap !important;}
}
@media screen and (max-width: 820px){
.hero-inner {padding: 30px 15px 30px;}
.p_text { font-size: 16px; line-height: 30px;}
.hero-inner h1 { font-size: 36px; line-height: 48px;}
.btn_hero { padding: 12px 56px; margin-top: 10px;}
.sec_2, .sec_4, .sec-cta { padding: 50px 0px 50px;}
.heading_h2 { font-size: 34px; line-height: 44px;}
.custom_card { padding: 20px;}
.card_heading { font-size: 24px;  line-height: 30px;  margin-top: 20px;}
.custom_card img {height: 65px;}
.sec_5{padding: 15px;}
.sec_5 p {width: 100%;}
.navbar { padding: 20px 10px;}
.mb-tab-0 { margin-bottom: 0px !important;}
}
@media screen and (max-width: 767px){
.text_md_center{text-align: center !important;}
.btn_mob{display: block;}
.form_desktop{display: none;}
}
@media screen and (max-width: 576px){
    .hero-inner h1 { font-size: 32px; line-height: 45px;}
    .mt_xs_5{margin-top: 30px !important;}
    .navbar {padding: 20px 0px;}
    .top-mb {margin-top: 15px;}
    .navbar {flex-wrap: wrap !important;}
    .col-gap-3{ -moz-column-gap: 0.5rem; column-gap: 0.5rem;}
    .hero-inner {padding: 30px 5px 30px;}
    .heading_h2 { font-size: 28px;line-height: 40px;}
    .p-mob-2 {padding: 15px !important;}
    .sec_5 .custom_card { padding: 40px 20px;}
    .heading_h2 { font-size: 22px; line-height: 35px;}
    .sec_2, .sec_4, .sec-cta {padding: 40px 0px 40px;}
}