body {
scroll-behavior: smooth;
}

.navbar-brand img {
border-radius: 5px;
}

.main_logo{
height: 150px; 
width: auto;
}

section {
padding-top: 30px;
}


/* WHO WE ARE Section */

.who-title {
text-align: left;
text-transform: uppercase;
font-size: 3rem;
line-height: 1.1;
}

.who-block {
display: block;
}

.text-highlight {
color: #FAB732;
}

/* Mission & Vision Section */
/* Decorative double quote before subtitle */
.mission-quote {
position: relative;
font-weight: bold;
text-transform: uppercase;
color: #262655;;
}

.mission-quote::before {
content: "“";          /* decorative opening quote */
font-size: 3rem;       /* larger than the subtitle text */
color: #FAB732;        /* accent color */
position: absolute;
left: -30px;           /* adjust horizontal position */
top: -10px;            /* adjust vertical alignment */
line-height: 1;
}

/* Mission & Vision Section */
.mission-vision-section {
position: relative;
background-color: #f8f9fa;
overflow: visible;
padding-top: 80px;
padding-bottom: 0;
font-family: Arial, sans-serif;
}

.mission-vision-section .container {
position: relative;
z-index: 2;
padding-bottom: 20px; /* space above gradient and image */
}

/* Diagonal gradient area (just like core-bottom-diagonal) */
.mission-bottom-diagonal {
position: relative;
width: 100%;
height: calc(50% + 35px); /* ensures full image visibility */
overflow: visible;
}

/* Add the diagonal gradient using ::before */
.mission-bottom-diagonal::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
/* height: 100%; */
height: calc(100% + 35px);
background: linear-gradient(225deg, #FAB732 0%, #FAB732 100%);
clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0 100%);
z-index: 1;
}

/* Image positioned above the gradient */
.mission-bottom-diagonal .bottom-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
  z-index: 2;
}

/* Mission & Vision Section */
.mission-vision-section {
background-color: #f8f9fa;
min-height: 60vh;
padding-top: 80px;
padding-bottom: 80px;
}

.section-title {
font-size: 2.8rem;
text-transform: uppercase;
color: #262655;
margin-bottom: 40px;
}

.text-highlight {
color: #FAB732; /* brand accent */
}

.subtitle {
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
color: #262655;;
margin-bottom: 15px;
}

.description {
font-size: 1.1rem;
line-height: 1.8;
color: #555;
}

/* Mission & Vision Section */
.mission-vision-section {
background-color: #f8f9fa;
position: relative;
overflow: visible; /* allow gradient to sit below */
padding-bottom: 0; /* we’ll handle space manually */
}
/* Content spacing */
.mission-vision-section .container {
position: relative;
z-index: 2; /* content stays above everything */
padding-bottom: 150px; /* space for diagonal + image below */
}

/* Diagonal bottom container (sits below content) */
.bottom-diagonal {
position: relative;
width: 100%;
height: 250px; /* total height of gradient area */
background: linear-gradient(225deg, #FAB732 0%, #FAB732 100%);
clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0 100%);
z-index: 1;
margin-top: -80px; /* overlaps gently under content (optional) */
display: flex;
justify-content: center;
align-items: flex-end;
padding-bottom: 20px; /* space under image */
}

/* Centered image on top of gradient */
.bottom-diagonal .bottom-image {
position: relative;
z-index: 2;
max-width: 350px;
width: 100%;
height: auto;
}

.text_262655{
color: #262655;
font-size: 30px;
}
._why_text{
font-size: 25px;
}

.why-us-gradient-bottom-to-top::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 45%;
background: #262655;
z-index: 1;
}

.why-us-gradient-bottom-to-top {
position: relative;
width: 100%;
overflow: hidden;
}

.why-us-gradient-bottom-to-top .gradient-image {
margin-bottom: 60px;
}

.section_header{
font-size: 2.8rem;
}

/* ============= Core values ============== */
.core-values-section {
position: relative;
background-color: #f8f9fa;
padding-bottom: 120px; /* space for diagonal */
}

