@font-face {
    font-family: 'Inter';
    src: url(fonts/Inter-Regular.ttf);
}
/* common code starts here */
:root {
    --brand-color: #007A56;
    --dark-color: #000;
    --soft-dark: #0A1D32;
    --light-color: #fff;
    --soft-light: #F8F4F0;
    font-size: 10px;
    --transition: .5s linear;
}
*{
    font-family: 'Inter', sans-serif;
}
.container {
    min-width: 400px;
    max-width: 1140px;
}
.btn {
    color: var(--light-color) !important;
    font-size: 1.6rem;
    border-radius: 8px;
    padding: 4px 12px !important;
    border: 1px solid transparent;
    background: var(--brand-color);
    transition: var(--transition);
}
.btn:hover {
    color: var(--dark-color) !important;
    border: 1px solid var(--brand-color);
    background: transparent;
}
.mt-8{
    margin-top: 8rem;
}
.my-8{
    margin-top: 8rem;
    margin-bottom: 8rem;
}
/* common code ending here */
/* nav section starts here */
nav .navbar-brand i {
    color: var(--brand-color);
    font-size: 3rem;
    transition: var(--transition);
}
nav .navbar-brand span {
    color: var(--dark-color);
    font-size: 2.8rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: var(--transition);
    border-bottom: 2px solid transparent;
}
nav .navbar-brand:hover i {
    color: var(--dark-color);
}
nav .navbar-brand:hover span {
    color: var(--brand-color);
    border-bottom: 2px solid var(--brand-color);
}
.navbar .navbar-toggler {
    font-size: 2rem;
}
.navbar .nav-link,
.navbar .dropdown-item {
    color: var(--dark-color);
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0px 5px;
    transition: var(--transition);
}
.navbar .dropdown-item {
    margin: 0px 0px;
}

.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .dropdown-item:hover {
    color: var(--brand-color);
}
/* nav section ending here */
/* header section starts here */
 .content-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: calc(4.5rem + 1.5vw);
}
 .content-area h1 {
    font-size: calc(4.5rem + 1.5vw);
    font-weight: 700;
    line-height: 1.1;
}
 .content-area p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 2rem 0px;
}

/* header section ending here */
/* best services section starts here */
.services{
    background: var(--soft-light);
}
.services-btn a{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
/* best services section ending here */
/* about-us & latest news section starts here */
.content-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: calc(4.5rem + 1.5vw);
}
.about-us .content-area h1, 
.latest-news .content-area h1 {
    font-size: calc(2.5rem + 1.5vw) !important;
    font-weight: 600;
    line-height: 1.1;
}
 .content-area p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 2rem 0px;
}
/* about-us & latest news section ending here */
/* why us section starts here */
.why-us{
    background: var(--soft-light);
}
.why-us .bi-shield-fill-check{
    font-size: calc(4.5rem + 1.5vw);
    color: var(--brand-color);
}
/* why us section ending here */
/* emailsection starts here */
.email-section p{
    font-size: calc(.6rem + .8vw);
    line-height: 1.3;
}
.email-section .email-form{
    display: flex;
    justify-content: center;
    align-items: center;
}
.email-section .email-form input{
    padding: 1rem 5.5rem 1rem 1.8rem;
    font-weight: 600 !important;
    border: 1px solid var(--brand-color);
    border-radius: 10px 0px 0px 10px;
}
.email-section .email-form .btn{
    padding: 6px 17px !important;
    border-radius: 0px 10px 10px 0px;
}
/* emailsection ending here*/
/* footer section starts here */
.main-footer{
    background: var(--soft-dark);
}
.main-footer .footer-about a{
    text-decoration: none;
    font-size: calc(2.5rem + 1vw);
    color: var(--light-color);
}
.main-footer .footer-about a i{
    color: var(--brand-color);
}
.main-footer .footer-about p{
    color: var(--light-color);
    font-size: 1.6rem;
    line-height: 30px;

}
.main-footer .footer-links h3{
    color: var(--light-color);
    font-size: calc(1.4rem + 1vw);
    margin-bottom: 1.5rem;
}
.main-footer .footer-links p{
    color: var(--light-color);
    line-height: 2;
    font-size: calc(1rem + .1vw);
}
.main-footer .footer-links ul li{
   list-style: none;
}
.main-footer .footer-links ul li a{
    text-decoration: none;
    color: var(--light-color);
    margin-bottom: 1rem;
    display: block;
    font-size: calc(1rem + .1vw);
 }
 .main-footer .footer-icon{
    color: var(--light-color);
    font-size: calc(1rem + .1vw);
 }
 .main-footer .footer-icon i{
    display: inline-block;
    margin-right: 1rem;
 }
/* footer section end */