/* ===================== HERO ===================== */
.hero{background:#0C2577; position:relative; padding:120px 0 100px; overflow:hidden; text-align:center;}
.hero h1{font-size:110px; line-height:.6;}
.image-border {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
box-shadow: 0 20px 50px rgba(230, 230, 230, 0.25);
}
.fs-130 {font-size: 76px;}
.fs-112 {
  font-size: 76px;
}
.z-9999 img{z-index:999; position:relative;}

.fs-90 {
  font-size: 47px;
}
.image-border::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(212, 197, 185, 0.6); /* warm luxury tone */
  border-radius: 12px;
}
/* =============================
   TOP BAR STYLING
============================= */

.top-bar {
    background: #0f1f5c; /* slightly darker than main header */
}

.top-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}

.top-item {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    transition: 0.3s ease;
}

.top-item:hover {
    opacity: 0.8;
}

/* =============================
   MOBILE RESPONSIVE
============================= */

@media (max-width: 767px) {

    .top-inner {
       
        align-items: center;
    gap: 21px;
        text-align: center;
    }
	.wp-block-heading.has-text-align-center.h1.pb-4.my-xl-5.text.fs-130.has-white-color.has-text-color.has-link-color.wp-elements-92dadb8a235cf46b992779d6125f6efd {
  margin-top: 40px;
}

    /* Hide LinkedIn text on mobile */
    .linkedin-text {
        display: none;
    }

    .top-item {
        font-size: 13px;
    }
}

.pdf-comon {
  position: relative;
  background: #ffffff;
  border-radius: 14px;
  padding: 22px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  transition: all 0.35s ease;
  overflow: hidden;
  cursor: pointer;
}
.round {
    width: 65px;
    height: 65px;
    background: #a0bef3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.round i {
    color: #0c2577;
    font-size: 22px;
}
.round p {
  margin-bottom: 0px;
}
.pdf-comon img {
  transition: transform 0.35s ease;
}
.darley-image-wrap{
    position: relative;
}

/* Decorative Shapes */
.bg-shape{
    position: absolute;
    z-index: 1;
}

.bg-shape.one2{
    left: -40px;
    bottom: -40px;
}

.bg-shape.two2{
    right: -40px;
    top: -40px;
}

.darley-image-wrap{
    position: relative;
}

/* Decorative Shapes */
.bg-shape2{
    position: absolute;
    z-index: 1;
}

.bg-shape.one2{
    left: -40px;
    bottom: -40px;
    width: 140px;
    height: 140px;
    background: #1f4e8c;
    border-radius: 20px;
}

.bg-shape.two2{
    right: -40px;
    top: -40px;
    width: 140px;
    height: 140px;
    border: 4px solid #1f4e8c;
    border-radius: 20px;
}

/* IMAGE CONTAINER DEFAULT */
.darley-image2{
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* ===== MULTIPLE IMAGES ===== */
.col-md-6 .darley-image2{
    height: 260px;
}

.col-md-6 .darley-image2 img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* removes white space */
}


/* ===== SINGLE IMAGE ===== */
.col-12 .darley-image2{
    height: 320px;
}

.col-12 .darley-image2 img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* important */
}

.image-w-100 .darley-image2{
    width: 100%;
    height: 595px;   /* you can adjust */
    overflow: hidden;
}

.image-w-100 .darley-image2 img{
    width: 100%;
    height: 595px;
    object-fit: cover;
    display: block;
}
.woocommerce ul.products {
  
  justify-content: center;
}





/* Image Box */
.col-12 .darley-image2{
    position: relative;
    width: 100%;
    
    overflow: hidden;
    border-radius: 8px;
    z-index: 2;
}



.pdf-comon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.03),
    rgba(0, 0, 0, 0.12)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none; /* 👈 THIS FIXES IT */
}
/* =========================
   NEWS DETAIL BANNER
   ========================= */


.MainBanner3 .banner-image {
  width: 100%;
  height: 420px;
  overflow: hidden;
  border-radius: 14px;
}

.MainBanner3 .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Title styling */
.MainBanner3 h1 {
 
  line-height: 1.2;
	font-size: 113px;
}
.MainBanner3 .banner-caption h1{  color: #fff;
  line-height: 1.2;
	font-size: 113px;}