.core-values-section {
position: relative;
background-color: #f8f9fa;
overflow: hidden;
font-family: Arial, sans-serif;
}

/* Titles */
.core-values-section .section-title {
font-size: 2.8rem;
margin: 0;
line-height: 1.2;
}

/* Core Values content */
.core-values-section p {
font-size: 1.1rem;
margin-bottom: 1rem;
}

/* Bottom Diagonal Gradient and Image */
.core-bottom-diagonal {
position: relative;
width: 100%;
height: 50%; /* adjust for how tall the gradient area should be */
overflow: visible; /* allow image to extend outside the clipped area */
}

/* Diagonal gradient as a separate pseudo-element */
.core-bottom-diagonal::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
/* height: 108%; */
height: calc(100% + 35px);
background: linear-gradient(225deg, #FAB732 0%, #FAB732 100%);
clip-path: polygon(0 0, 100% 44%, 100% 100%, 0 100%);
z-index: 1; /* below image */
}

/* Image positioned above the gradient */
.core-bottom-diagonal .bottom-image {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1200px;
    z-index: 2;
}

* Navbar base */
.navbar {
padding: 0.5rem 1rem;
background-color: #ffffff;
}

/* Navbar Brand Logo and Text */
.navbar-brand img {
display: block;
object-fit: contain;
margin-right: 2rem;
}

.navbar-brand span {
font-size: 1.2rem;
color: #262655;
}

/* Navbar Links */
.navbar-nav .nav-link {
color: #262655;
font-weight: 500;
margin-left: 1rem;
transition: color 0.3s;
font-size: 17px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
color: #fab732;
}

/* Toggler Icon Custom */
/* .navbar-toggler {
border: none;
}
.navbar-toggler-icon {
filter: invert(0.3);
} */


.navbar-toggler-icon {
display: block;
width: 24px;
height: 24px;
background: none;
position: relative;
}

/* Hamburger/X lines */
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon div {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #262655;
border-radius: 2px;
position: absolute;
left: 0;
transition: all 0.3s ease;
}

.navbar-toggler-icon::before { top: 0; }
.navbar-toggler-icon div { top: 50%; transform: translateY(-50%); }
.navbar-toggler-icon::after { bottom: 0; }

/* Hamburger state (menu closed) */
.navbar-toggler.collapsed .navbar-toggler-icon::before {
 transform: rotate(0deg) translateY(0);
}

.navbar-toggler.collapsed .navbar-toggler-icon div { opacity: 1; }
.navbar-toggler.collapsed .navbar-toggler-icon::after {
transform: rotate(0deg) translateY(0);
}

/* X state (menu open) */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
top: 50%;
transform: rotate(45deg) translateY(-40%);
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon div {
opacity: 0;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
top: 50%;
transform: rotate(-45deg) translateY(-40%);
}

/* services */


/* OUR SERVICES Section */
._who-we-are-section{
position: relative;
background-color: #f8f9fa;
overflow: visible;
padding-top: 80px;
padding-bottom: 0;
font-family: Arial, sans-serif;
}

/* Section Title */
._who-we-are-section .section-title {
font-size: 2.8rem;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 1.1;
text-align: left;
position: relative;
z-index: 10;
}

/* Gradient top diagonal */
._who_we_are-top-diagonal {
position: relative;
width: 100%;
height: 50%;
overflow: visible;
margin-bottom: 40px;
}

._who_we_are-top-diagonal::before {
content: "";
  position: absolute;
  top: -65px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #FAB732 0%, #FAB732 100%);
  -webkit-clip-path:  polygon(0 0, 100% 0, 100% 30%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 30%, 0 100%);
  z-index: 1;
}

._who_we_are-top-diagonal .top-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
  z-index: 2;
}

/* WHO WE ARE Section */

/* Top Gradient Container */

.who-top-diagonal {
position: relative;
width: 100%;
height: 400px; /* adjust height as needed */
overflow: hidden;
}

