/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    https://wordpress.org/themes/twentyseventeen/
 Description:  Child theme for Twenty Seventeen
 Author:       Resourcifi
 Template:     twentyseventeen
 Version:      1.0.0
*/

/* Add your custom styles below */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Inria Serif',serif;
}
.site-header {
    width: 100%;
    background: #F6F6F6;
    position: fixed;
    z-index: 99;
    top: 0;
}

.header-inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 120px;

  display: flex;
  align-items: center;
 justify-content: space-between;
}

/*slider*/

/* Slider section wrapper */
.slider-section {
    position: relative;
    width: 100%;
}

/* Each slide */
.child-slider .slide {
    position: relative;
    height: 600px; /* adjust slide height */
    background-size: cover;
    background-position: center;
}

/* Top-to-bottom dark overlay */
/*.child-slider .slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
    z-index: 1;
}*/

/* Bottom-to-top dark overlay */
.child-slider .slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; /* bottom overlay height */
    background: linear-gradient(360deg, #1F2A44 0%, rgba(31, 42, 68, 0) 86.95%);
    z-index: 1;
}

/* Slide content box */
.child-slider .slide .slide-content {
    position: absolute;
    top: 180.5px;
    left: 239.81px;
    max-width: 1200px;
    height: 199px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    color: #fff;
    z-index: 2; /* above overlays */
    text-align: left;
    opacity: 1;
}

/* Slide heading */
.child-slider .slide .slide-content h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1.2;
}

/* Slide description */
.child-slider .slide .slide-content p {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
}

/* Slick slider dots & arrows */
.child-slider .slick-dots {
    bottom: 20px;
}

.child-slider .slick-arrow {
    z-index: 3;
}
.slide-content h2{
	color: #fff;
}
@media screen and (min-width: 30em) {
    .site-branding {
        padding: 1em 0;
    }
}
/* ===== Slide Cut Section ===== */
.scb-section {
  display: flex;
  align-items: center;
  position: relative;
  background-color: #0f172a;
  color: #ffffff;
  overflow: hidden;
}

/* Diagonal / slide-cut background */
.scb-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #4778B4;
  transform: skewX(-6deg);
  transform-origin: top left;
  z-index: 0;
}

/* Content area */
.scb-content {
  flex: 1;
  padding: 0 30px 0 240px;
  position: relative;
  z-index: 1;
}

/* 3 columns */
.scb-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

/* Individual column */
.scb-column {
  background: transparent;
}

.scb-heading {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.scb-text {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    font-weight: 500;
}

/* Image area */
.scb-image-wrap {
  position: relative;
  z-index: 1;
}

.scb-image {
  width: 100%;
  border-radius: 14px;
  display: block;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
  .scb-section {
    flex-direction: column;
  }

  .scb-columns {
    grid-template-columns: 1fr;
  }

  .scb-content {
    padding: 60px 30px;
  }

  .scb-image-wrap {
    padding: 40px 30px 60px;
    text-align: center;
  }
}
/* Divider between columns */
.scb-column {
  position: relative;
  padding: 0 24px;
}

/* Vertical border except last column */
.scb-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  width: 1px;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.25);
}

/* Remove dividers on mobile */
@media (max-width: 900px) {
  .scb-column {
    padding: 20px 0;
  }

  .scb-column::after {
    display: none;
  }
}
h3.scb-heading {
    font-size: 56px;
    color: #fff;
    line-height: 120px;
    font-weight: 700;
}

/* ===== About Us Section ===== */
.aus-section {
  background-color: #F6F6F6;
  color: #5A738A;
  padding: 120px 0;
}

.aus-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr 3.4fr;
  align-items: center;
  gap: 48px;
}

/* Left Column */
.aus-title {
    font-size: 24px;
    color: #1F2A44;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    padding: 0;
    line-height: 120%;
}

.aus-description {
    font-size: 16px;
    line-height: 1.7;
    color: #5A738A;
}

/* Right Column */
.aus-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* Sub Columns */
.aus-stat {
  padding: 0 24px;
}

/* Vertical dividers */
.aus-stat:not(:last-child) {
  border-right: 1px solid rgb(54 53 53 / 25%)
}

.aus-stat-heading {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #4778B4;
  font-family: 'Inter',serif;
}

.aus-stat-text {
  font-size: 16px;
  line-height: 1.5;
  color: #5A738A;
}

/* ===== Responsive ===== */
@media (max-width: 1000px) {
  .aus-wrapper {
    grid-template-columns: 1fr;
  }

  .aus-stats {
    grid-template-columns: repeat(2, 1fr);
    border-left: none;
    border-top: 1px solid rgb(54 53 53 / 25%)
  }

  .aus-stat {
    padding: 24px;
  }

  .aus-stat:not(:last-child) {
    border-right: none;
  }

  .aus-stat {
    border-bottom: 1px solid rgb(54 53 53 / 25%)
  }
}
.aus-left p span {
    color: #4778B4;
    font-weight: 700;
    font-size: 16px;
}
.aus-label {
  margin-bottom: 12px;
}

.aus-label-text {
  position: relative;
  display: inline-flex;
  align-items: center;
  letter-spacing: 1px;
  color: #38bdf8;
  padding-right: 26px; /* space for image */
}

/* Image after text */
.aus-label-text::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/12/Line-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 89%;
    right: 0;
}
/* ===== Services Section ===== */
.srv-section {
  position: relative;
  background-color: #F6F6F6;
  color: #ffffff;
}

/* Image Row */
.srv-image-row {
  height: 380px;
  overflow: hidden;
}

.srv-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content Row */
.srv-content-row {
  position: relative;
  margin-top: -240px; /* overlap effect */
  z-index: 2;
}