/* Mobile */
@media (max-width: 768px) {
  .MainBanner3 {
    padding: 0px 0;
  }
	.MainBanner3 h1 {
  line-height: 1.2;
  font-size: 64px;
}
.ms-5 {
  margin-left: 10px !important;
  margin-top: 30px;
}
	.woocommerce ul.products::before {
  
  display: none;
}
.MainBanner3 .banner-caption h1 {
  color: #fff;
  line-height: 1.2;
  font-size: 71px;
}
  .MainBanner3 .banner-image {
    height: 260px;
    margin-bottom: 20px;
}}


/*************************contact Page **********************/

/* =========================
   CONTACT PAGE FORM
   ========================= */

.contact-page .wpcf7-form {
  max-width: 100%;
}
.gqf-form-style-true .wpcf7 form > div span {
  display: inline-block;
 
	padding-left: 3px !important;}
.gqb_hidden_field.gqb_product_title {
  margin-top: 28px !important;
}
/* Headings */
.contact-page h2,
.contact-page h3 {
  color: #0d2b7b;
  margin-bottom: 20px;
}

/* Labels */
.contact-page .wpcf7-form label {
  font-weight: 600;
  color: #0d2b7b;
  display: block;
  margin-bottom: 6px;
}

/* Inputs & textarea */
.contact-page .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  padding: 14px 16px;
  border-radius: 6px;
  border: 1px solid #cfd5e1;
  background: #fff;
  font-size: 15px;
  transition: all 0.25s ease;
}

/* Textarea */
.contact-page textarea {
  min-height: 160px;
  resize: vertical;
}

/* Focus state */
.contact-page .wpcf7-form-control:focus {
  border-color: #0d2b7b;
  box-shadow: 0 0 0 3px rgba(13, 43, 123, 0.15);
  outline: none;
}

/* Paragraph spacing */
.contact-page .wpcf7-form p {
  margin-bottom: 18px;
}

/* Checkbox containers */
.contact-page .myConsent {
  margin-top: 14px;
}

.contact-page .wpcf7-checkbox,
.contact-page .wpcf7-acceptance {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-page .wpcf7-list-item {
  margin: 0;
}

/* Checkbox input */
.contact-page input[type="checkbox"] {
  margin-right: 8px;
  accent-color: #0d2b7b;
}

/* Consent text */
.contact-page .myConsent em {
  font-size: 14px;
  color: #555;
  line-height: 1.4;
}

/* Submit button */
.contact-page .wpcf7-submit {
  background: #0d2b7b;
  color: #fff;
  padding: 14px 42px;
  border-radius: 30px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover */
.contact-page .wpcf7-submit:hover {
  background: #091f57;
  transform: translateY(-2px);
}

/* Disabled button */
.contact-page .wpcf7-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* Spinner alignment */
.contact-page .wpcf7-spinner {
  margin-left: 10px;
}

/* Thank you message */
.contact-page .thankYou {
  display: none;
  padding: 30px;
  background: #f1f5ff;
  border-radius: 10px;
  margin-top: 20px;
}

.contact-page .thankYou h3 {
  color: #0d2b7b;
}

/* Mobile */
@media (max-width: 768px) {
  .contact-page .wpcf7-form {
    max-width: 100%;
  }
}

/***************************************************************?
/* hover */
.pdf-comon:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.22);
}

.pdf-comon:hover img {
  transform: scale(1.06);
}

.pdf-comon:hover::after {
  opacity: 1;
}