.who-top-diagonal::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top right, #FAB732 0%, #FAB732 100%);
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 45%); /* diagonal shape at bottom */
z-index: 1;
}

/* WHO WE ARE Text */
.who-line {
font-size: 3rem;
font-weight: bold;
margin: 0;
line-height: 1.2;
}

.who-line.highlight {
color: #FAB732; /* highlight color */
}

.who-description {
font-size: 1.1rem;
line-height: 1.8;
color: #262655;;
margin-bottom: 1.5rem;
}

.mission, .vision{
font-size: 20px;
}

/* OUR SERVICES Section */
.our-services-section {
position: relative;
background-color: #f8f9fa;
overflow: visible;
padding-top: 80px;
padding-bottom: 0;
font-family: Arial, sans-serif;
}

/* Section Title */
.our-services-section .section-title {
font-size: 2.8rem;
text-transform: uppercase;
color: #fff;
line-height: 1.1;
text-align: left;
position: relative;
z-index: 10;
}

/* Gradient top diagonal */
.services-top-diagonal {
position: relative;
width: 100%;
height: 50%;
overflow: visible;
margin-bottom: 40px;
}

.services-top-diagonal::before {
content: "";
position: absolute;
top: -300px;
left: 0;
width: 100%;
height: 142%;
/* background: linear-gradient(to top right, #262655 0%, #3a3f7c 100%);
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 45%); */

background: linear-gradient(135deg, #262655 0%, #262655 100%);
-webkit-clip-path: polygon(0 0px, 100% 0, 100% 30%, 0 100%);
clip-path: polygon(0 0px, 100% 0, 100% 30%, 0 100%);
z-index: 1;
}

.services-top-diagonal .top-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
  z-index: 2;
}

/* Gradient bottom diagonal */
.services-bottom-diagonal {
position: relative;
width: 100%;
height: 50%;
overflow: visible;
margin-top: 40px;
margin-bottom: 80px;
}

.services-bottom-diagonal::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
height: calc(100% + 35px);
background: linear-gradient(to top right, #262655 0%, #3a3f7c 100%);
clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0 100%);
z-index: 1;
}

.services-bottom-diagonal .bottom-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
  z-index: 2;
}

/* Service Items */
.service-item {
margin-bottom: 50px;
}

.service-item .subtitle {
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
color: #262655;;
margin-bottom: 10px;
}

.service-item .description {
font-size: 1.1rem;
line-height: 2.2;
color: #555;
margin-bottom: 10px;
}

.service-item ul {
list-style-type: disc;
padding-left: 20px;
}

/* Gradient Containers with straight-line gradients */
.gradient-bottom-to-top,
.gradient-top-to-bottom {
position: relative;
width: 100%;
overflow: hidden;
}

/* Bottom-to-Top Gradient */

.gradient-bottom-to-top::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 65%; /* half of the container */
background: #FAB732; /* solid color */
z-index: 1;
}

.gradient-top-to-bottom::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background: #FAB732; /* solid color */
z-index: 1;
}

/* Image fully visible, leaving 20px gap from bottom of gradient */
.gradient-bottom-to-top .gradient-image,
.gradient-top-to-bottom .gradient-image {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1200px;
    z-index: 2;

}

.gradient-top-to-bottom::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%; /* half of the container */
background: #FAB732; /* solid color */
z-index: 1;
}

/* Images */
.gradient-image {
display: block;
width: 100%;
width: 1200px;
height: auto; /* maintain aspect ratio */
margin: 0 auto;
position: relative;
z-index: 2;
}

/* Gap adjustments for gradient images */
.gradient-bottom-to-top .gradient-image {
margin-bottom: 20px; /* gap from bottom of gradient */
}

.gradient-top-to-bottom .gradient-image {
margin-top: 20px; /* gap from top of gradient */
}

/* Top-to-Bottom Dark Gradient Container */
.gradient-top-to-bottom-dark {
position: relative;
width: 100%;
overflow: hidden;
}

.gradient-top-to-bottom-dark::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%; /* gradient covers top half */
background: #262655; /* solid dark gradient */
z-index: 1;
}