.srv-content-inner {
  max-width: 1440px;
  margin: 0 auto;
  background: transparent;
}

/* Header */
.srv-header {
    display: flex;
    justify-content: space-between;
    gap: 420px;
}
.srv-header h2 {
    font-size: 24px;
    font-family: 'Inter', sans-serif;
    color: #fff;
    font-weight: 700;
}
.srv-title {
  font-size: 36px;
  margin-bottom: 14px;
}

.srv-description {
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
    margin-bottom: 40px;
}

/* Columns */
.srv-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.srv-column {
    text-align: left;
    background: #F6F6F6;
    box-shadow: 0px 8px 16px 0px #00000014;
    padding: 32px;
}

.srv-column h3 {
    color: #1F2A44;
    font-size: 24px;
    font-family: 'Inter', sans-serif;
    border-bottom: 2px solid #4778B4;
    padding-bottom: 20px;
}

.srv-column-text {
  font-size: 16px;
  line-height: 1.6;
  color: #5A738A;
}

/* ===== Responsive ===== */
@media (max-width: 1000px) {
  .srv-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .srv-content-row {
    margin-top: -80px;
  }

  .srv-columns {
    grid-template-columns: 1fr;
  }

  .srv-content-inner {
    padding: 40px 25px;
  }
}
.srv-content-inner p span {
    color: #fff;
}

/* ===== Commercial Section ===== */
.com-section {
  background-color: #F6F6F6;
  color: #ffffff;
  padding: 120px 0;
}

.com-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

/* Header */
.com-header h2 {
    font-size: 24px;
    font-family: 'Inter', sans-serif;
    color: #1F2A44;
    font-weight: 700;
    line-height: 120%;
}
.com-header .aus-label-text{
    color: #4778B4;
    font-weight: 700;
}
.com-title {
  font-size: 36px;
  margin-bottom: 14px;
}

.com-description {
  font-size: 16px;
  line-height: 1.7;
  color: #5A738A;
}

/* Grid */
.com-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Image column */
.com-image {
  width: 100%;
  object-fit: cover;
}

/* Info columns */
.com-info-col {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.com-info-box {
  display: grid;
  gap: 16px;
  align-items: start;
}

.com-icon {
    object-fit: contain;
    background: #4778B41A;
    border-radius: 50%;
    width: auto;
    padding: 10px;
}

.com-info-title {
    font-size: 24px;
    margin-bottom: 6px;
    font-family: 'Inter', sans-serif;
    color: #1F2A44;
    font-weight: 400;
}

.com-info-text {
  font-size: 16px;
  line-height: 1.6;
  color: #5A738A;
  grid-column: 2 / -1;
  font-family: 'Inter', sans-serif;
}

/* ===== Responsive ===== */
@media (max-width: 1000px) {
  .com-grid {
    grid-template-columns: 1fr;
  }

  .com-header {
    text-align: left;
  }

  .com-info-col {
    gap: 24px;
  }
}
.contact-section {
  padding: 80px 20px;
  background-color: #1F2A44;
}

.contact-container {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 120px;
  align-items: center;
}

.contact-form a,
.contact-info a{
  color: #fff;
  text-decoration: underline;
}
.contact-info h2 {
  margin-bottom: 15px;
  font-size: 24px;
  padding: 0;
  font-weight: 700;
  font-family: 'Inter',serif;
  color: #fff;
}

.contact-info p {
  margin-bottom: 25px;
  color: #bdbdbd;
  font-size: 16px;
  font-family: 'Inter',serif;
}

.info-block h4,.contact-form h4 {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 400;
  font-family: 'Inter',serif;
  color: #fff;
}

.info-block p {
  margin-bottom: 20px;
  color: #bdbdbd;
  font-size: 16px;
  font-family: 'Inter',serif;
}
.info-block {
    padding: 40px 0;
}
.info-block:nth-of-type(1) {
  border-bottom: 2px solid #4A5367;
  padding: 40px 0;
}
.contact-info span{
  color: #fff;
  font-weight: 700;
}
/* Responsive */
@media (max-width: 768px) {
  .contact-container {
    grid-template-columns: 1fr;
  }
}

.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 14px 15px 14px 45px;
  border: 1px solid #4A5367;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  background: #2F3951;
}
.wpcf7-form input[type="submit"] {
    background: #4778B4;
    border: 0;
    font-weight: 400;
    font-family: 'Inter';
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder{
  color: #fff;
}
.wpcf7-form p {
  position: relative;
  margin-bottom: 20px;
}

/* Name icon */
.wpcf7-form p:nth-of-type(1)::before {
  content: "\f007";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 999;
}

/* Email icon */
.wpcf7-form p:nth-of-type(2)::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 999;
}
/* Message icon */
.wpcf7-form p:nth-of-type(3)::before {
  content: "\f075";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 15px;
  top: 18px;
  color: #fff;
  z-index: 999;
}
.wpcf7 form .wpcf7-response-output{
  color: red;
}

.site-footer{
  margin:0;
}
.site-info p,.site-info{
  margin-bottom: 0;
  padding: 0;
  color: #fff;
}
.site-footer .wrap{
  max-width: 1440px;
  padding: 16px 0;
}
footer#colophon {
    background: #4778B4;
    border: 0;
}
.com-header .aus-label-text::after{
  content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: -webkit-fill-available;
    background-image: url(/wp-content/uploads/2025/12/Line-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 70%;
    right: 0;
}
.main-navigation a:focus{
  outline: none;
    text-decoration: none;
}
.com-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.com-image-col {
    overflow: hidden;
    min-width: 0;
}

.com-slider {
    width: 100%;
    overflow: hidden;
}

.com-slider .slick-list {
    overflow: hidden !important;
}

.com-slider .slick-slide img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}