@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//bcep.it.idolcodesource.in/wp-content/themes/bcep/assets/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//bcep.it.idolcodesource.in/wp-content/themes/bcep/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");
}
@font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//bcep.it.idolcodesource.in/wp-content/themes/bcep/assets/fonts/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");
}
@font-face {
font-family: "Playfair Display";
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//bcep.it.idolcodesource.in/wp-content/themes/bcep/assets/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf) format("truetype");
}.mobile-menu-list {
display: flex;
flex-direction: column;
}
.mobile-menu-list li {
border-bottom: 1px solid #e5e7eb;
}
.mobile-menu-list li a {
display: block;
padding: 12px 8px;
font-size: 14px;
font-weight: 500;
color: #334155;
}
.mobile-menu-list li.current-menu-item a,
.mobile-menu-list li.current_page_item a {
color: #0f172a;
}
#mobile-menu .menu-item a {
padding: 12px 8px;
display: block;
border-bottom: 0px solid #f3f6fb;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.wpcf7 input:focus,.wpcf7 textarea:focus, .wpcf7 select:focus{
outline: unset;
border-color: #b08968;
}
.header-logo{
height: 47px;
}
.header-logo a {
display: inline-flex;
align-items: center;
max-width: 180px;
height: 47px;
}
.site-logo {
display: block;
width: 100%;      
height: auto;   
}
.menu-item a {
display: block;
}
.footer-logo{
max-width: 200px;
margin-top: -7px;
}
.faq-item {
border-color:#e3e3e3;
border-radius: 5px;
cursor: pointer;
}
.faq-toggle{
cursor: pointer;
}
.faq-item.active .faq-toggle span {
color: #fff;
}
.faq-item.active .faq-toggle{
background: #b08968;
}
.faq-icon {
transition: transform 0.3s ease;
}
.faq-icon.rotate-180 {
transform: rotate(180deg);
}
.faq-content{
border-top-color:#e3e3e3;
}
@media screen and (max-width:600px){
.header-logo a {
max-width: 155px;
}
} .embla {
overflow: hidden;
position: relative;
}
.embla__viewport {
overflow: hidden;
}
.embla__container {
display: flex;
}
.embla__slide {
flex: 0 0 100%;
min-width: 0;
position: relative;
}
.banner-slide {
position: relative;
height: 75vh;
min-height: 600px;
max-height: 850px;
overflow: hidden;
}
.banner-slide video,
.banner-slide img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-slide > .relative {
position: relative;
z-index: 5;
height: 100%;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.banner-slide {
height: 65vh;
min-height: 500px;
}
}
@media (max-width: 768px) {
.banner-slide {
height: 500px;
min-height: 500px;
}
}
.embla__dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 12px;
z-index: 20;
}
.embla__dot {
width: 32px;
height: 6px;
border: 0;
border-radius: 999px;
background: rgba(255,255,255,.4);
cursor: pointer;
transition: all .3s ease;
padding: 0;
}
.embla__dot.is-selected {
width: 52px;
background: #c79a6b;
}
.contact-card-new{
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
.contact-card-new{
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
}
.portfolio-status-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%230b1628' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 10px 7px;
padding-right: 38px;
cursor: pointer;
}
.blog-details {
color: #2c4366;
font-family: Inter, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.blog-details p,
.blog-details li {
font-size: 18px;
line-height: 1.8;
color: #2c4366;
}
.blog-details p {
margin: 0 0 22px;
}
.blog-details strong {
color: #183252;
font-weight: 700;
}
.blog-details a {
color: #a57650;
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
transition: color 0.2s ease;
}
.blog-details a:hover {
color: #725035;
} .blog-details h1,
.blog-details h2,
.blog-details h3,
.blog-details h4,
.blog-details h5,
.blog-details h6 {
color: #183252;
font-family:"Playfair Display","Source Serif 4",Georgia,serif;
font-weight: 750;
line-height: 1.25;
letter-spacing: -0.025em;
}
.blog-details h2 {
margin: 55px 0 20px;
font-size: clamp(30px, 4vw, 42px);
}
.blog-details h3 {
position: relative;
margin: 52px 0 22px;
font-size: clamp(25px, 3vw, 32px);
text-transform: none;
}
.blog-details h4 {
margin: 38px 0 15px;
font-size: clamp(21px, 2.5vw, 25px);
}
.blog-details h5 {
margin: 42px 0 16px;
font-size: clamp(20px, 2.5vw, 24px);
} .blog-details h1 + p:has(> br:only-child),
.blog-details h2 + p:has(> br:only-child),
.blog-details h3 + p:has(> br:only-child),
.blog-details h4 + p:has(> br:only-child),
.blog-details h5 + p:has(> br:only-child),
.blog-details h1 + p:has(> span:only-child),
.blog-details h2 + p:has(> span:only-child),
.blog-details h3 + p:has(> span:only-child),
.blog-details h4 + p:has(> span:only-child) {
display: none;
} .blog-details img {
display: block;
width: 100%;
height: auto;
margin: 32px 0 38px;
object-fit: cover;
}
.blog-details figure {
margin: 32px 0 38px;
}
.blog-details figure img {
margin: 0;
}
.blog-details figcaption {
margin-top: 12px;
color: #718096;
font-size: 14px;
line-height: 1.6;
text-align: center;
} .blog-details ul,
.blog-details ol {
margin: 0 0 28px;
padding-left: 28px;
}
.blog-details ul {
list-style: none;
}
.blog-details ul > li {
position: relative;
margin-bottom: 12px;
padding-left: 9px;
list-style: disc;
}
.blog-details ul li p,
.blog-details ol li p {
margin-bottom: 0;
} .blog-details li:empty {
display: none;
} .blog-details blockquote {
position: relative;
margin: 36px 0;
padding: 25px 36px 25px 44px;
color: #243f63;
background: linear-gradient(
135deg,
rgba(176, 137, 104, 0.14),
rgba(176, 137, 104, 0.04)
);
border: none;
border-radius: 16px;
}
.blog-details blockquote::before {
position: absolute;
top: 14px;
left: 10px;
color: #b08968;
font-family: Georgia, serif;
font-size: 58px;
font-weight: 700;
line-height: 1;
content: "“";
opacity: 0.45;
}
.blog-details blockquote div,
.blog-details blockquote p {
position: relative;
z-index: 1;
margin: 0;
color: #243f63;
font-size: 21px;
font-weight: 600;
font-style: italic;
line-height: 1.7;
}
.blog-details blockquote span {
color: inherit;
}
@media (max-width: 767px) {
.blog-details blockquote {
padding: 25px 36px 25px 44px;
}
.blog-details blockquote::before {
top: 14px;
left: 10px;
}
}