/* Content inside gradient */
.gradient-top-to-bottom-dark .container {
position: relative;
z-index: 2;
color: #fff; /* white text for contrast on dark background */
}

/* Image touching gradient */
.gradient-top-to-bottom-dark .gradient-image-dark {
position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
  z-index: 2;
margin-top: -70px; /* touches gradient */
}

.service-item .subtitleLast {
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
color: #FAB732;
margin-bottom: 10px;
}

.gradient-top-to-bottom-dark  .service-item ul li{
  list-style: none;
  padding-left: 0;
  font-style: italic;
  font-size: 22px;
  color:#FAB732;
}

.gradient-top-to-bottom-dark  .service-item ul li::before {
content: "–";
color: #FAB732; /* optional custom color */
margin-right: 8px;
}

.gradient-top-to-bottom-dark .description{
color: white;
}

.service-item ul li{
list-style: none;
padding-left: 0;
font-style: italic;
font-size: 22px;
color:#262655  ;
}
.service-item ul li::before {
content: "–";
color: #262655; /* optional custom color */
margin-right: 8px;
}
.footer-section {
position: relative;
overflow: hidden;
background-color: #ffffff;
height: 500px; /* Fixed height ensures inner container can fill */
}

.footer-container {
position: absolute; /* Fill footer section */
bottom: 0;          /* Anchor to bottom */
left: 0;
width: 100%;
text-align: center;
z-index: 5;
padding-bottom: 30px; /* Optional padding from bottom */
}

/* Left gold cone */
.footer-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 550px;
height: 500px;
background-color: #fab732;
clip-path:path("M 0 0 L 0 120 Q 650 600 220 0 Z");
z-index: 1;
}

/* Right indigo diagonal */
/* 
.footer-section::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #262655;
clip-path: polygon(70% 0%, 100% 0%, 100% 100%);
z-index: 1;
} 
*/

/* Text and links */
.footer-section p,
.footer-section a {
  font-size: 1rem;
  margin: 0;
}

.footer-section a:hover {
text-decoration: underline;
}


.services-bottom-diagonal .bottom-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
  z-index: 2;
}


@media (max-width: 1400px) {
 ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image
 ,.services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
 .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,
 .gradient-top-to-bottom-dark .gradient-image,.why-us-gradient-bottom-to-top .gradient-image{
  max-width: 1000px;
 }
}


/* Responsive adjustments */
@media (min-width: 992px) {
  .footer-section::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #262655;
    clip-path: polygon(60% 0%, 100% 0%, 100% 100%);
    z-index: 1;
  }
   .gradient-top-to-bottom-dark .gradient-image{
    top: -100px;
   }
  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image 
  ,.core-bottom-diagonal .bottom-image,.services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,
  .gradient-bottom-to-top .gradient-image,.gradient-top-to-bottom .gradient-image,
  .gradient-top-to-bottom-dark .gradient-image-dark,.gradient-top-to-bottom-dark .gradient-image,.why-us-gradient-bottom-to-top .gradient-image{
    height: 300px;
  }
}



@media (min-width: 1200px) {
   ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image 
  ,.core-bottom-diagonal .bottom-image,.services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,
  .gradient-bottom-to-top .gradient-image,.gradient-top-to-bottom .gradient-image,
  .gradient-top-to-bottom-dark .gradient-image-dark,.gradient-top-to-bottom-dark .gradient-image,.why-us-gradient-bottom-to-top .gradient-image{
    height: 400px;
  }
}

@media (max-width: 1200px) {
  ._who_we_are-top-diagonal::before {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  }

  .footer-section::before {
  clip-path: path("M 0 0 L 0 95 Q 450 520 164 0 Z");
  }

  .main_logo{
  height: 130px; 
  }

.services-top-diagonal::before{
    height: 190%;
}
  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image,
  .services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
  .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,.gradient-image, 
  .gradient-top-to-bottom-dark .gradient-image, .why-us-gradient-bottom-to-top .gradient-image{
    max-width: 800px;
  }
}

