@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
--white: #FFFFFF;
--cream-white: #F9F5F2;
--dark-black: #494949;
--light-black: #848484;
--light-cream: #D8E4EB;
--dark-blue: #306378;
--blue: #528AA7;
--light--blue: #74A0BD;
}
body {
background-color: var(--cream-white);
color: var(--dark-black);
}
header{
background-color: var(--light-cream);
color: var(--dark-black);
}
footer{
background-color: var(--dark-blue);
color: var(--white);
}
.soc-icons a{color: var(--white);}
.soc-icons a:hover{color: var(--light--blue);}
.btn-primary {
background-color: var(--light--blue);
border-color: var(--light--blue);
color: var(--white);
}
.btn-primary:hover {
background-color: var(--blue);
border-color: var(--blue);
}
.btn-secondary {
background-color: var(--dark-black);
border-color: var(--dark-black);
color: var(--cream-white);
}
.btn-secondary:hover {
background-color: var(--blue);
border-color: var(--blue);
}
a, .nav-link {
color: var(--dark-black);
}
a:hover {
color: var(--blue);;
}
.blockquote-footer{
background: transparent; color: var(--light-black);
}
blockquote{border-color: var(--blue); color: var(--light--blue);}
.social-icons-wrap p{font-weight: 400;}
.copy{font-size: 12px;}

.btn{padding: 8px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 16px; line-height: 20px;}
body, h1, h2, h3, h4, h5, h6, button, input, textarea, select {font-family: "Inter", sans-serif; font-weight: 400 !important;}
h1, h2, h3, h4, h5, h6{color: var(--blue) !important;}
h1{font-size: 40px !important; line-height: 1.2;}
h3{font-size: 24px !important; line-height: 1.2;}
ul, li{margin: 0; padding: 0}
ul{margin-left: 16px;}
.ptb-80{padding-top: 80px; padding-bottom: 80px;}
body, p, li{font-size: 16px; line-height: 24px;}
.bg-light{background: var(--light-cream) !important;}
.card{background: var(--white); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}


.header-top{background-color: rgba(82, 138, 167, 0.5); padding: 10px 0; position: fixed; top: 0; z-index: 999; width: 100%}
.navbar-brand{padding: 0;}
.navbar-toggler-icon{background-image: url("../images/nav-line-white.svg");}
.nav-link{color: var(--white);}
.nav-link:hover{color: var(--light-cream);}
.hero-section{padding-top: 160px; padding-bottom: 44px}
.hero-text-bg{max-width: 695px; background: rgba(255, 255, 255, 0.7); padding: 30px 16px 36px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.hero-text-bg h1{max-width: 575px; margin: 0 auto;}
.sub-title{font-size: 16px}
.btn-group{display: flex;}
.hero-text-bg .btn-group a{margin: 8px 12px 0;}
.service ul{margin-left: 0;}
.service li{margin-top: 12px;}
.service li:first-child{margin-top: 0}
.navbar-toggler{border-color: var(--white) !important;}


@media (max-width: 992px) {
.navbar{padding: 0;}
.header-top{background: var(--light--blue)}
.about-left{text-align: center}
}

@media (max-width: 767px) {
.hero-text-bg h1{font-size: 32px !important;}
.btn-group{flex-direction: column;}
.hero-section{padding-top: 100px;}
.hero-text-bg .btn-group a{margin-left: 0; margin-right: 0;}
.hero-text-bg .sub-title{margin-bottom: 8px}
}