/* -- Sec Titles Headings Style -- */ .kc-sec { position: relative; display: flex; width: 100%; height: auto; background: var(--kclightcolor); margin: 0 auto; padding: 30px 0; overflow: hidden; box-sizing: border-box; } .kc-sec-head-title { position: relative; text-align: center; padding-bottom: 30px; } .kc-sec-head-title h2, .kc-sec-head-title h3, .kc-sec-head-title h4, .kc-sec-head-title .no-heading { position: relative; font-family: "Oswald", sans-serif; font-size: 35px; font-weight: 400; text-align: center; color: var(--kcdarkcolor); text-transform: uppercase; line-height: 45px; margin-bottom: 10px; } .kc-section-desc, .kc-section-desc h2 { display: inline-block; font-family: "Open Sans", sans-serif; font-size: 17px; font-weight: normal; text-transform: capitalize; text-align: center; color: #606060; margin-bottom: 20px; } .kc-title-style { width: 12px; height: 12px; border-radius: 50%; margin: 5px auto 20px; position: relative; border: 1px solid var(--kcprimarycolor); } .kc-title-style::before, .kc-title-style::after { content: ""; position: absolute; height: 2px; width: 60px; bottom: 5px; background: var(--kcprimarycolor); } .kc-title-style::after { right: -70px; } .kc-title-style::before { left: -70px; } .kc-title-style.whiteStyle { border: 1px solid #fff !important; } .kc-title-style.whiteStyle::before, .kc-title-style.whiteStyle::after { background: #fff !important; }