@media (max-width: 992px) {

  .footer-section::before {
   clip-path: path("M 0 0 L 0 65 Q 350 520 130 0 Z");
  }

  ._who_we_are-top-diagonal::before {
   clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  }

  .services-top-diagonal::before{
    top: -260px;
   height: 236%;
    clip-path: polygon(0 0px, 100% 0, 100% 20%, 0 70%);
  }

  .gradient-top-to-bottom-dark::before {
    height: 85%;
  }

  .section-title{
   font-size: 2rem;
  }

  .mission, .vision {
   font-size: 17px;
  }

  .text_262655 {
   font-size: 25px;
  }

  ._why_text {
    font-size: 20px;
  }

  .service-item .subtitle,.service-item .subtitleLast {
    font-size: 1.6rem;
  }

  .service-item .description {
    font-size: 1.2rem;
  }

  .service-item ul li,.gradient-top-to-bottom-dark .service-item ul li{
    font-size: 20px;
  }

  .section_header {
    font-size: 2.5rem;
  }

  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image,
  .services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
  .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,.gradient-image,
  .why-us-gradient-bottom-to-top .gradient-image,.gradient-top-to-bottom-dark .gradient-image{
    max-width: 600px;
    height: 300px;
  }

}

@media (max-width: 768px) {

  ._who_we_are-top-diagonal::before {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  }

  .footer-section::before {
  clip-path: path("M 0 0 L 0 65 Q 300 330 130 0 Z");
  }

  .services-top-diagonal::before{
  top: -260px;
height: 189%;
    clip-path: polygon(0 0px, 100% 0, 100% 40%, 0 100%);
  }

  .gradient-top-to-bottom-dark::before {
  height: 85%;
  }

  .section-title{
  font-size: 2rem;
  }

  .mission, .vision {
  font-size: 16px;
  }

  .text_262655 {
  font-size: 25px;
  }

  ._why_text {
  font-size: 20px;
  }

  .service-item .subtitle,.service-item .subtitleLast {
  font-size: 1.6rem;
  }

  .service-item .description {
  font-size: 1rem;
  }

  .service-item ul li,.gradient-top-to-bottom-dark .service-item ul li{
  font-size: 20px;
  }

  .section_header {
  font-size: 2.5rem;
  }

  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image,
  .services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
  .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,.gradient-image,
  .gradient-top-to-bottom-dark .gradient-image,.why-us-gradient-bottom-to-top .gradient-image{
       max-width: 480px;
       height: 240px;
  }
}

@media (max-width: 576px) {
    
  ._who_we_are-top-diagonal::before {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  }

  .services-top-diagonal::before{
  top: -260px;
height: 181%;
    clip-path: polygon(0 0px, 100% 0, 100% 50%, 0 100%);
  }

  .gradient-top-to-bottom-dark::before {

  height: 85%;
  }

  .section-title{
  font-size: 2rem;
  }

  .mission, .vision {
  font-size: 16px;
  }

  .text_262655 {
  font-size: 25px;
  }

  ._why_text {
  font-size: 20px;
  }

  .service-item .subtitle,.service-item .subtitleLast {
  font-size: 1.5rem;
  }
  .service-item .description {
  font-size: 1rem;
  }

  .service-item ul li,.gradient-top-to-bottom-dark .service-item ul li{
  font-size: 19px;
  }

  .section_header {
  font-size: 2.4rem;
  }


  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image,
  .services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
  .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,.gradient-image,
  .why-us-gradient-bottom-to-top .gradient-image,.gradient-top-to-bottom-dark .gradient-image{
      max-width: 450px;
  }
}

