@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sacramento&display=swap');
html, body {padding: 0; margin: 0; box-sizing: border-box; background: linear-gradient(90deg, #330030 0%, #080025 100%); font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 300; color: #fff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);}
.sacramento-regular {
    font-family: "Sacramento", cursive;
    font-weight: 400;
    font-style: normal;
}
/* // family: Use a unique and descriptive class name
// 400: Use a value from 100 to 900 */

.montserrat-family {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

::-webkit-scrollbar { width: 7px; background-color: #fff; }
::-webkit-scrollbar-track { background-color: #fff; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #071e39; }

.container { max-width: 1200px; }
@media screen and (max-width: 1400px) {
    .container { max-width: 1200px; }
}

.navbar { padding-top: 8px; padding-bottom: 8px; }
a.navbar-brand h2 { font-size: 26px; line-height: 31px; font-weight: 500; letter-spacing: 0; text-decoration: none; text-transform: uppercase; color: #fff; margin-bottom: 0; }
a.navbar-brand h6 { font-size: 13.4px; line-height: 16px; font-weight: 500; text-decoration: none; text-transform: uppercase; color: #fff; margin-bottom: 0; }
a.navbar-brand img { width: 250px; }
.navbar-nav a.nav-link { font-size: 16px; font-weight: 600; line-height: 32px; text-decoration: none; color: #fff; padding: 0 20px !important; }

.page-content { padding: 30px 0; }
.page-section { padding: 50px 0; }
@media screen and (max-width: 1024px) {
    .page-section { padding: 50px 16px; }
}
@media screen and (max-width: 992px) {
    .navbar-collapse, .navbar-collapse.show { padding-top: 16px;  }
}
@media screen and (max-width: 768px) {
    .page-section { padding: 30px 0px; }
    a.navbar-brand img { width: 200px; }
}
.home-heading1 { width: 500px; margin: 0 auto; }
@media screen and (max-width: 500px) {
    .home-heading1 { width: 100%; }
}

.page-img { width: 450px; height: calc(100% - 30px); border-radius: 15px; overflow: hidden; margin: 0 auto 30px; object-fit: cover; position: relative; }
@media screen and (max-width: 992px) {
    .page-img { width: 100%; }
}
.page-img img { width: 100%; height: 100%; position: relative; }
h1, h1.new { font-size: 54px; line-height: 65px; font-weight: 800; color: #fff; margin: 0 auto 40px; }
@media screen and (min-width: 1200px) {
    h1 { max-width: 800px; }
}
h2 { font-size: 56px; line-height: 67px; font-weight: 700; letter-spacing: 12px; text-transform: uppercase; margin-bottom: 40px; }
h4 { font-size: 32px; line-height: 38px; font-weight: 500; color: #fff; margin-bottom: 8px; }
h5 { font-size: 24px; line-height: 32px; font-weight: 400; color: #fff; margin-bottom: 16px; }
p { font-size: 16px; line-height: 23px; font-weight: 400; margin-bottom: 16px; }
a.com-link { color: #e64c4c; text-decoration: underline; }
hr { border-color: rgba(255,255,255,0.25); margin: 32px 0; }
button.navbar-toggler { border-color: rgba(255,255,255,0.1); outline: 0; box-shadow: none; }
button.navbar-toggler i { color: rgba(255,255,255,0.55); font-size: 30px; }

.text-red { color: #e64c4c !important; }
ul { padding-left: 32px; margin-bottom: 16px; }
ul li { font-size: 16px; line-height: 25px !important; font-weight: 400; padding: 10px 0 0; color: #fff; margin: 0; }

ol.h5 { margin-bottom: 16px; padding-left: 32px; }
ol.h5 li { font-size: 24px; line-height: 32px; font-weight: 400; color: #fff; margin-bottom: 0; }

.hr-thick { display: block; width: 720px; height: 10px; background: #d4af37; margin: 0 auto 40px; }

@media screen and (max-width: 768px) {
    h1 { font-size: 30px; line-height: 36px; margin: 0 auto 15px; }
    h1.new { font-size: 25px; line-height: 30px; margin: 0 auto 20px; }
    h2 { font-size: 25px; line-height: 30px; }
    h4 { font-size: 22px; line-height: 30px; margin-bottom: 16px; }
    h5 { font-size: 16px; line-height: 24px; }
    p { font-size: 14px; line-height: 22px; margin-bottom: 14px; }

    ul li { font-size: 14px; line-height: 18px !important; }
    
    ol.h5 li { font-size: 16px; line-height: 24px; }
    .hr-thick { width: 100%; height: 5px; }
}

.sign { width: 150px; margin-left: auto; }
.sign img { width: 100%; }
.sign.footer { width: 350px; margin-bottom: 32px; margin-left: 0; }
a.btn.btn-common, button.btn.btn-common { display: block; width: fit-content; height: fit-content; background: linear-gradient(75deg, #e8dd8e, #f5f8cd 20%, #b57d26 85%); padding: 16px 28px; font-size: 16px; font-weight: 700; color: #051729; text-decoration: none; text-transform: uppercase; margin: 28px auto 0; border-radius: 50px; border: 0; transition: all 0.3s ease-in-out; }
a.btn.btn-common h5, button.btn.btn-common h5 { font-size: 22px; font-weight: 700; color: #051729; text-decoration: none; margin-bottom: 0; }
a.btn.btn-common:hover, button.btn.btn-common:hover { background: linear-gradient(75deg, #b8822b, #e4d586, #b8822b);}
a.btn.btn-common.rect { border-radius: 10px; font-weight: 600; }
a.btn.btn-common.rect.small { padding: 5px 20px; font-size: 14px; font-weight: 500; border-radius: 5px; margin-top: 16px; }

.footer-sec { border-top: 1px solid #b57d26; }
a.foot-link { display: block; width: fit-content; font-size: 14px; line-height: 22px; font-weight: 500; text-decoration: none; color: #fff; padding: 4px 0; margin-bottom: 0; }
.foot-bottom { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; }
.foot-bottom .foot-txt { display: block; width: fit-content; max-width: 400px; font-size: 14px; font-weight: 400; line-height: 22px; color: #fff; }
.foot-bottom .foot-solial { width: fit-content; }
.foot-bottom .foot-social { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.foot-bottom .foot-social a.social-link { display: block; width: 35px; height: 35px; background: #352f52; border-radius: 50%; font-size: 16px; text-decoration: none; color: #fff; line-height: 35px; text-align: center; margin-left: 8px; }
.foot-bottom .foot-social a.social-link:first-child { margin-left: 0px; }

@media screen and (max-width: 768px) {
    .sign.footer { margin: 0 auto 32px; }
    a.foot-link { font-size: 12px; line-height: 20px; text-align: center; margin: 0 auto; }
    .foot-bottom { flex-direction: column; align-items: flex-start; row-gap: 15px; }
    a.btn.btn-common, button.btn.btn-common { font-size: 14px; }
}

.img-content { width: 400px; float: right; margin: 0 0 20px 48px; }

.row.row-12 { margin-left: -12px; margin-right: -12px; align-items: stretch; }
.row.row-12 .col-xl-6 { padding-left: 12px; padding-right: 12px; }
.report-card { background: #fff; width: 100%; height: calc(100% - 24px); padding: 16px; border: 1px solid #ddd; margin-bottom: 24px; }
.report-card img { width: 100%; }
.report-card .grow { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 14px; }
.report-card .grow .left-col { width: calc(35% - 7px); text-align: center; }
.report-card .grow .left-col img { width: 100%; }
.report-card .grow .right-col { width: calc(65% - 7px); }
.report-card .top-tag { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 4px; } 
.report-card .top-tag .tag { font-size: 12px; font-weight: 700; background: #091f36; padding: 2px 6px; border-radius: 5px; }
.report-card h4 { font-size: 24px; line-height: 27px; font-weight: 800; color: #332f51; margin: 10px 0; }
.report-card p { font-size: 16px; font-weight: 400; line-height: 25px; color: #404040; margin-bottom: 16px; }
.report-card a.btn.btn-common { padding: 10px 32px; margin-top: 0; }

@media screen and (max-width: 1024px) {
    .report-card .grow .left-col img { width: 180px; }
}
@media screen and (max-width: 768px) {
    .img-content { float: unset; display: block; margin: 0 auto 20px; }
    .report-card .grow { flex-direction: column; align-items: stretch; justify-content: flex-start; row-gap: 20px; }
    .report-card .grow .left-col, .report-card .grow .right-col { width: 100%; }
    .report-card .top-tag .tag  { font-size: 11px; padding: 1px 5px; }
    .report-card h4 { font-size: 20px; line-height: 24px; margin: 10px 0; }
    .report-card p { font-size: 14px; line-height: 22px; }
    .report-card a.btn.btn-common { display: block; padding: 10px 32px; font-size: 14px; margin: 0 auto 16px; }
}

.consult-form { max-width: 580px; background: linear-gradient(90deg, #330030 0%, #080025 100%); border: 12px double #fff; padding: 20px 40px 60px; margin: 40px auto; box-shadow: 0 0 40px rgba(255,255,255,.3); }
.consult-form h4 { font-size: 16px; line-height: 25px; font-weight: 700; color: #fff; margin: 15px auto 30px; }
.consult-form h3 { font-size: 20px; line-height: 30px; font-weight: 600; color: #e64c4c; margin: 15px auto 30px; text-decoration: underline; }
.consult-form h5 { font-size: 16px; line-height: 25px; font-weight: 500; color: #fff; margin: 0px auto 10px; text-decoration: underline; }
@media screen and (max-width: 768px) {
    .consult-form { border-width: 5px; padding: 10px; }
}

form.consult .form-group { margin-bottom: 16px; }
form.consult label { font-size: 16px; line-height: 25px; font-weight: 400; color: #fff; margin-bottom: 16px; display: block; }
form.consult .form-control { width: 100%; display: block; height: 32px; border: 0; border-radius: 0; padding: 5px 8px; font-size: 16px; font-weight: 400; color: #051729; outline: 0; box-shadow: none; }
form.consult .intl-tel-input, form.consult .iti { width: 100%; color: #051729; -webkit-text-fill-color: #051729; }

.consult-form h6 { font-size: 14px; font-weight: 400; line-height: 22px; font-style: italic; margin: 20px 0 16px; text-align: left; }
.consult-form h6 a { text-decoration: underline; color: #fff; }

.contact-card { width: 100%; height: 100%; padding: 16px; background: #fff; border-radius: 10px; text-align: left; }
.contact-card .icon { font-size: 25px; color: #e64c4c; margin-bottom: 16px; }
.contact-card h4 { font-size: 20px; line-height: 24px; font-weight: 500; color: #404040; margin-bottom: 8px; }
.contact-card p { font-size: 16px; line-height: 23px; font-weight: 400; margin-bottom: 16px; color: #404040; margin-bottom: 0; }
.contact-card p a { font-weight: 500; text-decoration: underline; color: #404040; }