@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
body {
    color: #282F35;
}
.navbar-brand img {
    max-width: 187px;
    width: 100%;
}
.kanit-regular, body, .container {
    font-family: "Kanit", serif;
    font-weight: 400;
    font-style: normal;
}
  
.kanit-medium {
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: normal;
}
  
.kanit-semibold {
    font-family: "Kanit", serif;
    font-weight: 600;
    font-style: normal;
}
  
.kanit-bold {
    font-family: "Kanit", serif;
    font-weight: 700;
    font-style: normal;
}
.navbar-nav .nav-link {
    color: #282F35;
}
.btn-primary-g.btn {
    background-color: #00BF04;
    border-color: #00BF04;
    color: #fff;
}
.btn-primary-g.btn:hover, .btn-primary-g.btn:active {
    background-color: #038d05;
    border-color: #038d05;
    color: #fff;
}
section {
    padding: 5rem 0;
}
.bg-main {
    position: relative;
    background-image: url(../img/new-design/main-img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}
.bg-main .container {
    z-index: 2;
    position: relative;
}
.bg-main:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    background: rgb(244,255,244);
    background: linear-gradient(302deg, rgba(244,255,244,0) 0%, rgba(11,33,45,0.896796218487395) 48%, rgba(11,33,45,0.8463760504201681) 100%);
    opacity: .6;
}
.fs-18 {
    font-size: 18px;
}
.ul-solar-main {
    padding-left: 0;
}
.ul-solar-main li {
    position: relative;
    list-style-type: none;
    padding-left: 26px;
}
.ul-solar-main li:before {
    content: '';
    background-image: url(../img/SunIconBulletpoint.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 6px;
}
.form-wrap-c {
    background-color: white;
    padding: 20px;
}
.color-primary {
    color: #0A70B1;
}
.bg-primary {
    background-color: #0A70B1;
}
.form-wrap-c {
    background-image: url(../img/new-design/bg-quote.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 24px;
    max-width: 482px;
}
.custom-rounded {
    border-radius: 10px !important;
}
.icon-time-solar {
    width: 95px;
}
.card-custom {
    border-color: #E9E9E9;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1);
    height: 100%;
}
.text-666 {
    color: #666;
}
.left-40 {
    left: -40px;
}
.card-custom p:last-child {
    margin-bottom: 0;
}
.bg-gray {
    background-color: #FBFBFB;
}
.blog-post-link {
    color: #282F35;
    text-decoration: none;
    border: 1px solid #ECECEC;
}
.blog-post-link:hover {
    color: #282F35;
}
.blog-post-link .img-outer {
    display: inline-block;
    min-width: 42%;
}
.blog-post-link p {
    opacity: .8;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.blog-post-link p.desc-main {
    -webkit-line-clamp: 6;
}
.blog-post-link-big {
    height: 100%;
}
footer .links-footer a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    text-align: start;
    padding-bottom: 10px;
}
.min-h-500 {
    min-height: 500px;
}
.footer-logo {
    max-width: 152px !important;
    width: 100%;
    display: inline-block;
}
.logo-footer {
    max-width: 356px;
}
footer.bg-primary {
    background-color: #0A70B1 !important;
}
.navbar-nav {
    /* max-width: 420px; */
    margin: 0 auto;
}
.user-img-outer {
    width: 34px;
    height: 34px;
    display: inline-block;
}
.user-img-outer:not(:first-child) img {
    position: relative;
    left: -15px;
}
.user-img-outer:nth-child(3) img {
    left: -30px;
}
.user-img-outer:nth-child(4) img {
    left: -45px;
}
button.navbar-toggler {
    font-size: 2.25rem;
}
button.navbar-toggler:focus {
    box-shadow: none;
}
.card-custom p.card-head {
    font-size: 24px;
    line-height: 44px;
    font-weight: 500;
    color: rgba(40, 47, 53, 1);
}
.card-custom p:last-child {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.fw-medium {
    font-weight: 500 !important;
}
.fw-semibold {
    font-weight: 600 !important;
}
div .news_tracking_cta_link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.footer-col-2 .links-footer p {
    font-weight: 700;
}
@media (min-width: 992px) {
    .navbar-nav {
        max-width: 360px;
    }
}
@media (max-width: 767.98px) {
    .bg-main h1.main-title {
        font-size: 34px;
    }
}
@media (max-width: 991.98px) {
    section {
        padding: 2rem 0;
    }
}