@media (max-width: 480px) {

  .main_logo {
  height: 100px;
  }
  ._who_we_are-top-diagonal::before {
  clip-path: polygon(0 0, 100% 0, 100% 40%, 0 100%);
  }

  .mission-bottom-diagonal::before{
  clip-path: polygon(0 60%, 100% 0%, 100% 100%, 0 100%);
  }

  .core-bottom-diagonal::before{
  clip-path: polygon(0 0, 100% 60%, 100% 100%, 0 100%);
  }

  .services-top-diagonal::before{
  top: -260px;
height: 120%;
    clip-path: polygon(0 0px, 100% 0, 100% 25%, 0 100%);
  }

  .why-us-gradient-bottom-to-top::before{
  height: 55%;
  }

  .services-top-diagonal{
  margin-bottom: -120px;
  }
  .our-services-section .section-title {
  font-size: 1.8rem;
  top: -120px;
  }

  .our-services-section .section-title {
  font-size: 1.9rem;
  top: -70px;

  }

  .gradient-top-to-bottom-dark::before{
  height: 90%;
  }

  core-values-section .section-title {
  font-size: 2.4rem;
  }

  .who-description {
  font-size: 1.1rem;
  line-height: 2;
  }

  .services-top-diagonal .top-image{
  top: -135px;
  }

  .section-title{
  font-size: 2rem;
  }

  .mission, .vision {
  font-size: 16px;
  }

  .text_262655 {
  font-size: 23px;
  }

  ._why_text {
  font-size: 17px;
  }

  .service-item .subtitle,.service-item .subtitleLast {
  font-size: 1.5rem;
  }
  .service-item .description {
  font-size: 1rem;
  }

  .service-item ul li,.gradient-top-to-bottom-dark .service-item ul li{
  font-size: 18px;
  }

  .section_header {
  font-size: 2.4rem;
  }


  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image,
  .services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
  .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,.gradient-image,
  .why-us-gradient-bottom-to-top .gradient-image,.gradient-top-to-bottom-dark .gradient-image{
  max-width: 350px;
  }
}

@media (max-width: 380px) {

  .main_logo {
  height: 80px;
  }

  ._who_we_are-top-diagonal::before {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  }
  .mission-bottom-diagonal::before{
  clip-path: polygon(0 60%, 100% 0%, 100% 100%, 0 100%);
  }

  .core-bottom-diagonal::before{
  clip-path: polygon(0 0, 100% 72%, 100% 100%, 0 100%);
  }

  .services-top-diagonal::before{
  top: -260px;
  height: 120%;
  clip-path: polygon(0 0px, 100% 0, 100% 54%, 0 100%);
  }

  .why-us-gradient-bottom-to-top::before{
  height: 55%;
  }

  .services-top-diagonal{
  margin-bottom: -120px;
  }
  .our-services-section .section-title {
  font-size: 1.8rem;
  top: -120px;
  }

  .our-services-section .section-title {
  font-size: 1.4rem;
  top: -70px;

  }

  .gradient-top-to-bottom-dark::before{
  height: 90%;
  }

  core-values-section .section-title {
  font-size: 2.4rem;
  }

  .who-description {
  font-size: 1rem;
  line-height: 2;
  }

  .services-top-diagonal .top-image{
  top: -135px;
  }

  .section-title{
  font-size: 1.8rem;
  }

  .mission, .vision {
  font-size: 16px;
  }

  .text_262655 {
  font-size: 20px;
  }

  ._why_text {
  font-size: 17px;
  }

  .service-item .subtitle,.service-item .subtitleLast {
  font-size: 1.1rem;
  }
  .service-item .description {
  font-size: 1rem;
  }

  .service-item ul li,.gradient-top-to-bottom-dark .service-item ul li{
  font-size: 16px;
  }

  .section_header {
  font-size: 2.4rem;
  }

  ._who_we_are-top-diagonal .top-image,.mission-bottom-diagonal .bottom-image,.core-bottom-diagonal .bottom-image,
  .services-top-diagonal .top-image,.services-bottom-diagonal .bottom-image,.gradient-bottom-to-top .gradient-image,
  .gradient-top-to-bottom .gradient-image,.gradient-top-to-bottom-dark .gradient-image-dark,.gradient-image,
  .why-us-gradient-bottom-to-top .gradient-image,.gradient-top-to-bottom-dark .gradient-image{
      max-width: 250px;
      width: 100%;
  }
}