* {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
}
body{}

ul{list-style-type: none;}
ul, li, a, p{margin: 0; padding: 0;}
a{text-decoration: none;}


h1{font-family: "Raleway", sans-serif; font-weight: 700; font-size: 48px;}
h2{font-family: "Raleway", sans-serif; font-weight: 500; font-size: 40px;}

:root {
    --main-color: #4a91cf;
    --bg-gary-color: #F5F5F5;
    --bg-white: #fff;
    --head-font: 2.7rem;
    --sub-head-font: 1.8rem;
    --border-bottm-img: 5px solid #4a91cf;
    --black: #000;
    --btn--font: 1.2rem;
    --top-link-color: #4C4C4C;
}


.top-bar{width: 100%; padding: 15px 0;}
.top-bar a{color: #454547; font-size: 20px; transition:all 0.3s;}
.top-bar a i{ margin: 0 5px 0 0;}
.top-bar a:hover{color: #4A91CF;}
.top-bar .cntct-dtls{display: flex; justify-content: space-between;}

.top-bar .social-links{display: flex; justify-content: end; gap: 10px;}



.hero-section{width: 100%; position: relative;}
.hero-section .bnr-img{width: 100%;}
.hero-section .bnr-img img{background-size: cover; width: 100%;}

/* home page banner text css start  */
.hero-section .bnr-txt-hm-pg{position: absolute; top: 50%; left: 0;width: 100%;z-index: 1;transform: translateY(-50%); color: #fff; padding-top: 50px;text-align: left;}
.hero-section .bnr-txt-hm-pg h1{text-transform: uppercase;}
.hero-section .bnr-txt-hm-pg p{font-size: 24px; font-weight: 700; margin: 15px 0 23px 0  ;}
.hero-section .bnr-txt-hm-pg a{text-align: center; padding: 0.8rem 2rem; background-color: #4A91CF; font-size: var(--btn--font); color: #fff; border: 1px solid transparent; transition: all 0.5s; display: inline-block; text-transform: uppercase;}
.hero-section .bnr-txt-hm-pg a:hover{background-color: #ffffff00; border: 1px solid #fff; color: #fff; }
/* home page banner text css end  */

.hero-section .nav-section{position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.hero-section .nav-section .navbar .navbar-nav{gap: 50px;}
.hero-section .nav-section .navbar .navbar-nav .nav-link{color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 400; padding: 0; transition:color 0.5s ease-in; border-bottom: 3px solid transparent;}
.hero-section .nav-section .navbar .navbar-nav .nav-link:hover{border-bottom: 3px solid #4A91CF; transition: all 0.5s ease-in;}
.hero-section .nav-section .navbar .navbar-nav .nav-item .active,
.hero-section .nav-section .navbar .navbar-nav .nav-item.current-menu-item a{border-bottom: 3px solid #4A91CF; font-weight: 600;}

.hero-section .nav-section .dropdown-menu .active{background: none; border-bottom: none !important; color: #4A91CF;}

.hero-section .dropdown-menu .dropdown-item:focus{background: none;}

.hero-section .off-canvas .offcanvas .active{ color: #4A91CF !important; background: none;}

.hero-section .nav-section .navbar .search a{color: #fff; font-size: 24px;}

.dropdown-toggle::after{border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; transition: all 0.5s;}
.hero-section .nav-section .navbar .navbar-nav .dropdown-toggle{display: flex;}
.hero-section .dropdown-item{text-transform: uppercase; color: #000; font-size: 18px;}
.nav-section .navbar-nav .dropdown:hover > .dropdown-menu li{
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

.nav-section .dropdown:hover .dropdown-toggle::after{rotate: 180deg;}
.offcanvas .dropdown:hover .dropdown-toggle::after{rotate: 0deg;}
.offcanvas .dropdown:hover .show::after{rotate: 180deg;}

/* Hide dropdown menu initially */
.nav-section .navbar-nav .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  position: absolute; /* Important for dropdowns */
  top: 100%; /* Ensure it opens below the parent */
  left: 0;
  z-index: 1000;
  display: block; /* Keep it block to allow animation - DO NOT toggle this */
}

/* Show dropdown menu on hover */
.nav-section .navbar-nav .dropdown:hover > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}




/* OFFCANVAS (Mobile): Smooth transition for dropdown */
.offcanvas .dropdown-menu {
  position: static; /* Prevent conflict inside offcanvas */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
  display: block;
  padding: 0;
  margin: 0;
}

/* When toggled open via JS */
.offcanvas .dropdown-menu.show {
  max-height: 500px; /* Adjust height as needed */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}



.hero-section .off-canvas{display: none;}
.hero-section .off-canvas .offcanvas .nav-link{display: flex;}
.hero-section .off-canvas .offcanvas .dropdown-menu .dropdown-item{font-size: 16px;}

    /* Search Icon */
    .search-icon {
        font-size: 24px;
        cursor: pointer;
        z-index: 1000;
        color: #fff;
		display:none;
      }
  
      /* Popup Overlay */
      .search-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transform: scale(1.05);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        z-index: 999;
      }
  
      .search-popup.active {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
      }
  
      .search-box {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        width: 90%;
        max-width: 400px;
        position: relative;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        transition: transform 0.3s ease;
      }
  
      .search-box input[type="text"], .search-box input[type=search] {
        width: 100%;
        padding: 12px 24px 12px 12px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 4px;
      }
  
      .close-btn {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 20px;
        cursor: pointer;
        z-index: 1;
      }

.search-box form.search-form {
    position: relative;
}
.search-box form.search-form button.search-submit {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translate(0, -50%);
    border: navajowhite;
    background: none;
}

/* Sticky Navbar */
.hero-section .nav-section.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000; /* Background after scroll */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
  z-index: 999;
}

.hero-section .nav-section.sticky .navbar-brand img {
  max-height: 100px; /* Optional: shrink logo on scroll */
}


.top_rightbtn {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    align-items: center;
}
.calltoact {
    display: inline-block;
}
.top_rightbtn .calltoact a {
    background: #454547;
    color: #fff;
    padding: 0.4em 1.25em;
    font-size: 16px;
    border: 1px solid transparent;
    text-transform: uppercase;
    transition: all 0.5s;
    display: inline-block;
}
.top_rightbtn .calltoact a:hover {
    border: 1px solid #454547;
    background: #fff;
    color: #454547;
}
/* sticky nav */




/* bd-1 start */
.about-sec {
    background-color: var(--bg-gary-color);

}

.bd1-bg {
    background-image: url(../images/bd-1-bg-main-1.png);
    background-repeat: repeat-x;
    margin-bottom: 5.65rem;
}

.bd1-p {
    padding: 5.13rem 0;
    position: relative;
}

.bd1-lft-img1 img {
    border-bottom: var(--border-bottm-img);
}

.bd1-lft-img2 {
    position: absolute;
    top: 23%;
    left: 22%;
    width: 23.535%;
    border-bottom: var(--border-bottm-img);
}

.bd1-heading h2 {
    font-size: var(--head-font);
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 1.3rem;
}

.bd1-sub-head h4 {
    font-size: var(--sub-head-font);
    color: var(--black);
    line-height: 2.3rem;
    margin-bottom: 1.3rem;
}

.bd1-list ul li {
    display: flex;
    list-style: none;
    margin-bottom: 0.2rem;
}

.bd1-list ul li i {
    padding: 0.52rem 0.5rem 0 0;
    font-size: 0.7rem;
}

.bd1-list ul {
    margin-bottom: 1.3rem;
}

.bd1-rgt {
    width: 100%;
}

.bd1-btn{margin: 10px 0 0 0;}

.bd1-btn a {
    text-align: center;
    padding: 1rem 3rem;
    background-color: #454547;
    font-size: var(--btn--font);
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.5s;
    display: inline-block;
    text-transform: uppercase;
}

.bd1-btn a:hover{border: 1px solid #454547; background: #fff; color: #454547;}

/* bd-1 part end here */

.bd2-heading h2 {
    font-size: var(--head-font);
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 1.3rem;
}

.bd2-sub-head h4 {
    font-size: var(--sub-head-font);
    color: var(--black);
    line-height: 2.3rem;
    margin-bottom: 1.3rem;
}

.bd2-para p {
    color: #333333;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    line-height: 1.5rem;
}

.bd2-car-bg a {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.bd2-btn{margin: 10px 0 0 0;}

.bd2-btn a {
    text-align: center;
    padding: 1rem 3rem;
    background-color: var(--main-color);
    font-size: var(--btn--font);
    color: #fff;
    display: inline-block;
    transition: 0.5s;
    border: 1px solid transparent;
}

.bd2-btn a:hover{border: 1px solid var(--main-color); background: #fff; color: var(--main-color);}

.bd2-car-bg {
    background-color: var(--main-color);

}

.carousel-control-prev-icon {
    background-image: none ;
}

.carousel-control-next-icon {
    background-image: none;
}

.carousal-bd2>.carousel>.carousel-control-prev {
    font-size: 2rem ;
    left: -6% ;
    opacity: 1 ;
}


.carousal-bd2>.carousel>.carousel-control-next {
    font-size: 2rem ;
    position: absolute;
    width: 3% ;
    left: 101% ;
    top: 50% ;
    transform: translateY(-50%);
    opacity: 1 ;
}


.bd2-car-bg {
    width: 100%;
    padding: 50px 45px;
    color: var(--bg-gary-color);
}

.services-sec {
    position: relative;
    margin-bottom: 11.5rem;
}

.carousal-bd2 {
    position: absolute;
    top: 4%;
    left: 38.5%;
    width: 50%;
}

.bd2-car-bg h4 {
    font-size: 24px;
    font-family: "Raleway", sans-serif; 
    font-weight: 500;
    color: var(--bg-gary-color);
    line-height: normal;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.bd2-car-bg p {
    color: #ffffff !important;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    font-weight: 200;
    line-height: 1.5rem;

}

.bd2-carousal-img1 img {
    position: absolute;
    top: 19%;
    left: 6%;
    width: 50%;
    min-height: 305px;
    object-fit: cover;
}



/* services-sec end here */

/* contact-sec */
.contact-p p{
    color: #333333;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    line-height: 1.5rem;
    width: 77%;
}
.inner-page .bnr-txt-c {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: translateY(-50%);
    color: #fff;
    padding-top: 50px;
    text-align: left;
}
.inner-page .bnr-txt-c h1{
    text-transform: uppercase;
    width: 56%;
}
.inner-page .bnr-txt-c p{
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 0 0;
    width: 52%;
}
/* contact-sec end */


/* resources-sec start */
.resources-sec {
    position: relative;
    background-color: #060606;
    margin-bottom: 5.65rem;
    padding: 5.65rem;
}

.bd3-lft-bx1 img {
    /*margin-left: 2rem;*/
}

.bd3-lft-bx2::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in;
    background-image: linear-gradient(180deg, #0d497e4f 0%, #0d497e6c 70%);
    opacity: 0;
    /* visibility: hidden; */
}

.bd3-lft-bx2:hover.bd3-lft-bx2::before {
    /* visibility: visible; */
    opacity: 1;
    transition: all 0.5s ease-in;
	width:100%;
}

.bd3-lft-bx2 img {
    /*margin-left: 1rem;*/
}

.bd3-bx2-txt {
    position: absolute;
    top: 90%;
    left: 11%;
    width: 80%;
    color: var(--bg-gary-color);
    text-transform: uppercase;
    transition: all 0.5s ease-in;
}

.bd3-lft-bx2 {
    position: relative;
}

.bd3-lft-bx2:hover .bd3-bx2-txt {
    top: 40%;
    transition: all 0.5s ease-in;
}

.bd3-bx2-txt h2 {
    font-size: 24px;
    color: var(--bg-gary-color);

}

.bd3-bx2-txt p {
    color: #ffffff !important;
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.1rem;
    font-weight: 200;
    text-transform: capitalize;
    word-spacing: 0.1rem;
}

.bd3-bx2-txt a {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}

.bd3-bx1-txt {
    position: absolute;
    top: 82%;
    left: 11%;
    width: 80%;
    color: var(--bg-gary-color);
    text-transform: uppercase;
    transition: all 0.5s ease-in;
}

.bd3-lft-bx1:hover .bd3-bx1-txt {
    top: 30%;
    transition: all 0.5s ease-in;
}

.bd3-lft-bx1::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in;
    background-image: linear-gradient(180deg, #0d497e4f 0%, #0d497e6c 70%);
    opacity: 0;
}
.carousal-bd3 {
    padding: 0 40px;
}
.carousal-bd3 .owl-nav {
    position: absolute;
    top: 45%;
    transform: translate(0, -50%);
        width: 100%;
        margin-top: 0;
}
.carousal-bd3 .owl-nav button.owl-prev {
    margin: 0;
    left: -24px;
    position: absolute;
    font-size: 30px;
}
.carousal-bd3 .owl-nav button.owl-next {
    margin: 0;
    right: -24px;
    position: absolute;
    font-size: 30px;
}
.carousal-bd3 .owl-nav button.owl-prev:hover, .carousal-bd3 .owl-nav button.owl-next:hover {
    background: none;
}

.bd3-lft-bx1:hover.bd3-lft-bx1::before {
    opacity: 1;
    transition: all 0.5s ease-in;
}

.bd3-bx1-txt h2 {
    font-size: 24px;
    color: var(--bg-gary-color);
    line-height: normal;
}

.bd3-bx1-txt p {
    color: #ffffff !important;
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.1rem;
    font-weight: 200;
    text-transform: capitalize;
    word-spacing: 0.1rem;
    padding-right: 4rem;
}

.bd3-bx1-txt a {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}

.bd3-icon {
    position: absolute;
    left: 24% !important;
    opacity: 1 !important;
}

.bd3-heading h2 {
    font-size: var(--head-font);
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.bd3-sub-head h4 {
    font-size: var(--sub-head-font);
    color: var(--bg-gary-color);
    line-height: 2.3rem;
    margin-bottom: 1rem;
}

.bd3-para p {
    color: #ffffff;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    line-height: 1.5rem;
    font-weight: 200;
}

.bd3-btn a {
    text-align: center;
    padding: 1rem 2rem;
    background-color: var(--bg-gary-color);
    font-size: var(--btn--font);
    color: #000;
    transition: all 0.5s;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.bd3-btn a:hover{border: 1px solid #fff; background: none; color: #fff;}

.bd3-up-img {
    position: absolute;
    top: -26%;
    left: 0%;
}

.carousal-bd3>.carousel>.carousel-control-prev {
    font-size: 2rem ;
    left: -6% ;
    opacity: 1 ;
}


.carousal-bd3>.carousel>.carousel-control-next {
    font-size: 2rem ;
    position: absolute;
    width: 3% ;
    left: 101% ;
    top: 50% ;
    transform: translateY(-50%);
    opacity: 1 ;
}

/* bd-3 end here  */

.bd4-heading h2 {
    font-size: var(--head-font);
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-align: center;
}

.bd4-sub-head h4 {
    font-size: var(--sub-head-font);
    color: var(--black);
    line-height: 2.3rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

.bd4-car-hold {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.bd4-car-txt {
    position: absolute;
    bottom: -6%;
    left: 3%;
    width: 95%;
    padding: 1rem;
    background-color: var(--main-color);
    color: var(--bg-gary-color);
}

.bd4-car-1st {
    position: relative;
    margin-bottom: 2rem;
}

.bd4-car-2nd {
    position: relative;
    margin-bottom: 2rem;
}

.bd4-car-3rd {
    position: relative;
    margin-bottom: 2rem;
}

.bd4-car-txt h4 {
    font-size: var(--sub-head-font);
    color: var(--bg-gary-color);
    line-height: 2.3rem;
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.bd4-car-txt p {
    font-size: 16px;
    line-height: normal;
    font-weight: 200;
    text-align: center;
    text-transform: capitalize;
}

.bd4-car>.carousel>.carousel-control-prev {
    font-size: 2rem ;
    left: -9% ;
    opacity: 1 ;
}

.bd4-car>.carousel>.carousel-control-next {
    font-size: 2rem ;
    position: absolute;
    width: 3% ;
    left: 100% ;
    top: 50% ;
    transform: translateY(-50%);
    opacity: 1 ;
}

.our-team-sec {
    margin-bottom: 5.65rem;
}

/* our-team-sec end here */
.testimonial {
    position: relative;
    margin-bottom: 5.65rem;
    background: linear-gradient(180deg, rgba(217, 240, 251, 0.8) 0%, rgba(179, 203, 216, 0.7) 70%, rgba(122, 143, 153, 0.6) 100%, rgba(76, 93, 102, 0.5) 100%);
    z-index: 1;
}

.testimonial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bd-1-bg-main-1.png);
    background-repeat: repeat-x;
    opacity: 1;
    z-index: -1;
}


.testimoni-head h2 {
    font-size: 40px;
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.testimoni-hld {
    padding: 5.65rem 0;
}

.testimoi-car-hold {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.testimoni-bx1 {
    padding: 3.5rem 4rem;
    width: 49%;
    background-color: #454547;
    color: var(--bg-gary-color);
}

.testimoni-bx1 img {
    position: absolute;
    top: 12%;
    left: 3%;
}

.testimoni-bx1 h4 {
    font-size: var(--sub-head-font);
    color: var(--bg-gary-color);
    line-height: 2.3rem;
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.testimoni-bx1 h5 {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    line-height: 0.5rem;
    font-weight: 200;
    text-align: center;
    text-transform: capitalize;
}

.testimoni-bx1 p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    padding: 0 2rem;
    line-height: 1.4rem;
    font-weight: 200;
    text-align: center;
    text-transform: capitalize;
}

.testimonial-img-poistion {
    left: 55% !important;
    top: 12% !important;
}

.testimonial-carousal>.carousel-control-prev {
    font-size: 2rem;
    left: -8% !important;
    opacity: 1;
}

.testimonial-carousal>.carousel-control-next {
    font-size: 2rem;
    position: absolute;
    width: 3%;
    left: 99% !important;
    top: 50% !important;
    transform: translateY(-50%);
    opacity: 1 !important;
}

/* testimonail end here  */

.partners-heading h2 {
    font-size: 40px;
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.partners-sub-head h4 {
    font-size: var(--sub-head-font);
    color: var(--black);
    line-height: 2.3rem;
    margin-bottom: 1rem;
}

.partners-para p {
    color: var(--black);
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    line-height: 1.5rem;
    padding-right: 12rem;
}

.partners-btn a {
    text-align: center;
    padding: 1rem 3rem;
    background-color: #454547;
    font-size: var(--btn--font);
    color: #fff;
    display: inline-block;
    transition: 0.5s;
    border: 1px solid transparent;
}

.partners-btn a:hover{border: 1px solid #454547; background: #fff; color: #454547;}

.partners {
    margin-bottom: 5.65rem;
}

.partners .logo-box {
  background: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px; /* fixed height to equalize all boxes */
}

.partners .logos-row{row-gap: 60px;}

.logo-shadow{  box-shadow: 0px 0px 27px 4px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 0px 27px 4px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 27px 4px rgba(0, 0, 0, 0.11);}

.partners .logo-box img {
  max-height: 80px; /* keeps all logos the same height */
  width: auto;
  object-fit: contain;
}


/* partners end here  */

.footer-from {
    background-image: url(../images/footer-img-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ft-from-con {
    padding: 5.65rem 0;
    position: relative;
}

.ft-from-lft {
    background-color: var(--main-color);
    opacity: 0.9;
    padding: 3rem;
}

.ft-logo img {
    display: block;
    margin: 0 auto;
}

.ft-from-lft h3 {
    font-size: 28px;
    font-weight: bolder;
    text-align: center;
    color: var(--bg-white);
    text-transform: uppercase;
    margin-bottom: 25px;
}


.footer-from .ftr-cnt-dtls{margin: 0 0 0 60px; display: flex; flex-direction: column; gap: 12px;}
.footer-from .ftr-cnt-dtls li a{color: #fff; font-size: 22px; transition:all 0.3s;}
.footer-from .ftr-cnt-dtls li a i{margin: 0 8px 0 0;}
.footer-from .ftr-cnt-dtls li a:hover{
    color: #454547;
}

.footer-from .ftr-social{margin: 30px 0 0 60px; padding: 0 0 15px 0; display: flex; gap: 20px;}
.footer-from .ftr-social li a{color: #fff; font-size: 30px; transition:all 0.3s;}
.footer-from .ftr-social li a:hover {
    color: #454547;
}


.ft-from-rgt {
    position: absolute;
    padding: 4rem;
    top: 11%;
    left: 54%;
    width: 47.5%;
    background-color: var(--bg-white);
}

.ft-from-rgt form {
    display: flex;
    flex-direction: column;
}

.ft-from-rgt input, .ft-from-rgt textarea{
    border: none;
    border-bottom: 1px solid #000;
    margin-bottom: 25px;
    padding: 8px;
    width: 100%;
}
.ft-from-rgt textarea {
    height: 80px;
}


.ft-from-rgt input:focus, .ft-from-rgt textarea:focus{outline: none;}

.ft-from-rgt h2 {
    font-size: 40px;
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.ft-from-rgt h4 {
    font-size: var(--sub-head-font);
    color: var(--black);
    line-height: 2.3rem;
    margin-bottom: 2.5rem;
}

.ft-last {
    display: flex;
    justify-content: space-between;
}

.ft-from-rgt button, .ft-from-rgt input.wpcf7-form-control.wpcf7-submit {
    border: none;
    width: 41%;
    text-align: center;
    padding: 0.6rem 3rem;
    background-color: #454547;
    font-size: var(--btn--font);
    text-transform: uppercase;
    color: #fff;
}
.ft-from-rgt input.wpcf7-form-control.wpcf7-submit:hover{
    background-color: #000;
}

.ft-copy-right {
    background-color: #454547;
	padding:1.5rem 0 !important;
}

.ft-copy-right p a{color: #dbdbdb;}
.ft-copy-right p a:hover{color: #333333;}

.ft-copy-right p {
    color: var(--bg-white);
    font-size: 1rem;
    font-weight: 300;   
    line-height:1.1rem; 
	padding-bottom:0.3rem;
    text-align: center;
    text-transform: capitalize;
}



/* About page css starts here */

.inner-page {position: relative; width: 100%; overflow: hidden; max-height: 655px;}

.inner-page::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 0;}

.inner-page .bnr-txt {position: absolute; top: 50%; left: 0; width: 100%; z-index: 1; transform: translateY(-50%); color: #fff; padding-top: 50px; text-align: left;}
.inner-page .bnr-txt h1{text-transform: uppercase; width: 60%;}
.inner-page .bnr-txt p{font-size: 24px; font-weight: 700; margin: 15px 0 0 0;}


.about-company-sec{width: 100%; padding: 60px 0 120px 0;}
.about-company-sec .cmpny-images{width: 100%; display: flex; gap: 10px;}
.about-company-sec .cmpny-images .cmpny-img-1{width: 50%; padding: 22px 0 0 0; }
.about-company-sec .cmpny-images .cmpny-img-2{width: 50%;}
.about-company-sec .cmpny-images .cmpny-img-1 img, .about-company-sec .cmpny-images .cmpny-img-2 img{width: 100%; border-bottom: 4px solid #4A91CF;}

.about-company-sec .about-cmpny-txt h2{text-transform: uppercase; color: #4A91CF;}
.about-company-sec .about-cmpny-txt h4{text-transform: capitalize; color: #000; font-size: 28px; margin: 10px 0 10px 0;}
.about-company-sec .about-cmpny-txt p{color: #333333; font-size: 18px; margin: 10px 0 0 0;}


.who-we-are .cl-btn{margin: 30px 0 0 0;}
.who-we-are .cl-btn a {text-align: center; padding: 10px 30px; background-color: #454547; font-size: 24px; color: #fff; border: 1px solid transparent; transition: all 0.5s; display: inline-block;}

.who-we-are .cl-btn a:hover{border: 1px solid #454547; background: #fff; color: #454547;}


.who-we-are .content-box {
  position: relative;
}

.who-we-are .copy{position: absolute; top: 50%; right: 0; background: #4A91CF; padding: 30px 30px 30px 60px; width: 50%; color: #ffffff; transform: translateY(-50%); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); z-index: 2; min-height: 360px; display: flex; flex-direction: column; justify-content: center;}
.who-we-are .copy h5{font-size: 28px; margin: 0 0 10px;}
.who-we-are .copy p{font-size: 18px;}
.who-we-are .thumb-img{position: absolute; left: -72%; width: 80%; height: auto;}
.who-we-are .thumb-img{width: 80%; height: auto;}
.who-we-are .thumb-img img{width: 100%; height: auto; display: block;}

.why-dfrnt-sec{width: 100%; padding: 60px 0; background: #020202;}
.why-dfrnt-sec h2{color: #4A91CF; text-align: center; text-transform: uppercase; margin: 0 0 35px 0;}
.why-dfrnt-sec h4{font-size: 24px; text-transform: uppercase; color: #fff; position: relative;}
.why-dfrnt-sec h4::after{content: ''; width: 12px; height: 12px; border: 2px solid #c1e2f3; position: absolute; left: -20px; top: 9px; border-radius: 50px;}
.why-dfrnt-sec p{color: #fff;}
.why-dfrnt-sec ul{padding: 0 0 0 11px; display: flex; flex-direction: column; gap: 30px;}

.why-dfrnt-sec .dfrnt-images{display: flex; gap: 10px; align-items: flex-start; width: 100%;}
.why-dfrnt-sec .dfrnt-images .dfrnt-img-2{padding: 30px 0 0 0;}
.why-dfrnt-sec .dfrnt-images .dfrnt-img-1, .why-dfrnt-sec .dfrnt-images .dfrnt-img-2{box-shadow: 0px 4px 0px 0px rgba(74,145,207,1);
-webkit-box-shadow: 0px 4px 0px 0px rgba(74,145,207,1);
-moz-box-shadow: 0px 4px 0px 0px rgba(74,145,207,1); width: 50%;}
.why-dfrnt-sec .dfrnt-images .dfrnt-img-1 img, .why-dfrnt-sec .dfrnt-images .dfrnt-img-2 img{width: 100%;}

.why-dfrnt-sec .dfrnt-row{align-items: center; margin: 60px 0 0 0;}

.why-dfrnt-sec .dfrnt-row .dfrnt-img-2{padding: 0;}
.why-dfrnt-sec .dfrnt-row .dfrnt-img-1{padding: 30px 0 0 0;}


.team-member-sec {width: 100%; padding: 60px 0;}
.team-member-sec .team-head-txt {width: 100%; text-align: center; margin-bottom: 40px;}
.team-member-sec .team-head-txt h2 {text-transform: uppercase; color: #4A91CF; font-size: 32px;}
.team-member-sec .team-head-txt p {font-size: 24px; color: #000;}
.team-member-sec .member-row {display: flex; align-items: center; position: relative; margin: 0 0 30px 0;}
.team-member-sec .member-row .member-img {width: 25%; position: relative; z-index: 2;}
.team-member-sec .member-row .member-img img {display: block; width: 100%; height: auto;}
.team-member-sec .member-row .member-dtl-box {width: 80%; background: #4A91CF; padding: 60px; color: #fff; margin-left: -15px; /* negative margin for overlap */ position: relative; z-index: 1; min-height: 350px; display: flex; flex-direction: column; justify-content: center;}
.team-member-sec .member-row .member-dtl-box h5 {text-transform: uppercase; font-size: 28px; margin-bottom: 5px;}
.team-member-sec .member-row .member-dtl-box span {display: block; margin-bottom: 15px; font-size: 16px; color: #f0f0f0;}
.team-member-sec .member-row .member-dtl-box p {font-size: 16px; line-height: normal;}
.team-member-sec .mambr-altr .member-dtl-box{margin-right: -15px; margin-left: 0; background:#454547;}


/* .testi-section{width: 100%; padding: 60px 0; background-image: url(../images/bd-1-bg-main-1.png); background-repeat: repeat-x; background-color: #F5F5F5;} */


.testi-section {
    width: 100%; padding: 60px 0;
    background: linear-gradient(180deg, rgba(217, 240, 251, 0.8) 0%, rgba(179, 203, 216, 0.7) 70%, rgba(122, 143, 153, 0.6) 100%, rgba(76, 93, 102, 0.5) 100%);
    z-index: 1;
	position:relative;
}

.testi-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bd-1-bg-main-1.png);
    background-repeat: repeat-x;
    opacity: 1;
    z-index: -1;
}




.testi-section h2{text-align: center; text-transform: uppercase; font-size: 40px; font-weight: 500; color: #4A91CF; margin: 0 0 25px 0;}

.testi-section .item{background: #454547; padding: 50px; color: #fff; text-align: center; position: relative;}
.testi-section .item::before{position: absolute; top: 20px; left: 20px; content: ''; background-image: url(../images/quation-mark.png); background-repeat: no-repeat; width: 100%; height: 41px;}
.testi-section .item h5{font-size: 28px; text-transform: uppercase; margin: 0;}
.testi-section .item span{font-size: 16px;}
.testi-section .item p{font-size: 18px; line-height: normal; margin: 20px 0 0 0;}
.testi-section .owl-carousel-testi .owl-dots{display: none;}
.testi-section .owl-carousel-testi .owl-nav button.owl-prev{position: absolute; top: 50%; left: -5%; font-size: 30px; color: #4A91CF;}
.testi-section .owl-carousel-testi .owl-nav button.owl-next{position: absolute; top: 50%; right: -5%; font-size: 30px; color: #4A91CF;}
.testi-section .owl-theme .owl-nav [class*=owl-]:hover{background: none;}


.our-prtnrs-sec{width: 100%; padding: 60px 0 90px 0;}
.our-prtnrs-sec .prtnrs-head-txt{width: 100%; text-align: center; margin: 0 0 50px 0;}
.our-prtnrs-sec .prtnrs-head-txt h2{font-size: 40px; text-transform: uppercase; color: #4A91CF; font-weight: 500}

.our-prtnrs-sec .logo-box { background: #fff; padding: 10px; display: flex; align-items: center; justify-content: center; height: 200px; /* fixed height to equalize all boxes */
}

.our-prtnrs-sec .prtnr-row{row-gap: 60px;}

.our-prtnrs-sec .logo-shadow{  box-shadow: 0px 0px 27px 4px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 0px 27px 4px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 27px 4px rgba(0, 0, 0, 0.11);}

.our-prtnrs-sec .logo-box img {
  max-height: 120px; /* keeps all logos the same height */
  width: auto;
  object-fit: contain;
}

/* About page css ends here */


/* contact page css starts here */
.contact-ban-txt .bnr-txt h1{width: 50%;}
.contact-ban-txt .bnr-txt p{text-transform: capitalize;width: 55%;}

.contact-us-sec {width: 100%; padding: 90px 0 120px 0;}
.contact-us-sec h2{text-transform: uppercase; color: #4A91CF; width: 78%;}
.contact-us-sec p{color: #333333; font-size: 18px; margin: 20px 0 0 0; width: 78%;}
.contact-map{box-shadow: 32px 28px 0px 0px var(--main-color);
-webkit-box-shadow: 32px 28px 0px 0px var(--main-color);
-moz-box-shadow: 32px 28px 0px 0px var(--main-color);}
/* contact page css end here */


/* Resource page css starts here */
.recources-sec{width: 100%; padding: 90px 0 0 0; margin-bottom: 150px;}
.recources-sec .cmpny-images{width: 100%; display: flex; gap: 20px;}
.recources-sec .cmpny-images .cmpny-img-1{width: 90%; padding: 47px 0 0 0;}
.recources-sec .cmpny-images .cmpny-img-2{display:none;}
.recources-sec .cmpny-images .cmpny-img-1 img, .recources-sec .cmpny-images .cmpny-img-2 img{width: 100%; border-bottom: var(--border-bottm-img);}

.resource-heading h2{text-transform: uppercase; color: var(--main-color); text-align: center;}
.resource-heading p{color: #333333; font-size: 18px; margin: 20px 0 30px 0; text-align: center; padding: 0 80px;text-transform: capitalize;}

.resource-cntnt-1{margin-bottom: 30px;}
.resource-cntnt-1 h6{color: #000000; font-size: 17px; margin: 20px 0 0 0; text-transform: uppercase; font-weight: 600;}
.resource-cntnt-1 p{color: #333333; font-size: 18px; margin: 5px 0 10px 0; text-transform: capitalize;}       
.resource-cntnt-1 a{color: #4A91CF; font-size: 18px; margin: 10px 0 0 0; text-transform: uppercase; border-bottom: 2px solid var(--main-color);}

.many-varitions-hanging-img{position: absolute;top: -17%;left: 0%;z-index: -1;}
.many-varitions-sec  {position: relative;background-color: #060606;padding: 90px 0 ;}
.many-varitions-sec  .many-varitions-images{width: 100%; display: flex; gap: 20px;}
.many-varitions-sec  .many-varitions-images .cmpny-img-1{width: 50%; padding: 0px 0 54px 0;}
.many-varitions-sec .many-varitions-images .cmpny-img-2{width: 50%; padding: 47px 0 0px 0;}
.many-varitions-sec  .many-varitions-images .cmpny-img-1 img, .many-varitions-sec  .many-varitions-images .cmpny-img-2 img{width: 100%; border-bottom: var(--border-bottm-img);}
.many-varitions-sub-head h4{font-size: var(--sub-head-font);color: var(--bg-white);line-height: 2.3rem; text-transform: capitalize;}
.many-varitions-cntnt-1{color: var(--bg-white);font-size: 17px;margin: 20px 0 0 0;text-transform: uppercase;font-weight: 700;}
.many-varitions-cntnt-1 h6{color: var(--bg-white); font-size: 17px; margin: 20px 0 0 0; text-transform: uppercase; font-weight: 600;}
.many-varitions-cntnt-1 p {color: var(--bg-white);font-size: 18px;margin: 5px 0 10px 0;text-transform: capitalize; font-weight: 200;}
.many-varitions-cntnt-1 a {color: #4A91CF;font-size: 18px;margin: 10px 0 0 0;text-transform: uppercase;border-bottom: 2px solid var(--main-color);}

/* Resource page css end here */



/* Wellhead services page css starts here */
.service-banner .bnr-txt h1{width: 80%;}
.inner-page .bnr-btn{width: 100%; margin: 30px 0 0 0;}
.inner-page .bnr-btn a{text-align: center; padding: 10px 30px; background-color: #4A91CF; font-size: 24px; color: #fff; border: 1px solid transparent; transition: all 0.5s; display: inline-block; text-transform: uppercase;}
.inner-page .bnr-btn a:hover{border: 1px solid #fff; background: none; color: #fff;}

.srvc-bg{background-image: url(../images/bd-1-bg-main-1.png); background-repeat: repeat-x; background-color: #F5F5F5;}
.services-sections .srvc-head-txt{width: 90%; text-align: center; display: block; margin: 0 auto 50px auto;}
.services-sections .srvc-head-txt h2{font-size: 40px; text-transform: uppercase; color: #4A91CF; font-weight: 500}
.services-sections .cl-btn{margin: 20px 0 0 0;}
.cl-btn a{text-align: center; padding: 10px 30px; background-color: #4A91CF; font-size: 20px; color: #fff; border: 1px solid transparent; transition: all 0.5s; display: inline-block; text-transform: uppercase;}
.cl-btn a:hover{border: 1px solid #4A91CF; background: none; color: #4A91CF;}
.services-sections .cmpny-images .cmpny-img-1{padding: 0 0 0 0;}
.services-sections .cmpny-images .cmpny-img-2{padding: 22px 0 0 0;}

.services-sections ul{padding: 0 0 0 20px; margin: 25px 0 0 0; display: flex; flex-direction: column; gap: 10px;}
.services-sections ul li{position: relative; font-size: 18px; color: #333;}
.services-sections ul li::after{content: ''; width: 12px; height: 12px; border: 2px solid #4A91CF; position: absolute; left: -20px; top: 9px; border-radius: 50px;}

.srvc-three-sec{width: 100%; background: #060606; padding: 60px 0; margin: 15px 0 0 0; position: relative;}
.srvc-three-sec .brush-img{position: absolute; top: -21%; left: 0; z-index: -1;}
.srvc-three-sec h4{color: #fff; font-size: 32px;}
.srvc-three-sec p{color: #fff; margin: 20px 0 30px 0;}

.srvc-cards-sec{width: 100%; padding: 60px 0 120px 0; background: linear-gradient(180deg, rgba(217, 240, 251, 0.8) 0%, rgba(179, 203, 216, 0.7) 70%, rgba(122, 143, 153, 0.6) 100%, rgba(76, 93, 102, 0.5) 100%);}
.srvc-cards-sec .crd-head-txt{width: 60%; display: block; margin: 0 auto 25px auto; text-align: center;}
.srvc-cards-sec .crd-head-txt h2{text-transform: uppercase; color: #4A91CF;}
.srvc-cards-sec .crd-head-txt p{font-size: 18px; line-height: normal;}

.srvc-cards-sec .card-box{position: relative;}
.srvc-cards-sec .card-box img{width: 100%;}
.srvc-cards-sec .card-box .card-txt{background: #4A91CF; padding: 40px 20px; text-align: center; color: #fff; position: absolute; left: 0; bottom: -40px; margin: 0 10px; min-height: 240px;}
.srvc-cards-sec .card-box .card-txt h5{font-size: 24px; text-transform: uppercase;}


.srvc-slider-sec{width: 100%; padding: 60px 0;}
.srvc-slider-sec img{width: 100%; height: 100%;}
.srvc-slider-sec .slider-copy{background: #4A91CF; padding: 40px; color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.srvc-slider-sec .slider-copy h2{text-transform: uppercase; font-size: 32px;}
.srvc-slider-sec .slider-copy h4{font-size: 28px; margin: 0 0 20px 0;}
.srvc-slider-sec .slider-copy p{margin: 0 0 10px 0;}

.srvc-slider-sec .owl-carousel-srvc .owl-dots{display: none;}
.srvc-slider-sec .owl-carousel-srvc .owl-nav button.owl-prev{position: absolute; top: 50%; left: -5%; font-size: 30px; color: #4A91CF;}
.srvc-slider-sec .owl-carousel-srvc .owl-nav button.owl-next{position: absolute; top: 50%; right: -5%; font-size: 30px; color: #4A91CF;}
.srvc-slider-sec .owl-theme .owl-nav [class*=owl-]:hover{background: none;}
/* Wellhead services page css ends here */


@media screen and (min-width:1500px){
	.bd2-carousal-img1 img{position: absolute; top: 10%; left: 7%; width: 46%; min-height: 290px;}
	.bd2-car-bg{min-height:342px;}
	.carousal-bd2{left:43%;}
}


@media screen and (max-width:1499px){
.carousal-bd2{width: 50%; top: -4%;}
.bd2-car-bg{padding: 90px 45px;}
.bd3-up-img{top: -15%;}
.bd2-carousal-img1 img{top: 13%;}
}


@media screen and (max-width:1399px){
	
.bd2-car-bg{padding: 40px 45px;}
.bd3-para p{padding: 0;}
.bd3-bx2-txt, .bd3-bx1-txt{top: 78%;}
.bd3-lft-bx2:hover .bd3-bx2-txt, .bd3-lft-bx1:hover .bd3-bx1-txt{top: 9%;}
.bd1-heading h2 br{display: none;}
.bd1-heading h2, .bd2-heading h2, .bd3-heading h2, .bd4-heading h2{font-size: 40px;}

/* About page css starts here */
.inner-page .bnr-txt h1{width: 70%;}
/* About page css ends here */


    /* contact page css start here */
.contact-map iframe{height: 450px;}
/* contact page css end here */

/* Wellhead services page css starts here */
.srvc-cards-sec .card-box .card-txt{min-height: 260px;}
/* Wellhead services page css ends here */
}


@media screen and (max-width:1199px){
	
/* home page banner text css start  */
.hero-section .bnr-txt-hm-pg h1{font-size: 36px;;}
.hero-section .bnr-txt-hm-pg p{font-size: 22px; font-weight: 500;}
.hero-section .bnr-txt-hm-pg a{padding: 12px 25px; font-size: 16px;}
/* home page banner text css end  */
	
.hero-section .nav-section .navbar .navbar-nav .nav-link{font-size: 22px;}
.top-bar .top-scl-lnks .social-links{display: none;}
.top_rightbtn .calltoact a{
    font-size: 13px;
}
.bd1-heading h2{font-size:36px;}
.bd1-btn a{padding: 15px 30px; font-size:16px;}
.bd2-heading h2{font-size: 36px;}
.bd2-sub-head h4{font-size: 24px;}
.bd2-para p{font-size: 16px;}
.bd2-btn a{padding: 15px 30px; font-size:16px;}
.bd2-car-bg h4{font-size: 20px;}
.bd2-car-bg p{font-size: 16px; line-height: normal;}
.bd2-car-bg a{font-size: 18px;}
.bd3-heading h2{font-size: 36px;}
.bd3-btn a{padding: 15px 30px; font-size:16px;}
.bd3-sub-head h4{line-height: normal;}
.bd3-para p{padding: 0;}


.bd3-bx1-txt{width: 80%;}
.bd3-bx2-txt, .bd3-bx1-txt{top:50%;}
.bd3-lft-bx2:hover .bd3-bx2-txt, .bd3-lft-bx1:hover .bd3-bx1-txt{top:50%;}
.bd3-bx1-txt p{padding: 0;}
.bd3-bx1-txt h2{font-size: 18px; margin-bottom: 15px;}
.bd3-bx2-txt h2{font-size: 18px; margin-bottom: 15px;}
.bd4-heading h2{font-size: 36px; margin-bottom: 5px;}
.bd4-sub-head h4{font-size: 24px;}
.bd4-car-txt h4{font-size: 24px;}
.testimoni-head h2{font-size: 36px;}
.testimoni-bx1 h4{font-size: 24px;}
.testimoni-bx1 p{font-size: 16px;}
.partners-heading h2{font-size: 36px;}
.partners-sub-head h4{line-height: normal;}
.partners-para p{font-size: 16px; padding: 0;}
.partners-btn a{padding: 15px 30px; font-size:16px;}
.ft-logo img{width: 35%;}
.ft-from-lft h3{font-size: 24px;}
.footer-from .ftr-cnt-dtls li a{font-size: 20px;}
.footer-from .ftr-social li a{font-size: 25px;}
.ft-from-rgt{top: 10%;}
.ft-from-rgt h2{font-size: 30px;}
.ft-from-rgt h4{font-size: 22px; line-height: normal;}
.ft-from-rgt button{width: 50%; font-size: 16px;}
.ft-copy-right p{padding: 20px 0; font-size: 14px;}




/* About page css starts here */
.inner-page .bnr-txt h1{width: 100%; font-size: 36px;}
.inner-page .bnr-txt p{font-size: 22px; font-weight: 500;}
.about-company-sec .about-cmpny-txt p{font-size: 16px;}
.who-we-are .copy{padding: 20px 20px 20px 40px; min-height: 325px; width: 55%;}
.who-we-are .copy p{font-size: 16px; line-height: normal;}
.who-we-are .copy h5{font-size: 24px;}
.team-member-sec .member-row .member-dtl-box{min-height: 295px;}
.team-member-sec .member-row .member-dtl-box h5{font-size: 24px; margin: 0;}
.testi-section .item{padding: 40px;}
.our-prtnrs-sec .logo-box{height: 160px;}
.our-prtnrs-sec .logo-box img{max-height: 105px;}
/* About page css ends here */

/* contact page css start here */
.contact-ban-txt .bnr-txt p{width: 100%;}
.contact-us-sec h2{font-size: 36px;}
.contact-us-sec p{font-size: 16px;}
.contact-map iframe{height: 450px;}
/* contact page css end here */


/* Resource page css starts here */

.resources-cntnt-rht{width: 100%;display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-between;}
.resource-cntnt-1{width: 45%;margin-bottom: 20px;}
.resource-cntnt-1 p {font-size: 17px; line-height: 24px;}
/* Resource page css end here */


/* Wellhead services page css starts here */
.srvc-cards-sec .card-box .card-txt h5{font-size: 19px;}
.srvc-cards-sec .card-box .card-txt{padding: 20px;}
/* Wellhead services page css ends here */
}


@media screen and (max-width:1024px){
.bd2-car-bg{padding: 20px 45px;}
.bd3-bx2-txt, .bd3-bx1-txt{top: 40%;}
.bd3-lft-bx2:hover .bd3-bx2-txt, .bd3-lft-bx1:hover .bd3-bx1-txt{top: 40%;}

/* About page css starts here */
.inner-page .bnr-txt{padding-top:100px;}
.inner-page .bnr-txt h1{width: 80%; font-size: 30px;}
.who-we-are .cl-btn a{font-size: 16px;}
.who-we-are .copy{min-height: 280px;}
.team-member-sec .member-row .member-dtl-box{padding: 50px; min-height: 270px;}
/* About page css ends here */



/* Wellhead services page css starts here */
.inner-page .bnr-txt h1{width: 100%;}
.srvc-cards-sec .card-box .card-txt{min-height: 200px;}
.srvc-cards-sec .card-box .card-txt p{font-size: 15px; line-height: normal;}
.srvc-slider-sec .slider-copy{padding:30px;}
.srvc-slider-sec .slider-copy h2{font-size: 28px;}
.srvc-slider-sec .slider-copy h4{font-size: 24px;}

/* Wellhead services page css ends here */

}

@media screen and (max-width:991px){
	
/* home page banner text css start  */
.hero-section .bnr-txt-hm-pg {padding-top: 100px;}
.hero-section .bnr-txt-hm-pg h1{font-size: 28px;}
.hero-section .bnr-txt-hm-pg p{font-size: 20px; margin: 10px 0 15px 0;}
/* home page banner text css end  */
	
    .top-bar a{font-size: 16px;}
    .top-bar a i{margin:0 2px 0 0;}

    .hero-section .nav-section .navbar{display: none;}
    .hero-section .off-canvas{display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
    .hero-section .off-canvas .offcanvas{height: fit-content;}
    .hero-section .off-canvas .offcanvas .nav-link{font-size: 18px; color: #000;}
    .hero-section .off-canvas .navbar-toggler{ background: #000000b8;}
    .hero-section .off-canvas .navbar-toggler .navbar-toggler-icon{background-image: url(../images/menu.png);}
    .hero-section .off-canvas .navbar-toggler:focus{box-shadow: none;}
.hero-section.search_menuto .off-canvas{
    background: #000;
    position: relative;
}

.bd1-heading h2{font-size: 30px;}
.bd1-sub-head h4{font-size: 24px; line-height: normal;}
.bd1-sub-head h4 br{display: none;}
.bd1-list ul li p{margin: 0 0 10px 0;}
.bd1-lft-img1 img{width: 50%;}
.bd1-lft-img2{top: 25%; width: 35%; left: 40%;}
.bd3-up-img img{width: 80%;}
.bd3-up-img{top: -12%;}
.bd2-carousal-img1 img{top: -2.5%; left: 15%; width: 70%;}
.bd2-car-bg{width: 80%; margin: 11rem auto 0; padding: 150px 30px 30px 30px;}
.carousal-bd2>.carousel>.carousel-control-next{left: 100%;}
.carousal-bd2{top: 0%; position: relative; width: 100%; left: auto;}
.bd2-car-bg p{margin: 0 0 10px 0;}
.bd2-car-bg h4{margin: 0 0 5px 0;}
.bd2-heading h2{font-size: 30px;}
.bd2-sub-head h4{line-height: normal;}
.bd3-bx1-txt, .bd3-bx2-txt{top: 40%;}
.bd3-bx1-txt h2, .bd3-bx2-txt h2{margin-bottom: 16px; font-size: 18px !important;}
.bd3-rgt{margin: 60px 0 0 30px;}
.bd3-heading h2{font-size: 30px; margin-bottom: 5px;}
.bd3-sub-head h4{font-size: 24px;}
.bd3-para p{font-size: 16px;}
.bd4-heading h2{font-size: 30px;}
.bd4-tab-d-none{display: none;}
.bd4-car-hold{width: 100%; min-height: 400px;}
.bd4-car-txt h4{font-size: 22px; line-height: normal;}
.bd4-car-txt p{margin: 0; line-height: normal; font-size: 16px;}
.testimoni-hld{padding: 60px 0;}
.testimoni-head h2{font-size: 30px;}
.testimoni-bx1 h4{font-size: 22px;}
.partners-heading h2{font-size: 30px;}
.partners-sub-head h4{font-size: 24px;}
.partners-para p{margin: 0 0 20px 0;}
.ft-from-rgt{position: static; width: 100%;}

/* About page css starts here */
h2{font-size: 30px !important;}
h4{font-size: 24px !important;}
.inner-page .bnr-txt h1{width: 100%; font-size: 28px;}
.inner-page .bnr-txt p{font-size: 20px; line-height: normal;}
.about-company-sec{padding: 60px 0;}
.about-company-sec .g-5{--bs-gutter-y:2rem;}
.who-we-are .content-box{padding: 20% 0;}
.who-we-are .about-cmpny-txt{margin: 30px 0 0 0;}
.who-we-are .thumb-img{width: 40%; left: -35%;}
.who-we-are .copy{width: 70%; min-height: 265px;}
.who-we-are .row > .col-lg-6:last-child{order: 1;}
.who-we-are .row > .col-lg-6:first-child{order: 2;}

.why-dfrnt-sec .dfrnt-row > .col-lg-6:last-child{order: 1;}
.why-dfrnt-sec .dfrnt-row > .col-lg-6:first-child{order: 2;}

.team-member-sec .member-row .member-img{width: 35%;}
.our-prtnrs-sec .logo-box{height: 150px;}

/* About page css ends here */



/* contact page css start here */
.contact-us-sec h2{font-size: 30px;}
.contact-us-sec p{width: 100%;}
.contact-map iframe{height: 350px;}
/* contact page css end here */


/* Resource page css starts here */
.resource-heading p{padding: 0; width: 100%; font-size: 16px;}
.recources-sec .cmpny-images .cmpny-img-1 img, .recources-sec .cmpny-images .cmpny-img-2 img{height: 350px; object-fit: cover;}
.many-varitions-hanging-img{top: -8%;}
.many-varitions-sec .many-varitions-images .cmpny-img-1 img, .many-varitions-sec .many-varitions-images .cmpny-img-2 img{height: 350px; object-fit: cover;}
/* Resource page css end here */


/* Wellhead services page css starts here */
.inner-page .bnr-btn a{font-size: 20px;}
.services-sections .ordr-2{order: 2; margin: 40px 0 60px 0;}
.services-sections .ordr-1{order: 1;}
.srvc-cards-sec .crd-head-txt{width: 90%;}
.srvc-cards-sec .card-box .card-txt{position: static; margin: 0; min-height: auto;}
.srvc-cards-sec .card-box img{max-height: 450px; object-fit: cover;}
.srvc-cards-sec .row{row-gap:35px;}
.cl-btn a{font-size: 16px;}
/* Wellhead services page css ends here */

}


@media screen and (max-width:820px){
    .hero-section .navbar-brand img{width: 80%;}
    .bd2-car-bg{margin: 11rem auto 0; padding: 150px 25px 25px 25px;}
    .bd3-bx1-txt h2, .bd3-bx2-txt h2{font-size: 17px;}
    .bd3-bx1-txt{top: 80%;}

/* Wellhead services page css starts here */
.inner-page .bnr-btn a{font-size: 20px;}
/* Wellhead services page css ends here */
}

@media screen and (max-width:767px){
    h2{font-size: 24px !important;}
    h4{font-size: 20px !important;}
	
/* home page banner text css start  */
.hero-section .bnr-txt-hm-pg h1{font-size: 20px;}
.hero-section .bnr-txt-hm-pg p{font-size: 16px; margin: 8px 0 12px 0;}
.hero-section .bnr-txt-hm-pg a{padding: 10px 22px; font-size: 14px;}
/* home page banner text css end  */
    
    .top-bar a{font-size: 15px;}
    .top_rightbtn{justify-content: center;margin-top: 10px;}
    .bd1-lft-img1 img{width: 100%;}
    .bd1-lft-img2{width: 40%; top: 18%; left: 45%;}
    .bd1-heading h2{margin: 0 0 5px 0;}
    .bd1-heading h2 br{display: none;}
    .carousal-bd2{width: 100%;}
    .bd1-btn a{font-size: 14px; padding: 12px 24px;}
    .carousal-bd2{position: static;}
    .bd2-car-bg{margin: 5rem auto 0; padding: 45% 25px 25px 25px;}
    .bd2-rgt{margin: 30px 0 0 0;}
    .bd2-heading h2{margin: 0 0 10px 0;}
    .bd2-sub-head h4{margin: 0 0 5px 0;}
    .bd2-btn a{font-size: 14px; padding: 12px 24px;}
    .resources-sec .mobile-d-none{display: none;}
    /*.bd3-lft-bx2{min-height: 420px;}*/
    .bd3-lft-bx1::before{width: 100%;}
    .bd3-lft-bx1 img, .bd3-lft-bx2 img{margin: 0; width: 100%;}
    .carousal-bd3>.carousel>.carousel-control-prev{left: -13%;}
    .bd3-bx1-txt h2, .bd3-bx2-txt h2{font-size: 20px !important;}
    .bd3-bx1-txt, .bd3-bx2-txt{width: 100%; top: 40%; padding: 3%; left: 1%;}
    .bd3-up-img{top: -9%; z-index: -1;}
    .bd3-bx1-txt a, .bd3-bx2-txt a{font-size: 16px;}
    .bd4-car-txt{bottom: 10%;}
    .bd4-car-hold{min-height: 370px;}
    .our-team-sec{margin-bottom:60px;}
    .bd4-car>.carousel>.carousel-control-next{top: 40%;}
    .bd4-car>.carousel>.carousel-control-prev{top: -20%;}
    .testimonial .mobile-d-none{display: none;}
    .testimonial .testimoni-bx1{width: 100%;}
    .bd3-rgt{margin: 0 0 40px 0;}

/* About page css starts here */
.inner-page, .inner-page .bnr-img, .inner-page .bnr-img img{min-height: 310px; object-fit: cover;}
.inner-page .bnr-txt h1{width: 100%; font-size: 20px;}
.inner-page .bnr-txt p{font-size: 16px;}
.who-we-are .content-box{margin: 10% 0 0 0; padding: 20% 0 10% 0;}
.who-we-are .thumb-img{top: -54%; left: 7%; width: 25%;}
.who-we-are .copy{width: 100%; min-height: 200px;}
.who-we-are .g-5{--bs-gutter-y:1rem;}

.team-member-sec .member-row{flex-direction: column;}
.team-member-sec .member-row .member-dtl-box{width: 100%; padding: 30px; margin: -25px 0 0 0;}
.team-member-sec .mambr-altr .member-dtl-box{order: 2;}
/* About page css ends here */


/* contact page css start here */
.contact-us-sec h2{font-size: 24px;}
.contact-us-sec p{font-size: 16px;}
.contact-map iframe{height: 250px;}
/* contact page css end here */



/* Resource page css starts here */
.recources-sec .container .g-5{--bs-gutter-y:1rem;}
/* Resource page css end here */


/* Wellhead services page css starts here */
.inner-page .bnr-btn a{font-size: 16px; padding: 8px 16px;}
.services-sections ul{gap: 5px;}
.services-sections .srvc-head-txt{width: 100%;}
.cl-btn a{font-size: 16px; padding: 8px 16px;}
.srvc-three-sec .brush-img{top: -12%;}
.srvc-three-sec .row{row-gap:20px;}
.srvc-cards-sec .card-box img{max-height:330px;}
.srvc-cards-sec{padding: 60px 0;}

/* Wellhead services page css ends here */
}

@media screen and (max-width:575px){
	
/* home page banner text css start  */
.hero-section .bnr-txt-hm-pg h1{font-size: 18px; margin:0;}
.hero-section .bnr-txt-hm-pg p{font-size: 14px; margin: 7px 0 10px 0;}
.hero-section .bnr-txt-hm-pg a {padding: 8px 18px; font-size: 10px;}
/* home page banner text css end  */
	
    .top-bar .cntct-dtls{justify-content: flex-start; gap: 15px;}
    .top_scl_info,
    .top-scl-lnks{width: 50%;}
    .top_rightbtn{
        margin-top: 0 !important;
        justify-content: flex-end;
    }
    .top-bar .cntct-dtls li span{display: none;}
    .top-bar a i{font-size: 18px;}
    .hero-section .navbar-brand img{width: 70%;}
    .navbar-toggler-icon{width:20px; height: 20px;}

    .bd1-rgt{margin: 25px 0 0 0;}
    .bd1-lft-img2{top: 15%;}
    .carousal-bd2>.carousel>.carousel-control-prev{position: static; width: 3%; transform: translate(250px,0%);}
    .carousal-bd2>.carousel>.carousel-control-next{position: static; width: 3%; transform: translate(310px,-100%);}
    .bd3-lft-bx2{min-height: auto;}
    .bd4-car>.carousel>.carousel-control-prev{position: static; width: 3%; transform: translate(250px,0%);}
    .bd4-car>.carousel>.carousel-control-next{position: static; width: 3%; transform: translate(310px,-100%);}
    .bd4-car-2nd, .bd4-car-1st, .bd4-car-3rd{margin: 0;}
    .testimonial-carousal>.carousel-control-prev{position: static; width: 3%; transform: translate(250px,0%);}
    .testimonial-carousal>.carousel-control-next{position: static; width: 3%; transform: translate(310px,-100%);}
    .partners .partners-lft{margin: 0 0 50px 0;}

    .bd1-p{padding: 30px 0;}
    .bd1-bg{margin-bottom:40px;}
    .bd2-rgt{margin: 30px 0;}
    .services-sec{margin-bottom: 90px;}
    .bd3-rgt{margin: 0 0 60px 0;}
    .bd2-car-bg{margin: 80px auto 0 auto; padding: 45% 25px 25px 25px; width: 90%;}
    .bd2-carousal-img1 img{width: 80%; left: 10%;}
    .resources-sec{padding: 60px;}
	
    .bd3-bx1-txt, .bd3-bx2-txt{top: 30%;}
    .bd3-lft-bx2:hover .bd3-bx2-txt, .bd3-lft-bx1:hover .bd3-bx1-txt{top: 30%;}
    .bd3-lft-bx2:hover.bd3-lft-bx2::before, .bd3-lft-bx1:hover.bd3-lft-bx1::before{opacity: 0;}


/* About page css starts here */
.inner-page, .inner-page .bnr-img, .inner-page .bnr-img img{min-height: 275px; object-fit: cover;}
.inner-page .bnr-txt h1{width: 100%; font-size: 18px; margin: 0;}
.inner-page .bnr-txt p{margin: 5px 0 0 0; font-size: 14px;}
.about-company-sec .cmpny-images .cmpny-img-1 img, .about-company-sec .cmpny-images .cmpny-img-2 img{height: 230px; object-fit: cover;}
.who-we-are .copy{min-height: 150px; padding: 60px 20px 20px 20px;}
.who-we-are .thumb-img{top: -80%; left: 4%;}
.why-dfrnt-sec .dfrnt-images .dfrnt-img-1 img, .why-dfrnt-sec .dfrnt-images .dfrnt-img-2 img{height: 230px; object-fit: cover;}
.why-dfrnt-sec .dfrnt-row{margin: 0 0 0 0;}
.why-dfrnt-sec ul{padding: 0 0 0 15px;}
.why-dfrnt-sec h4::after{width: 10px; height: 10px; top: 7px; left: -18px;}
.why-dfrnt-sec .dfrnt-row ul{padding: 0;}
.team-member-sec{padding: 30px 0;}
.team-member-sec .member-row .member-dtl-box h5{font-size: 20px;}
.team-member-sec .member-row .member-dtl-box span{font-size: 14px;}
.team-member-sec .team-head-txt p{font-size: 16px;}
.team-member-sec .team-head-txt h2{margin: 0;}
.our-prtnrs-sec .logo-box{height: 120px;}
.our-prtnrs-sec .logo-box img{max-height:80px;}
.testi-section .item h5{font-size: 22px;}
.testi-section .item p{font-size: 16px;}

  body {
    padding-right: 0 !important;
  }
/* About page css ends here */



    /* contact page css start here  */
    .contact-us-sec{padding: 60px 0;}
    .contact-map{box-shadow: 9px 12px 0px 0px var(--main-color);
     -webkit-box-shadow: 9px 12px 0px 0px var(--main-color);
      -moz-box-shadow:9px 12px 0px 0px var(--main-color);} 

    /* contact page css end here  */ 


/* Wellhead services page css starts here */
.inner-page .bnr-btn a{font-size: 15px; padding: 5px 16px;}
.inner-page .bnr-btn{margin: 15px 0 0 0;}
.services-sections p, .about-company-sec .about-cmpny-txt p{font-size: 14px;}
.services-sections ul li{font-size: 16px;}
.services-sections ul li::after{width: 10px; height: 10px; left: -15px; top: 8px;}
.srvc-cards-sec p{font-size: 16px; line-height: normal;}
.srvc-cards-sec .card-box .card-txt h5{font-size: 22px;}
.srvc-cards-sec .card-box .card-txt{padding: 15px;}
.srvc-cards-sec .card-box img{max-height:300px;}
/* Wellhead services page css ends here */

}


@media screen and (max-width:480px){
	
/* home page banner text css start  */
.hero-section .bnr-img img{min-height:250px;}
.hero-section .bnr-txt-hm-pg {padding-top: 90px;}
.hero-section .bnr-txt-hm-pg h1{font-size: 18px; margin:0;}
.hero-section .bnr-txt-hm-pg p{font-size: 14px; margin: 5px 0 8px 0;}
.hero-section .bnr-txt-hm-pg a {padding: 8px 18px; font-size: 10px;}
/* home page banner text css end  */
	
	
    h2{font-size: 22px !important;}
    h4{font-size: 18px !important;}
    .carousal-bd2>.carousel>.carousel-control-prev{transform:translate(160px,0%)}
    .carousal-bd2>.carousel>.carousel-control-next{transform: translate(220px, -100%);}
    .resources-sec{padding: 60px 0;}
    .bd4-car-hold{min-height: 300px;}
    .bd4-car-txt p{font-size: 14px;}
    .bd4-car>.carousel>.carousel-control-prev{transform:translate(165px,0%)}
    .bd4-car>.carousel>.carousel-control-next{transform: translate(205px, -100%);}
    .testimonial-carousal>.carousel-control-prev{transform:translate(160px,0%)}
    .testimonial-carousal>.carousel-control-next{transform: translate(210px, -100%);}
    .footer-from .ftr-cnt-dtls{margin: 0 0 0 15px;}
    .footer-from .ftr-social{margin: 30px 0 0 20px;}
    .carousal-bd3>.carousel>.carousel-control-prev{position: static; transform:translate(127px,0%)}
    .carousal-bd3>.carousel>.carousel-control-next{position: static; transform: translate(200px, -80%);}
    .ft-from-rgt{padding: 30px;}
    .footer-from .ftr-cnt-dtls li a{font-size: 18px;}
    .testimoni-bx1{padding: 15px;}
    .bd2-carousal-img1 img{min-height:260px;}
	.bd3-bx1-txt, .bd3-bx2-txt{top:20%;}
	.bd3-lft-bx2:hover .bd3-bx2-txt, .bd3-lft-bx1:hover .bd3-bx1-txt{top:20%;}

/* About page css starts here */
.who-we-are .thumb-img{position: static; margin: -120px 0 0 0;}
.who-we-are .copy h5{margin: 10px 0 0 0;}
.why-dfrnt-sec p{font-size: 14px;}
.team-member-sec .member-row .member-dtl-box p{font-size: 14px;}
.testi-section .item p{font-size: 14px;}
.our-prtnrs-sec .prtnrs-head-txt p{font-size: 14px;}
/* About page css ends here */


/* contact page css start here */
.contact-us-sec h2{font-size: 22px;}
.contact-us-sec p{font-size: 16px;}
.contact-map iframe{height: 250px;}
/* contact page css end here */


/* Resource page css starts here */
.recources-sec{padding: 60px 0 0 0; margin-bottom: 90px;}
.resource-heading p{font-size: 14px;}
.recources-sec .cmpny-images .cmpny-img-1 img, .recources-sec .cmpny-images .cmpny-img-2 img{height: 275px;}
.resource-cntnt-1 p{font-size: 14px; line-height: normal;}
.resource-cntnt-1 a{font-size: 16px;}
.many-varitions-sec{padding: 40px 0;}
.many-varitions-hanging-img{top: -7%;}
.many-varitions-sub-head h4{margin: 0; line-height: normal;}
.many-varitions-cntnt-1 p{font-size: 14px;}
.many-varitions-cntnt-1 a{font-size: 16px;}
.many-varitions-sec .many-varitions-images .cmpny-img-1 img, .many-varitions-sec .many-varitions-images .cmpny-img-2 img{height: 275px;}
/* Resource page css end here */


/* Wellhead services page css starts here */
.srvc-cards-sec .crd-head-txt p{font-size: 14px;}
.srvc-cards-sec p{font-size: 14px;}
.srvc-three-sec p{font-size: 14px; margin: 15px 0 20px 0;}
.srvc-cards-sec .card-box .card-txt h5{font-size: 18px;}
.srvc-slider-sec .slider-copy p{font-size: 14px;}
.service-banner .bnr-img, .service-banner .bnr-img img{min-height:350px;}

/* Wellhead services page css ends here */
}


@media screen and (max-width:390px){
.hero-section .navbar-brand img{width: 50%;}
.carousal-bd3>.carousel>.carousel-control-prev{transform: translate(125px,20px); font-size: 25px;}
.carousal-bd3>.carousel>.carousel-control-next{transform: translate(195px, -7px); font-size: 25px;}
.bd4-car-hold{min-height:280px;}
	
.bd4-car-hold { gap: 10px;}
.bd4-car>.carousel>.carousel-control-prev{transform: translate(145px,5px); font-size: 25px;}
.bd4-car>.carousel>.carousel-control-next{transform: translate(188px, -26px); font-size: 25px;}
.testimonial-carousal>.carousel-control-prev{transform: translate(150px,15px); font-size: 25px;}
.testimonial-carousal>.carousel-control-next{transform: translate(200px, -17px); font-size: 25px;}
.ft-last{flex-direction: column;}
.ft-from-rgt button{padding: 10px 20px; margin: 5px 0 0 0;}
	.ft-from-rgt button, .ft-from-rgt input.wpcf7-form-control.wpcf7-submit{width:100%;}

.carousal-bd2>.carousel>.carousel-control-next, .carousal-bd2>.carousel>.carousel-control-prev{font-size: 25px;}
.bd1-lft-img2{top: 8%;}
.bd2-car-bg{width:100%; padding: 53% 25px 25px 25px;}
.carousal-bd2>.carousel>.carousel-control-prev{transform: translate(165px,16px);}
.carousal-bd2>.carousel>.carousel-control-next{transform: translate(215px, -16px);}
    .bd3-up-img{top: -7%;}
    .resources-sec{margin-bottom: 30px;}
    .bd4-sub-head h4{margin-bottom: 10px;}
    .testimonial{margin-bottom: 60px;}
    .testimonial .testimoni-bx1{padding: 30px;}
    .our-team-sec .bd4-mobile-d-none{display: none;}
    .our-team-sec .bd4-car-txt{bottom: 0%;}
    .our-team-sec{margin-bottom:30px;}
    .bd1-btn a, .bd2-btn a, .bd3-btn a, .partners-btn a{padding: 8px 16px;}

    .ft-from-con{padding: 60px 0;}

/* About page css starts here */
.who-we-are .copy h5{font-size: 20px; margin: 10px 0 5px 0;}
.who-we-are .copy p{font-size: 14px;}
/* About page css ends here */
}

@media screen and (max-width:360px){
    .carousal-bd2>.carousel>.carousel-control-prev{transform: translate(130px,0%);}
    .carousal-bd2>.carousel>.carousel-control-next{transform: translate(180px, -100%);}
    .testimoni-bx1{padding: 30px;}
    .ft-from-lft h3{font-size: 20px;}
    .footer-from .ftr-cnt-dtls{margin: 0;}
    .footer-from .ftr-cnt-dtls li a{font-size: 18px;}
    .footer-from .ftr-social{margin: 15px 0 0 0;}
    .footer-from .ftr-social li a{font-size: 20px;}
    .hero-section .navbar-brand img{width: 50%;}
    .navbar-toggler-icon{width: 18px; height: 18px;}
    .bd4-car-txt h4{font-size: 16px !important;}
    .bd2-carousal-img1 img{min-height:230px;}
	.bd3-bx1-txt, .bd3-bx2-txt{top:1%;}
}


section.error-404 {
    text-align: center;
    padding: 100px 0;
}
section.error-404 h2.not-found-text {
    font-size: 160px;
    font-family: 'Raleway';
}
.hero-section.search_menuto .nav-section {
    position: relative;
    background: #000;
}
.search-results-inner {
    padding: 100px 0;
}