/* slanted white divider */
.hero::after{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:140px; background:#fff; clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);}

/* ===================== FEATURES ===================== */
.feature-icon{width:64px; height:64px; background:#0C2577; border-radius:16px; margin-bottom:15px; display:flex; align-items:center; justify-content:center;}
.feature-title{font-size:20px; margin-bottom:4px;font-family: "Poppins", sans-serif;}
 
.products-wrap{background:#0b2a6f; position:relative; padding:120px 0 100px; color:#fff; clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);}
.PAb{position: absolute; left: 0px; bottom: 0px; padding:25px 20px;}
 
 /* =============================== DARLEY BUTTER SECTION ================================ */

.badge-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eef5ff;
    color:#0b2a6f;
    padding:8px 16px;
    border-radius:30px;
    font-size:14px;
    font-weight:500;
    margin-bottom:20px;
}
 .features{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.feature-item{ max-width:160px;}
.feature-icon{
    width:52px;
    height:52px;
    border-radius:14px;
    background:#0b2a6f;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    margin-bottom:14px;
}
 
.darley-image-wrap{position:relative; display:flex;justify-content:center;}
.bg-shape{position:absolute;border-radius:24px;}
.bg-shape.one{width:224px;height:224px; left:-0px; bottom:-20px; background-color:#085BA6;z-index: -1;}
.bg-shape.two{width:160px; height:160px; right:-33px;top:40px; border: solid 8px #085BA6;z-index: -1;}
.darley-image{
    position:relative; margin:0px 20px;
    background:#fff;
    padding:4px;
    box-shadow:0 25px 45px rgba(0,0,0,.15);
}
.darley-image img{ width:100%; max-width:652px;}

  


 /* =============================== LATEST NEWS================================ */
.latest-news-section{
    position: relative;
    background: #c7d9f3;
    padding: 120px 0 160px;
    overflow: hidden;
}

/* TOP diagonal (already OK in your design) */
.latest-news::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 65%, 0 100%);
}

/* ✅ BOTTOM diagonal – THIS WAS WRONG EARLIER */
.latest-news::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: #fff;
    clip-path: polygon(0 0, 100% 35%, 100% 100%, 0 100%);
}

.latest-news-section a{font-size: 16px;font-family: "Poppins", sans-serif;  font-weight:500; color: #0C2577 !important;}





 
/* Footer */
.site-footer{
    position: relative;
    background: #0b2a78; /* dark blue */
    padding:90px 0 0px; /* top zyada space */
    color: #fff;
    overflow: hidden; font-size: 16px;color: #B1C8EE;
}

/* TOP diagonal (white → blue transition) */
.site-footer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.site-footer h6, .site-footer .h6 {font-size:18px;font-family: "Poppins", sans-serif; }
.footer-links li{margin-bottom: 10px;}

.footer-links a{
    color: #B1C8EE;
    font-size: 14px;
    text-decoration: none;
}

.footer-links a:hover{
    color: #fff;
}

/* Social */
.footer-social a{
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    margin-right: 8px;
    text-decoration: none;
    font-size: 16px;
}
.footer-social a:hover{background: rgba(255,255,255,0.8);color: #000;}

/* Certifications */
.cert-box{background:rgba(255,255,255,0.1); border: solid 1px rgba(255,255,255,0.2); border-radius:14px; padding:25px; font-size:14px;}


.footer-bottom{font-size: 14px; color: #B1C8EE; font-family: "Poppins", sans-serif;}
.bgBtm{background-color: #0A1E5F;} 


 
/* Responsive tweaks */
@media(max-width:991px){.features{gap:25px;}}
@media (min-width: 1920px){.container {max-width:1420px !important;}
.Homebnr img {height:800px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:right;}
}

@media (min-width: 1600px) {.container {max-width:1420px;} 
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
.MainBanner h1{font-size:60px;} .ServicesArea h4{padding-top: 30px;}.choose-card {padding:30px 80px;}
}

@media (min-width: 1400px) {.container-lg {max-width:1400px;}}
@media (min-width: 768px) and (max-width: 991.98px) {.darley-image-wrap{margin-top:50px;} .latest-news-section{padding: 90px 0;} }

@media (max-width: 767.98px) {.features{flex-direction:column;}.hero h1{font-size:39px;}.hero{padding:70px 0;} h1, .h1 {font-size:38px;}
@media (max-width:575px){body {font-size:16px;}.MainBanner .carousel-caption{position:static; background:#000; padding:15px 0px;} .MainBanner h1{font-size:30px;}h2, .h2 {font-size:28px;}.bg-shape.one{width:224px;height:224px; left:-0px; bottom:-20px; background-color:#085BA6;z-index: -1;display: none;}
.bg-shape.two{width:160px; height:160px; right:-33px;top:40px; border: solid 8px #085BA6;z-index: -1;}
	.ps-5 {padding-left:20px !important; padding-top: 30px;} .pt-sm-5{margin-top:50px !important;}
	}