/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');





/* ============================================
GLOBAL/COMMON CSS
============================================ */

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 0;
}

* {
    padding: 0;
    margin: 0;
}

:root {
    --primary-color: #144372;
    --primary-color-rgb: 20, 67, 114;
    --secondary-color: #FFA800;
    --text-color: #333333;
    /* --bg-light: #F0F0F0; */
    --bg-light: #F5f5f5;
    --bg-dark: #cccccc;
    --bg-primary: #144372;
    --bg-secondary: #FFA800;
}

html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

body {
    /* font-family: "Montserrat", sans-serif; */
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow-x: hidden;
    background-color: #ffffff;
    /* color: #666666; */
    color: var(--text-color);
}

html,
body,
.wrapper {
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-color);
    font-weight: normal;
    line-height: 1.2;
    /* font-family: "Montserrat", sans-serif; */
    font-family: "Montserrat", sans-serif;

    margin: 0;
    margin-bottom: 20px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}

a,
.btn,
button {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    outline: medium none;
    font-weight: 600;
}

a img,
iframe {
    border: none;
}

p {
    color: var(--text-color);
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid var(--secondary-color);
}


input:focus,
textarea:focus,
select:focus {
    outline: none;
    box-shadow: inherit;
}

ul {
    margin: 0;
    list-style-type: none;
}

b {
    font-weight: 600 !important;
}

a,
a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    color: var(--text-color);
}

a:hover {
    color: var(--text-color);
}

a {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

/* a.btn-regular {
  text-transform: capitalize;
  font-size: 16px;
  color: var(--text-color);
}

a.btn-regular i {
  font-weight: 400;
  top: 4px;
  margin-left: 25px;
  position: relative;
  z-index: 1;
  font-size: 24px;
}

a.btn-regular i::after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  height: 1px;
  width: 25px;
  background: var(--text-color);
  transition: all 0.35s ease-in-out;
}

a.btn-regular:hover {
  color: var(--primary-color);
}

a.btn-regular:hover i::after {
  background: var(--primary-color);
} */

.btn.active,
.btn:active {
    background-image: inherit !important;
}

.btn.focus,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover {
    outline: 0;
}

/* .btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
} */

.btn.active,
.btn:active {
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.btn i {
    font-size: 12px;
    margin-left: 0;
    position: relative;
    top: 1px;
}

/* .video-btn {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  margin-left: 10px;
}

.text-center .video-btn {
  margin-left: 0;
}

.video-btn i {
  display: inline-block;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  background: var(--primary-color);
  border-radius: 50%;
  position: relative;
  margin-right: 20px;
  color: #ffffff;
}

.text-light .video-btn i {
  background: #ffffff;
  color: var(--primary-color);
}

.video-btn i::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: var(--primary-color) repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
  z-index: -1;
} */

input {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
    min-height: 50px;
}



.btn.btn-icon i {
    height: 30px;
    width: 30px;
    line-height: 31px;
    background: #ffffff;
    color: var(--text-color);
    border-radius: 50%;
    margin-left: 10px;
    font-weight: 600;
    font-size: 15px;
}

.btn.btn-icon {
    padding: 13px 25px;
}

.btn {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;

    overflow: hidden;
    border-radius: inherit;
    border: none;
}

.btn-md {
    padding: 15px 40px;
}

.btn-md.border {
    padding: 13px 40px;
}


.btn-sm {
    padding: 10px 35px;
    font-size: 12px;
}

.btn-sm.btn-border {
    padding: 8px 35px;
    font-size: 12px;
}


.btn.btn-sm-pro {
    font-size: 10px;
    font-weight: 600;
    margin-top: 5px;
    padding: 4px 35px;
    display: inline-block;
}

.btn-border-light {
    border: 2px solid #ffffff;
}

.btn.btn-sm-pro.btn-border-light:hover,
.btn.btn-sm-pro.btn-border-light:focus {
    background-color: #ffffff;
    color: var(--text-color);
    border: 2px solid #ffffff;
}

/* Primary Btn = Blue Button */
.btn-dark {
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.btn-dark.theme {
    background-color: var(--secondary-color);
    /* color: #ffffff; */
    color: var(--primary-color);

}


.btn-dark.theme.theme2 {
    background-color: var(--primary-color);
    /* color: #ffffff; */
    color: white;
    font-weight: 600;

}

.btn-dark.theme.theme2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 0;
    transition: all 0.35s ease-in-out;
    background-color: var(--secondary-color);
    z-index: -1;
}

.btn-dark.theme::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 0;
    transition: all 0.35s ease-in-out;
    background-color: var(--primary-color);
    z-index: -1;
}

.btn-dark.theme:hover::after {
    height: 100%;
    width: 100%;
}

.btn-dark.border {
    background-color: transparent;
    color: var(--secondary-color);
    border: 2px solid var(--secondary-color) !important;
}

.btn-dark.border:hover {
    background-color: var(--secondary-color);
    color: #ffffff !important;
    border: 2px solid var(--secondary-color) !important;
}

.btn-dark:hover,
.btn-dark:focus {
    color: var(--primary-color) !important;
}

/* Secondary Btn = Yellow Bg Button */
.btn-light {
    color: var(--primary-color) !important;
    background-color: var(--secondary-color);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-light::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 0;
    transition: all 0.25s ease-in-out;
    background: var(--primary-color);
    color: white;
    z-index: -1;
}

.btn-light:hover {
    color: white !important;
}


/* Common CTA */
.product-cta .btn-light::after {
    background-color: white;
    color: var(--primary-color) !important;
}

.product-cta .btn-light:hover {
    color: var(--primary-color) !important;
}

.product-cta h2 {
    font-weight: 700;
}

.btn-light:hover::after {
    width: 100%;
    height: 100%;
}

/* .btn.btn-light.border {
  background: transparent;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  position: relative;
  z-index: 1;
}

.btn.btn-light.border::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 0;
  width: 0;
  transition: all 0.25s ease-in-out;
  background: #ffffff;
  z-index: -1;
}

.shadow .btn-light::after {
  background: var(--secondary-color);
}

.btn.btn-light.border:hover::after {
  height: 100%;
  width: 100%;
}

.btn.btn-light.border:hover {
  color: var(--text-color) !important;
} */



/* .btn-theme {
  background-color: var(--primary-color);
  color: #ffffff !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-theme::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 0;
  width: 0;
  transition: all 0.25s ease-in-out;
  background: var(--secondary-color);
  z-index: -1;
}

.btn-theme:hover::after {
  width: 100%;
  height: 100%;
}

.btn-theme.border {
  background-color: transparent;
  color: var(--primary-color) !important;
  border: 2px solid var(--primary-color);
}

.btn-theme.border:hover {
  background-color: var(--primary-color);
  color: #ffffff !important;
  border: 2px solid var(--primary-color);
}

.btn-theme.border:hover {
  background-color: #febc35;
  color: var(--text-color) !important;
  border: 2px solid #febc35;
} */

.btn.btn-sm-lm {
    font-size: 12px;
    padding: 4px 35px;
}

a.more-btn {
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;

    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 10px;
}

a.more-btn>i {
    font-size: 10px;
    position: relative;
    top: -1px;
}

/*
a.more-btn::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  content: "";
  height: 1px;
  width: 40px;
  border-bottom: 1px dashed;
  transition: all 0.35s ease-in-out;
}

a.more-btn:hover::after {
  width: 100%;
} */

a.more-btn:hover {
    color: var(--secondary-color);
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light a {
    color: #ffffff;
}

.text-light ul.achivement li {
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.text-light ul.achivement li .counter {
    color: #ffffff;
}





/* ----------------------------------
CONTAINER CSS
---------------------------------- */
.container-half {
    margin: 0 auto;
    width: 60%;
    padding: 0 15px;
}

.container-medium {
    padding: 0 15px;
    margin: auto;
    max-width: 1400px;
    position: relative;
}

.container-full {
    padding: 0 15px;
    margin: auto;
    max-width: 1400px;
}

.bg-cover {
    background-position: center center;
    background-size: cover;
}

.bg-contain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-fixed {
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}

.bg-gray {
    /* background-color: #eef1f6; */
    background-color: var(--bg-light);
}

.bg-dark-gray {
    background-color: var(--bg-dark);
}

.bg-theme-small {
    background: rgba(255, 53, 20, 0.03);
}

.bg-light {
    background-color: #ffffff !important;
}

.bg-theme {
    background-color: var(--primary-color);
}

.bg-gradient {
    background: var(--primary-color);
    background: -webkit-linear-gradient(top left, var(--primary-color), #F3BA19);
    background: -moz-linear-gradient(top left, var(--primary-color), #F3BA19);
    background: linear-gradient(to bottom right, var(--primary-color), #F3BA19);
}

.text-white {
    color: white;
}

.text-theme {
    color: var(--primary-color);
}

.text-theme-2 {
    color: var(--secondary-color);
}

.default-padding {
    /* padding-top: 120px; */
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.default-padding-top {
    padding-top: 120px;
    position: relative;
}

.default-padding-top.bottom-less {
    margin-bottom: -30px;
}

.default-padding-bottom {
    padding-bottom: 120px;
    position: relative;
}

.default-padding-bottom.bottom-less {
    padding-bottom: 90px;
}

.default-padding.bottom-less {
    /* padding-top: 120px; */
    padding-top: 60px;
    padding-bottom: 60px;
}

.relative {
    position: relative;
    z-index: 1;
}

.site-heading {
    margin-bottom: 40px;
}

.site-heading h2 {
    display: inline-block;
    font-weight: 700 !important;
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
    text-transform: capitalize;

}

.site-heading.left-heading h2::before,
.site-heading.left-heading h2::after {
    /* left: 5%; */
    left: 12%;
}


.bg-dark .site-heading h2,
.bg-dark .site-heading p {
    color: #ffffff;
}

.site-heading.less-info h2 {
    margin-bottom: 0;
}

.site-heading h4 {
    color: var(--primary-color) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}

.site-heading.clean h2 {
    padding-bottom: 0;
}

.site-heading.clean h2 span {
    color: var(--primary-color);
}

.site-heading h2 span {
    color: var(--primary-color);
}

.site-heading p {
    margin: 0;
    margin-top: 20px;
    padding: 0 10%;
}

.site-heading h2::before {
    background: var(--secondary-color) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 40px;
}

.site-heading h2::after {
    background: var(--secondary-color) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: 20px;
    position: absolute;
    width: 5px;
}

.site-heading.text-left h2::before {
    left: 0;
    margin-left: 0;
}

.site-heading.text-left h2::after {
    left: 45px;
    margin-left: 0;
}

.side .widget.social img {
    height: 45px;
    width: 22px;
}

.side .widget.social svg {
    margin-bottom: 20px;
}

.side .widget.social svg:hover path {
    fill: #144372 !important;
    /* Change the fill color on hover */
}



/* ================================
HOMEPAGE
================================ */



/* -----------------------------
All icons
----------------------------- */
.home-product-category-icons {
    width: 50px;
}




/* -----------------------------
HEADER - navbar
----------------------------- */
nav.navbar.bootsnav ul.nav>li>a {
    font-weight: 600;
}

.navbar .attr-nav .side-menu {
    padding: 42px 0;
}

/* sidebar */
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
    font-weight: 500 !important;
}

.widget.address .content p {
    color: var(--primary-color) !important;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}


nav.navbar.bootsnav ul.nav>li>a:hover {
    color: var(--secondary-color) !important;
}

/* .navbar.bg-dark .attr-nav .side-menu span {
  background: #ffffff;;
} */



/* ---------------------------
 homepage - Hero banner
 -----------------------------*/
.carousel-wrapper {
    position: relative;
    /* height: 90vh !important; */
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    /* Adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
    /* allows buttons and slider below to remain clickable */
}

.carousel-inner,
.carousel-item img {
    position: relative;
    z-index: 0;
}

.carousel-control-prev,
.carousel-control-next {
    background: transparent;
    border: none;
}


/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}


/* Homepage mobile banner */
.homepage-mobile-banner{
    display: none;
}


/* homepage - about section */
.home-about .site-heading {
    margin-bottom: 10px;
}

.home-about .site-heading h2::before,
.home-about .site-heading h2::after {
    left: 5%;
}

.home-about h4 {
    text-transform: uppercase;
    font-weight: 600;
    color: #32c36c;
}

.home-about h2 {
    font-weight: 600;
    margin-bottom: 25px;
}

.home-about .btn {
    margin-top: 30px;
}

.home-about blockquote {
    font-size: 18px;
    padding-right: 15%;
    margin-bottom: 20px;
    line-height: 30px;
    border-left: 2px solid var(--secondary-color);
    padding-left: 20px;
}

.home-about ul li {
    display: flex;
    align-items: center;
    float: left;
    width: 50%;
    padding: 0 30px;
    margin-top: 20px;
}

.home-about ul li img {
    height: 40px;
    margin-right: 20px;
}

.home-about ul li:nth-child(3) img {
    margin-right: 50px !important;
}

.home-about ul li img:hover {
    color: var(--secondary-color);
}

.home-about ul {
    margin: 0 -30px;
}

.home-about ul li h5 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
}


/* homepage - product category section */
.home-product-category {
    background-color: var(--bg-light);
    position: relative;
    z-index: 1;
}

.product-category-sec {
    overflow: hidden;
}

/* product category - headings */
.headings .site-heading {
    width: 100%;
}

.product-category-col h6 {
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product-category-col h2 {
    font-weight: 600;
    margin-bottom: 0;
}

.product-category-col {
    padding: 60px 50px;
    position: relative;
    z-index: 1;
    background-color: #f7f7f7;
}

.product-category-col i {
    display: inline-block;
    font-size: 60px;
    color: var(--primary-color);
    margin-bottom: 30px;
}

.product-category-col h4 {
    font-weight: 600;
}

.product-category-col::before {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    height: 1px;
    width: 100%;
    background: #e7e7e7;
}

.product-category-col p {
    margin-bottom: 0;
}

.product-category-col .thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 99%;
    width: 70%;
    z-index: -1;
    background-size: cover !important;
    background-position: center !important;
    transition: all 0.25s ease-in-out;
    opacity: 1;
}

.product-category-col .thumb::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    /* background: #ffffff; category background */
    background: #f7f7f7;
    z-index: -1;
    transition: all 0.35s ease-in-out;
}

.product-category-col:hover .thumb::after {
    opacity: 0.6;
    /* background-color: #000000; */
    background-color: rgba(20, 67, 114, 1);
}

.product-category-col:hover .thumb {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.product-category-col i,
.product-category-col h4,
.product-category-col h4 a,
.product-category-col p {
    transition: all 0.35s ease-in-out;
}

.product-category-col:hover i,
.product-category-col:hover h4,
.product-category-col:hover a,
.product-category-col:hover p {
    color: #ffffff;
}

.product-category-col:hover i,
.product-category-col:hover .product-category-col i {
    color: var(--secondary-color) !important;
}

.product-category-col:nth-child(1) .thumb {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.product-category-col:nth-child(1) .thumb::after {
    background: #000000;
    background: rgba(20, 67, 114, 1);
    opacity: 0.6;
}

.product-category-col:nth-child(1) h4,
.product-category-col:nth-child(1) h4 a,
.product-category-col:nth-child(1) i,
.product-category-col:nth-child(1) p {
    color: #ffffff;
}

.product-category-col:nth-child(1) i {
    color: var(--secondary-color);
}



/* homepage - our products section */
.home-products {
    position: relative;
    display: block;
    padding: 60px 0 100px;
    overflow: hidden;
    z-index: 1;
}

.home-products .section-title__tagline::before {
    left: 50%;
    transform: translateX(-50%);
}

.home-products__main-tab-box {
    position: relative;
    display: block;
}

.home-products__left {
    position: relative;
    display: block;
    z-index: 5;
}

.home-products__main-tab-box .tab-buttons {
    position: relative;
    display: block;
}

.home-products__main-tab-box .tab-buttons .tab-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: var(--austry-extra); */
    background-color: var(--bg-light);
    padding: 21px 30px 21px;
    padding-right: 35px;
    cursor: pointer;
    z-index: 1;
}

.home-products__main-tab-box .tab-buttons .tab-btn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    left: 0;
    background-color: var(--primary-color);
    transition: all 0.3s ease;
    transform: scaleY(0);
}

.home-products__main-tab-box .tab-buttons .tab-btn.active-btn:before {
    transform: scaleY(1);
}

.home-products__main-tab-box .tab-buttons .tab-btn+.tab-btn {
    margin-top: 10px;
}

.home-products__main-tab-box .tab-buttons .tab-btn p {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 18px;

    margin-bottom: 0;
}

.home-products__main-tab-box .tab-buttons .tab-btn span {
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 12px;

}

.home-products__right {
    position: relative;
    display: block;
    margin-right: -300px;
    z-index: 1;
}

.home-products__main-tab-box .tabs-content {
    position: relative;
    display: block;
}

.home-products__main-tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

.home-products__main-tab-box .tabs-content .tab.active-tab {
    display: block;
    margin-top: 0px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.home-products__main-tab-content {
    position: relative;
    display: block;
}

.home-products__carousel {
    position: relative;
    display: block;
}

/* HOME PRODUCTS CAROUSEL  */
.single-item-carousel .owl-dots,
.single-item-carousel .owl-nav {
    display: none !important;
}

.single-item-carousel .item {
    width: 593px !important;
    height: auto !important;
}

.home-products__carousel .owl-nav {
    margin-top: 50px !important;
}

.home-products__carousel .owl-nav .owl-prev,
.home-products__carousel .owl-nav .owl-next {
    background-color: var(--bg-light);
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 0;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 10px rgba(0 0 0 / 18%);
}

.home-products__carousel .owl-nav .owl-prev:hover,
.home-products__carousel .owl-nav .owl-next:hover {
    background-color: var(--primary-color);
    color: white;
}



@media (min-width: 1400px) {
    .custom-container {
        max-width: 1600px;
        margin: 0 auto;
    }
}

@media (min-width: 1920px) {
    .custom-container {
        max-width: 1800px;
    }
}

.home-products__single {
    position: relative;
    display: block;
}

.home-products__img-box {
    position: relative;
    display: block;
}

.home-products__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.home-products__img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(var(--primary-color-rgb), .30);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.home-products__single:hover .home-products__img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
}

.home-products__img img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease
}

.home-products__single:hover .home-products__img img {
    transform: scale(1.05);
}

.home-products__content-box {
    position: absolute;
    bottom: -30px;
    right: 40px;
    background-color: var(--primary-color);
    padding-left: 40px;
    padding-right: 100px;
    padding-top: 39px;
    padding-bottom: 34px;
    z-index: 2;
}

.home-products__sub-title {
    font-size: 12px;
    /* color: var(--primary-color); */
    /* color: #dce6f2; */
    color: #f0f0f0;
    text-transform: uppercase;
    font-weight: 600;

    line-height: 12px;
}

.home-products__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;

    margin-top: 7px;
    color: var(--secondary-color);
}

.home-products__title a {
    color: white;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.home-products__title a:hover {
    /* color: var(--primary-color); */
    color: var(--secondary-color);
    /* color: white; */
}

.home-products__arrow {
    position: absolute;
    top: -50px;
    right: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    transform: scale(0);
    z-index: 1;
}

.home-products__single:hover .home-products__arrow {
    transform: scale(1);
}

.home-products__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    color: white;
    background-color: var(--primary-color);
    font-size: 17px;
}

.home-products__arrow:hover a {
    background-color: var(--secondary-color);
    color: var(--primary-color) !important;
}

.home-products__carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.home-products__carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
}

.home-products__carousel.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible;
}

.home-products__carousel.owl-carousel .owl-dots {
    position: absolute;
    bottom: 10%;
    left: -300px;
    right: 0;
    text-align: center;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-products__carousel.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(var(--primary-color-rgb), .50);
    margin: 0px 2.5px;
    padding: 0px;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.home-products__carousel.owl-carousel .owl-dot.active {
    background-color: var(--primary-color);
    display: block;
}

.home-products__carousel.owl-carousel .owl-dot:focus {
    outline: none;
}

.home-products__carousel.owl-carousel .owl-dots .owl-dot span {
    display: none;
}


/* skipper sathi community section */
.sathi-community-area .row {
    margin: 0;
}

.sathi-community-area {
    position: relative;
    z-index: 1;
}

.sathi-community-area::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 50%;
    width: 100%;
    background: #eef1f6;
    z-index: -1;
}

.shape-less.sathi-community-area::after {
    display: none;
}

.sathi-community-area.bg-gray::after {
    background: #ffffff;
}

.sathi-community-area .inner-items {
    background: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.sathi-community-area .inner-items .left-info {
    padding: 60px 50px;
    padding-left: 0;
    position: relative;
    z-index: 1;
}

.sathi-community-area .inner-items .left-info::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 300%;
    background: var(--primary-color);
    z-index: -1;
}

.yellow .sathi-community-area .inner-items .left-info::before {
    background: #febc35;
}

.sathi-community-area .inner-items .left-info::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 300px;
    width: 400px;
    background: url(assets/img/shape/2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1;
}

.sathi-community-area .inner-items .left-info .item {
    margin-top: 30px;
}

.sathi-community-area .inner-items .left-info .item:first-child {
    margin-top: 0;
}

.sathi-community-area .inner-items .left-info .item h4 {
    font-weight: 600;
}

.sathi-community-area .inner-items .left-info .item h2 {
    font-weight: 700;
}

.sathi-community-area .inner-items .left-info .item p {
    margin: 0;
}

ul.achivement {
    margin-top: 35px;
    display: block;
}

ul.achivement li {
    display: inline-block;
    margin-right: 40px;
    border-right: 1px solid #cccccc;
    padding-right: 40px;
    float: left;
}

ul.achivement li:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

ul.achivement li .counter {
    position: relative;
}

ul.achivement li .counter {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 36px;
    font-weight: 600;
    color: var(--text-color);
    line-height: 1;
    margin-bottom: 5px;
}

ul.achivement li .counter .operator {
    font-size: 40px;
    margin-left: 2px;
}

/* overview page */
ul.achivement li .counter .operator span {
    font-size: 18px;
    margin-left: 2px;
}

ul.achivement li .medium {
    font-weight: 600;
    text-align: right;
}

.sathi-community-area .inner-items .right-info {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 50px;
}

.sathi-community-area .inner-items .right-info::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #000000;
    z-index: -1;
    opacity: 0.5;
}

.sathi-community-area .inner-items .right-info h2 {
    color: #ffffff;
    font-weight: 700;
}

.sathi-community-area .inner-items .right-info p {
    color: #ffffff;
    padding: 0 10%;
}

.sathi-community-area .inner-items .right-info a {
    margin-top: 30px;
}


/* homepage - video /trusted section */
.trusted-one {
    position: relative;
    display: block;
    text-align: center;
    padding: 120px 0 180px;
    background-color: #101c30;
    z-index: 1;
}

.trusted-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .20;
    mix-blend-mode: luminosity;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.trusted-one__inner {
    position: relative;
    display: block;
}

.trusted-one__video-link {
    position: relative;
    display: inline-block;
    z-index: 3;
    margin-top: 70px;
}

.trusted-one__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 118px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    font-size: 30px;
    color: white;
    background-color: var(--primary-color);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.trusted-one__video-icon:hover {
    background-color: white;
    color: var(--secondary-color);
}

.trusted-one__video-icon:before {
    position: absolute;
    top: -17px;
    left: -17px;
    right: -17px;
    bottom: -17px;
    content: "";
    background-color: white;
    border-radius: 50%;
    opacity: 0.05;
    z-index: 1;
}

.trusted-one__video-link .ripple,
.trusted-one__video-icon .ripple:before,
.trusted-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.trusted-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.trusted-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.trusted-one__title {
    font-size: 50px;
    font-weight: 700;
    color: white;
    line-height: 60px !important;
    padding-top: 47px;

    padding-bottom: 50px;
}

.trusted-one__title>span {
    position: relative;
    display: inline-block;
    font-family: var(--austry-font) !important;
    z-index: 1;
}

.trusted-one__title>span:before {
    position: absolute;
    bottom: -20px;
    left: -20px;
    right: -35px;
    content: "";
    height: 92px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/shapes/trusted-one-shape-1.png);
    z-index: -1;
    animation-name: zoom-fade-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade-2;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade-2;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade-2;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade-2;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.trusted-one__btn {
    background-color: var(--austry-base-secondary);
    color: var(--primary-color);
}

.trusted-one__btn:hover {
    color: var(--primary-color);
}

.trusted-one__btn::after {
    background-color: white;
}



/* Homepage - Testimonials Section */
.testimonials-area .testimonial-content .owl-item {
    position: relative;
    z-index: 1;
}


.testimonial-items h1 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
    font-size: 250px;
    font-weight: 900;
    margin: 0;
    line-height: 0.8;
    left: 30px;
    margin-bottom: 20px;
    margin-top: -20px;
    margin-left: -8px;
}

.testimonial-items .title h2 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: -5px;
}

.testimonial-items .title a {
    margin-top: 10px;
}

.testimonials-area .testimonial-content .provider {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.testimonials-area .testimonial-content .provider img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-right: 25px;
    border: 5px solid #ffffff;
    box-shadow: 0 0 25px rgb(0 0 0 / 25%);
}

.testimonials-area .testimonial-content .content {
    padding-left: 105px;
}

.testimonials-area .testimonial-content .provider .info h5 {
    margin-bottom: 4px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 20px;
}

.testimonials-area .testimonial-content .provider .info span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.testimonials-area .testimonial-content .content .rating {
    display: block;
    margin-bottom: 30px;
    color: var(--secondary-color);
}

.testimonials-area .testimonial-content p {
    font-size: 18px;
    line-height: 34px;
    margin-top: -5px;
    color: var(--text-color);
    font-weight: 400;
}

.testimonials-area .testimonial-content.testimonials-carousel .owl-nav {
    position: absolute;
    bottom: 55px;
    right: 30px;
}

.testimonials-area .testimonial-content.testimonials-carousel .owl-nav i {
    font-weight: 600;
}

.testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-prev,
.testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-next {
    background: transparent;
    color: var(--primary-color);
    font-size: 24px;
    margin: 0;
    padding: 10px;
}


.testimonials-area .testimonial-content.testimonials-carousel .owl-dots {
    margin-top: 30px;
    margin-bottom: -8px;
    text-align: left;
    margin-left: 25px;
}

.testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot span {
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    position: relative;
    z-index: 1;
    opacity: 0.5;
    border: 4px solid var(--primary-color);
}

.testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot.active span::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 5px;
    width: 5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: var(--primary-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot.active span {
    opacity: 1;
}

.testimonials-area .testimonial-content .item {
    padding: 50px;
    position: relative;
    z-index: 1;
    margin-left: 30px;

    border: 2px solid #eef1f6;
}

.testimonials-area.bg-gray .testimonial-content .item {
    background: #ffffff;
}

.testimonials-area .testimonial-content .item::after {
    position: absolute;
    left: -15px;
    top: 30px;
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #eef1f6;
    z-index: 1;
}

.testimonials-area.bg-gray .testimonial-content .item::after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #ffffff;
}

.testimonials-area .testimonial-content .item::before {
    position: absolute;
    left: 50px;
    top: 50px;
    font-weight: 600;
    font-size: 70px;
    /* color: var(--text-color); */
    color: var(--secondary-color);
    content: "";
    background: url(assets/img/final2/home-icons/Home_\ Testimonial.svg);
    background-size: contain;
    height: 60px;
    width: 55px;
    background-repeat: no-repeat;
    background-position: left top;
}



/* homepage - Blog Section */
.blog-area .single-item {
    margin-bottom: 30px;
}

.blog-area .blog-items .item,
.blog-area .blog-items .item {
    /* box-shadow: 3px 2px 10px rgba(0 0 0 / 20%); */
    box-shadow: 0px 0px 10px rgba(0 0 0 / 18%);
    background: #ffffff;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
    padding: 10px;
    /* border: 1px solid transparent; */

}

.main-blogs-grid.blog-area .blog-items .item {
    opacity: 0;
    transform: rotateY(90deg);
    /* flip from side */
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.main-blogs-grid.blog-area .blog-items .item.show {
    opacity: 1;
    transform: rotateY(0deg);

}

.blog-area .blog-items .item::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 50px;
    border-bottom: 6px solid var(--bg-dark);
}

.blog-area .blog-items .item::after {
    position: absolute;
    left: 0;
    bottom: 0px;
    content: "";
    height: 5px;
    width: 0px;
    border-bottom: 6px solid var(--primary-color);
    transition: all 0.35s ease-in-out;
}

.blog-area .blog-items .item:hover::after {
    width: 100%;
}

/* .blog-area .blog-items .item:hover{
  border: 1px solid rgba(0, 0, 0, 0.25);
} */

/*  .blog-area .blog-items .item::before{
   content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

 .blog-area .blog-items .item:hover::before{
  transform: scale(1, 1);
  transform-origin: left center;
} */



/* a.more-btn::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  content: "";
  height: 1px;
  width: 40px;
  border-bottom: 1px dashed;
  transition: all 0.35s ease-in-out;
}

a.more-btn:hover::after {
  width: 100%;
} */



/*  .blog-area .blog-items .item {
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  background: #ffffff;
} */

/* .blog-area.home-blog  .blog-items .item {
  box-shadow: inherit;
  background: transparent;
} */

.blog-area .thumb {
    position: relative;
    z-index: 1;
}

.blog-area .item .info {
    padding-top: 20px;
    overflow: hidden;
}

.blog-area.home-blog .item .info {
    padding: 0;
    padding-top: 20px;
    padding-right: 20px;
}

.blog-area.home-blog.date-less .item .info {
    padding-top: 30px;
}

.blog-area.home-blog .item .info p:last-child {
    padding-bottom: 0;
}

.blog-area .item .info .meta {
    margin-bottom: 15px;
}

.blog-area .item .info .meta ul {
    display: flex;
    align-items: center;
}

.blog-area .btn {
    margin-top: 5px;
}


.blog-area .item .info .meta ul li {
    margin-right: 15px;
    position: relative;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    color: #999;
}

.blog-area .item .info .meta ul li i {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    top: 1px;
    font-weight: 600;
}

.blog-area .item .info .meta ul li a {
    /* color: var(--text-color); blogs meta */
    color: #999;
    font-weight: 600;
}

.blog-area .item .info .meta ul li a:hover {
    color: var(--secondary-color);
}


.blog-area .item .info h2,
.blog-area .item .info h3,
.blog-area .item .info h4 {
    font-weight: 600;
    line-height: 1.4;
}

.blog-area .item .info h2 a:hover,
.blog-area .item .info h3 a:hover,
.blog-area .item .info h4 a:hover {
    color: var(--primary-color);
}


.blog-area .item .info .content h4 a {
    color: var(--primary-color);
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-area .item .info .content h4 a:hover {
    color: var(--secondary-color);
}

/* main blogs page */
/* .main-blogs-grid.blog-area .item,
.blog-area.single .item{
  border: 1px solid rgba(0, 0, 0, 0.25);
} */




/* ------------------------------
Blogs - Single Blog
---------------------------------*/

.blog-area.full-blog .blog-items .item::after,
.blog-area.full-blog .blog-items .item::before {
    border-bottom: 0px !important;
}

.blog-area.full-blog .blog-items .item {
    border: 1px solid var(--bg-dark);
}

.blog-area.full-blog .item .thumb {
    display: none !important;
}

.blog-area.full-blog .single-item {
    margin-bottom: 50px;
}

/* .blog-area.full-blog .thumb img {

} */


.blog-area .info .footer-entry {
    float: left;
    width: 100%;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.blog-area .info .footer-entry h4 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-right: 20px;
    margin-top: 7px;
}

.blog-area .info .footer-entry a {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    background: #ffffff;
    font-weight: 600;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 30px;
    border: 1px solid #e7e7e7;
}

.blog-area .info .footer-entry a:hover {
    background: var(--primary-color);
    color: #ffffff;
    border-color: var(--primary-color);
}

.yellow .blog-area .info .footer-entry a:hover {
    background: #febc35;
    color: #232323;
    border-color: #febc35;
}

.blog-area.full-blog .btn {
    margin-top: 10px;
}


/* blog sidebar - common sidebar*/
/* Sidebar */

.blog-area.left-sidebar .blog-content {
    float: right;
}

.blog-area.left-sidebar .sidebar {
    padding-right: 35px;
}

.blog-area.right-sidebar .sidebar {
    padding-left: 35px;
}

.blog-area .sidebar .title {
    display: block;
}

.blog-area .sidebar .title h4 {
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: -5px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    font-size: 22px;
    display: inline-block;
    padding-bottom: 15px;
}

.blog-area .sidebar .title h4::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 50px;
    border-bottom: 2px solid var(--primary-color);
}

.yellow .blog-area .sidebar .title h4::after {
    border-bottom: 2px solid #febc35;
}

.blog-area .sidebar input[type="text"] {
    border: none;
    box-shadow: inherit;
    min-height: 60px;
    background: var(--bg-light);

    padding-left: 20px;
}

.blog-area .sidebar form {
    position: relative;
}

.blog-area .sidebar button[type="submit"] {
    border: none;
    color: #ffffff;
    font-weight: 600;

    min-height: 50px;
    width: 50px;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-size: 16px;
    background: var(--primary-color);

}

.yellow .blog-area .sidebar button[type="submit"] {
    color: #232323;
    background: #febc35;
}

.yellow .blog-area .sidebar input[type="submit"]:hover {
    background: #febc35 none repeat scroll 0 0;
}

.blog-area .sidebar input[type="submit"]:hover {
    background: var(--primary-color) none repeat scroll 0 0;
}


.blog-area .sidebar .sidebar-item {
    float: left;
    margin-bottom: 50px;
    width: 100%;
    background: var(--bg-light);

    padding: 40px;
}

.blog-area .sidebar .sidebar-item.search {
    background: transparent;
    padding: 0;
}

.blog-area .sidebar .sidebar-item:last-child {
    margin-bottom: 0;
}

.blog-area .sidebar .sidebar-item.category .sidebar-info,
.blog-area .sidebar .sidebar-item.archives .sidebar-info {
    margin-top: -5px;
}

.blog-area .sidebar .sidebar-item.category li {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.blog-area .sidebar .sidebar-item.category li a {
    display: flex;
    text-transform: capitalize;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: 13px;
    color: #454545;
}

.blog-area .sidebar-item.category li a::after {
    position: absolute;
    left: 0;
    top: 6px;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    font-size: 12px;
}

.blog-area .sidebar .sidebar-item li a:hover {
    color: var(--primary-color);
}

.yellow .blog-area .sidebar .sidebar-item li a:hover {
    color: #febc35;
}

.blog-area .sidebar .sidebar-item.category li a span {
    font-size: 12px;
    margin-left: 5px;
    background: #ffffff;
    min-width: 40px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 30px;
    margin: 3px 0;
    font-weight: 600;
}

.blog-area .sidebar .sidebar-item.category li:first-child a span {
    top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child {
    margin-top: 0;
    padding-top: 0;
}

.blog-area .sidebar .sidebar-item.category li:last-child {
    border: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar-item.recent-post li a {
    color: #232323;
    display: block;
    font-weight: 600;
}

.sidebar-item.recent-post li a:last-child {
    display: inline-block;
}

.sidebar-item.recent-post .meta-title {
    margin-bottom: 4px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
}

.sidebar-item.recent-post .meta-title i {
    margin-right: 3px;
    font-weight: 600;
}

.sidebar-item.recent-post li a:hover {
    color: var(--primary-color);
}

.yellow .sidebar-item.recent-post li a:hover {
    color: #febc35;
}

.sidebar-item.recent-post li a span {
    display: inline-block;
    color: #002359;
}

.sidebar-item.recent-post li span {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
}

.sidebar-item.recent-post .meta-title a {
    color: #999999;
}

.sidebar-item.recent-post li {
    color: #cdd0d3;
}

.sidebar-item.recent-post li {
    margin-bottom: 25px;
}

.sidebar-item.recent-post li:last-child {
    border: medium none;
    margin: 0;
    padding: 0;
}

.sidebar-item.recent-post li:last-child {
    margin: 0;
}

.sidebar-item.recent-post li .thumb {
    display: table-cell;
    padding-top: 5px;
    vertical-align: top;
    width: 80px;
}

.sidebar-item.recent-post .thumb img {
    width: 100%;
    border-radius: inherit;
}

.sidebar-item.recent-post li .info {
    box-shadow: inherit;
    color: #837f7e;
    display: table-cell;
    line-height: 26px;
    padding: 0;
    padding-left: 25px;
    vertical-align: top;
}

.sidebar-item.recent-post li .info a {
    text-decoration: inherit;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    color: #454545;
    line-height: 23px;
}

.blog-area .sidebar-item.gallery ul {
    margin: -7px;
    overflow: hidden;
}

.sidebar-item.gallery ul li {
    box-sizing: border-box;
    float: left;
    padding: 7px;
    width: 33.333%;
}

.sidebar-item.gallery ul li img {
    min-height: 70px;
    width: 100%;
}

.sidebar-item.archives ul li {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.sidebar-item.archives ul li:last-child {
    margin-bottom: 0;
}

.sidebar-item.archives ul li a {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 1;
    padding-left: 25px;
    font-size: 14px;
    color: #454545;
}

.sidebar-item.archives ul li a::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "\f07b";
    font-family: "Font Awesome 5 Pro";
    height: 8px;
    left: 0;
    position: absolute;
    width: 8px;
    font-weight: 600;
}

.sidebar-item.social-sidebar ul {
    margin-bottom: -10px;
    overflow: hidden;
}

.sidebar-item.social-sidebar li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.sidebar-item.social-sidebar li a {
    background: #002359 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    height: 50px;
    line-height: 54px;
    margin-bottom: 5px;
    text-align: center;
    width: 50px;
    font-size: 14px;
    border-radius: 50%;
}

.sidebar-item.social-sidebar li a:hover {
    color: #ffffff !important;
}

.sidebar-item.social-sidebar li.facebook a {
    background: #3B5998 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.twitter a {
    background: #1DA1F2 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.pinterest a {
    background: #BD081C none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.g-plus a {
    background: #DB4437 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.linkedin a {
    background: #0077B5 none repeat scroll 0 0;
}

.sidebar-item.tags ul {
    margin-top: -8px;
}

.sidebar-item.tags ul li {
    display: inline-block;
}

.sidebar-item.tags ul li a {
    border: 1px solid #e7e7e7;
    display: inline-block;
    font-weight: 600;
    margin-top: 8px;
    margin-right: 5px;
    padding: 5px 13px;
    text-transform: capitalize;
    font-size: 13px;
    border-radius: 30px;
    background: #ffffff;
    color: #454545;
}

.sidebar-item.tags ul li a:hover {
    color: var(--primary-color);
}

.yellow .sidebar-item.tags ul li a:hover {
    color: #febc35;
}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 50px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--primary-color);
    z-index: -1;
    opacity: 0.7;
}

.yellow .blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after {
    background: #febc35;
}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info h4 {
    color: #ffffff;
    font-weight: 600;
}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info p {
    color: #ffffff;
}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info a {
    display: inline-block;
    color: #ffffff;
    border: 1px dashed rgba(255, 255, 255, 0.7);
    padding: 10px 25px;
    margin-top: 9px;
}

.blog-area .blog-items.content-less .item .info>a {
    margin-top: 10px;
}


/* Blog Single */
.blog-area.single .item .content-box span {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;

    padding: 3px 20px;
    text-transform: uppercase;
}

.yellow .blog-area.single .item .content-box span {
    background: #febc35 none repeat scroll 0 0;
}

.blog-area.single .item .content-box h2,
.blog-area.single .item .content-box h3,
.blog-area.single .item .content-box h4 {
    font-weight: 600;
}

.blog-area.single .content-box .cats {
    float: left;
    margin-right: 5px;
}

.blog-area.single .content-box .meta .date {
    float: right;

    text-transform: uppercase;
}

.blog-area.single .content-box .meta {
    overflow: hidden;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.blog-area .blog-items .info>ul li {
    margin-bottom: 5px;
    color: #232323;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    display: block;
}

.blog-area .blog-items .info>ul {
    margin-bottom: 20px;
    margin-top: 20px;
}

.blog-area .blog-items .info>ul li::after {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    height: 5px;
    width: 5px;
    background: #333333;
    border-radius: 50%;
}

.blog-area.single .item {
    margin-bottom: 0;
}

.blog-area.full-blog .blog-items .item {
    box-shadow: inherit;
}

.blog-area .item blockquote {
    position: relative;
    z-index: 1;
    border: none;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    line-height: 36px;
    background: var(--primary-color);
    padding: 80px 50px;
    font-style: italic;

}

.yellow .blog-area .item blockquote {
    background: #febc35;
}

.blog-area .item blockquote cite {
    display: block;
    margin-top: 9px;
    color: #ffffff;
    position: relative;
    font-style: normal;
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
}

.blog-area .item blockquote cite::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 2px;
    width: 20px;
    background: #ffffff;
}

.blog-area .item blockquote::after {
    position: absolute;
    right: 50px;
    content: "\f10d";
    font-family: "Font Awesome 5 Pro";
    bottom: 8px;
    font-weight: 100;
    opacity: 0.5;
    font-size: 140px;
    font-style: normal;
    color: #ffffff;
}

.blog-area .item blockquote p {
    margin: 0;
    position: relative;
    z-index: 1;
    line-height: 34px;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
}

.blog-area .blog-content .post-tags,
.blog-area .blog-content .share {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    padding-bottom: 6px;
}

.blog-area .blog-content .share li {
    display: inline-block;
    margin-left: 15px;
}

.blog-area .blog-content .share li a {
    display: inline-block;
    color: var(--primary-color);
}

.yellow .blog-area .blog-content .share li a {
    color: #febc35;
}

.blog-area .blog-content .share li.facebook a {
    color: #3B5998;
}

.blog-area .blog-content .share li.twitter a {
    color: #1DA1F2;
}

.blog-area .blog-content .share li.pinterest a {
    color: #BD081C;
}

.blog-area .blog-content .share li.g-plus a {
    color: #DB4437;
}

.blog-area .blog-content .share li.linkedin a {
    color: #0077B5;
}

.blog-area .blog-content .post-tags .tags a {
    background: #eef1f6;
    padding: 10px 15px;
    font-size: 14px;
    margin-right: 3px;
    margin-bottom: 5px;
    display: inline-block;
}

.blog-area.single .post-pagi-area {
    margin-top: 50px;
    overflow: hidden;
}

.blog-area.single .post-pagi-area a {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    color: #999999;
    border-radius: 30px;
}

.blog-area.single .post-pagi-area h5 {
    margin: 0;
    margin-top: 5px;
    font-weight: 900;
    transition: all 0.35s ease-in-out;
    font-size: 18px;
}

.blog-area.single .post-pagi-area h5:hover {
    color: var(--primary-color);
}

.yellow .blog-area.single .post-pagi-area h5:hover {
    color: #febc35;
}

.blog-area.single.color-yellow .post-pagi-area a:hover {
    color: #ff9800;
}

.blog-area.single .post-pagi-area a:last-child {
    float: right;
}

.blog-area.single .post-pagi-area a:first-child i {
    margin-right: 3px;
}

.blog-area.single .post-pagi-area a:last-child i {
    margin-left: 3px;
}

.comments-area .commen-item .comments-info p {
    display: block;
    margin: 0;
}

.blog-area .contact-comments .submit {
    margin-bottom: 0;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Comments */

.blog-area .comments-form {
    margin-top: 50px;
}

.blog-area .blog-comments .comments-list {
    margin-bottom: 50px;
}

.blog-area .blog-comments .comments-list:last-child {
    margin-bottom: 0;
}

.comments-list .commen-item .avatar {
    height: 130px;
    width: 130px;
    min-width: 130px;
}

.comments-list .commen-item .content {
    position: relative;
}

.comments-list .commen-item .avatar img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.comments-list .commen-item {
    margin-top: 50px;
    display: flex;
    padding: 40px 30px;
    background: #ffffff;
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);

}

.comments-list .commen-item:first-child {
    margin: 0;
}

.comments-list .commen-item:last-child {
    margin-bottom: 0;
}

.comments-list .commen-item.reply {
    margin-left: 80px;
}

.comments-area {
    margin-top: 50px;
}

.comments-area .comments-title h2,
.comments-area .comments-title h3,
.comments-area .comments-title h4 {
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}

.comments-list .commen-item .content .reply a {
    font-size: 14px;
    background: #0a1015;
    color: #ffffff;
    display: inline-block;
    padding: 8px;
    font-weight: 600;
}

.comments-list .commen-item .content .reply a:hover {
    background: var(--primary-color);
}

.yellow .comments-list .commen-item .content .reply a:hover {
    background: #febc35;
}

.comments-list .commen-item .content .reply i {
    font-size: 12px;
}

.comments-list .commen-item .content p {
    margin-bottom: 0;
}

.comments-list .commen-item .content .title {
    align-items: center;
    margin-bottom: 15px;
    font-weight: 600;
}

.comments-list .commen-item .content .title span {
    font-weight: 600;
    color: #999999;
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

.comments-list .commen-item .content .title span i {
    font-weight: 600;
    margin-right: 5px;
}

.comments-list .commen-item .content .title span i.fa-reply {
    font-weight: 600;
    margin-right: 3px;
}

.comments-list .commen-item .content .title span a {
    margin-left: 10px;
}

.commen-item .comments-info a {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    border-radius: 30px;
    display: inline-block;
    padding: 3px 25px;
    background: var(--primary-color);
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.yellow .commen-item .comments-info a {
    background: #febc35;
}

.comments-info a i {
    margin-right: 10px;
}

.comments-form input,
.comments-form textarea {
    box-shadow: inherit;
    padding: 20px;
    background: transparent;
    min-height: 60px;
    border: 1px solid #e7e7e7;
    border-radius: inherit;
}

.comments-form textarea {
    min-height: 180px;
    padding: 15px;
}

.blog-area.full-blog.single-blog .form-group.submit {
    margin-bottom: 0;
}

.comments-form button {
    margin-top: 15px;
    background-color: var(--primary-color);
    color: #ffffff !important;
    border: 2px solid var(--primary-color);
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    padding: 15px 40px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.yellow .comments-form button {
    background-color: #febc35;
    color: #232323 !important;
    border: 2px solid #febc35;
}

.comments-form button::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 0;
    transition: all 0.25s ease-in-out;
    background: var(--secondary-color);
    z-index: -1;
}

.comments-form button:hover::after {
    width: 100%;
    height: 100%;
    color: var(--primary-color);
}

.comments-form button:hover {
    border: 2px solid var(--secondary-color);
    color: var(--primary-color) !important;
}

.comments-area .title h2,
.comments-area .title h3,
.comments-area .title h4 {
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-size: 26px;
}

.blog-area .contact-comments .comments {
    margin-top: 20px;
}

.blog-area.single .blog-items .item .contact-comments .col-md-6 {
    float: left;
    padding: 0 15px;
}




/* Footer section */
footer {
    position: relative;
    z-index: 1;
    background-color: var(--bg-light) !important;
}

footer .f-items.default-padding {
    padding-top: 40px;
}

footer .fixed-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0.05;
}

footer .fixed-shape img {
    width: 100%;
    position: absolute;
    bottom: 0;
}


footer .single-item {
    margin-top: 30px;
}

footer .widget-title {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 22px;
}

footer .contact {
    padding-right: 50px;
}

footer .contact ul li {
    margin-bottom: 15px;
}

footer .contact ul li:hover {
    color: var(--secondary-color);
}

footer .contact ul li a {
    font-weight: 400;
}

footer .contact ul li a:hover {
    color: var(--secondary-color);
}

footer .contact ul {
    margin-top: 25px;
}

footer .contact ul li i {
    margin-right: 15px;
    min-width: 20px;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    line-height: 40px;
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}

footer .contact ul li:hover i {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: 1px solid var(--secondary-color);
}

footer .contact ul li:last-child {
    margin-bottom: 0;
}

footer .contact .footer-social {
    display: flex;
}

footer .link ul li {
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative;
}

footer .link ul li::after {
    position: absolute;
    left: 0;
    top: 9px;
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #bcb3b3;
}

footer .link ul li:last-child {
    margin-bottom: 0;
}

footer .link ul li a {
    color: var(--text-color);
    font-weight: 400;
}

footer .link ul li a:hover {
    color: var(--secondary-color);
}

/* Footer Bottom  */
.footer-bottom {
    padding-bottom: 30px;
    margin-top: -10px;
}

.footer-bottom p {
    margin: 0;
}

.footer-bottom a:hover {
    color: var(--secondary-color);
    font-weight: 600;
}

.footer-bottom li {
    display: inline-block;
    margin-bottom: 0 !important;
}

.footer-bottom .text-right li {
    margin-left: 15px;
}

.footer-bottom .text-right li a {
    font-weight: 600;
}




/* ====================================
Common Hero Banner
==================================== */

.hero-banner {
    display: inline-block;
    width: 100%;
    /* height: 60vh; */
    height: 550px;
    overflow: hidden;
    position: relative;
}

/* blogs single */
.hero-banner.single-blog {
    min-height: 620px;
    height: 75%;
    overflow: hidden;
}

.hero-banner-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-banner-img img {
    width: 100%;
    height: 100%;
}


.hero-banner .hero-bg-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    background-color: rgba(20, 67, 114, 0.35);
}

.hero-banner.single-blog .hero-bg-overlay {
    background-color: rgba(20, 67, 114, 0.5);
}

.hero-banner-contents2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30%;
}

.hero-banner-contents2 .hero-banner-text h1,
.hero-banner-contents2 .hero-banner-text p {
    color: white;
}

.hero-banner-contents2 .hero-banner-text h1 {
    font-weight: 700;
    letter-spacing: 0;
}

.hero-banner-contents2 .hero-banner-text .meta ul li,
.hero-banner-contents2 .hero-banner-text .meta ul li i {
    color: white;
}

.hero-banner-featured-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.hero-banner-content {
    position: absolute;
    /* top: 0; */
    top: 230px;
    left: 10%;
    z-index: 1;
    /* z-index: 2; */
}

.hero-banner .hero-banner-content h1 {
    color: white;
    margin-bottom: 10px;
    font-weight: 700;
}

.hero-banner .hero-banner-content p {
    color: white;
    width: 700px;
    font-size: 18px;
}



/* ================================
Pagination
================================ */
.pagi-area .pagination {
    text-align: center;
    display: block;
    margin-top: 0;
}

.pagi-area .pagination li.page-item {
    float: none;
    display: inline-block;
}

.pagi-area .pagination li a {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 0 2px;
    margin-top: 5px;
    color: #232323;
    font-weight: 700;
}


.pagi-area .pagination li.active a {
    background: var(--primary-color);
    border-color: var(--primary-color);
}


/* ==============================================================
     # Bradcrumb
=================================================================== */
.breadcrumb-area {
    padding: 15px 0;
    background-color: var(--bg-light);
    color: var(--primary-color);
    margin-top: -5px;
}

.breadcrumb-area .breadcrumb {
    background: transparent none repeat scroll 0 0;
    border: none;
    display: inline-block;
    margin: 0;
    position: relative;
    z-index: 1;
    padding: 0;
}

.breadcrumb>li+li::before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    padding: 0 5px;
    color: var(--primary-color);
    display: none;
}

.breadcrumb-area .breadcrumb li i {
    margin-right: 5px;
}

.breadcrumb-area .breadcrumb li {
    padding: 0 15px;
    position: relative;
    display: inline-block;
    z-index: 1;
    font-weight: 400;
}

.breadcrumb-area .breadcrumb li::after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    left: -5px;
    position: absolute;
    font-size: 14px;
}

.breadcrumb-area .breadcrumb li:first-child::after {
    display: none;
}

.breadcrumb-area .breadcrumb a,
.breadcrumb-area .breadcrumb li {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary-color);
}


/* ==============================================================
     #Single Product page -   Work Process
=================================================================== */

.work-process-area .single-item {
    margin-bottom: 30px;
}

/* .work-process-area .thumb img {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border: 9px solid #ffffff;
} */

.work-process-area .work-pro-items .item i {
    display: inline-block;
    color: var(--primary-color);
    font-size: 60px;
    margin-bottom: 25px;
}

.work-process-area .work-pro-items .item h4 {
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 600;
}

.work-process-area .work-pro-items .item:hover h4,
.work-process-area .work-pro-items .item:hover i {
    color: var(--primary-color);
}

.work-process-area .work-pro-items .item h4 span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 70px;
    z-index: -1;
    color: var(--bg-light);
    opacity: 0.5;
    font-weight: 700;
}

.work-process-area .work-pro-items .item {
    border: 1px solid #e7e7e7;
    padding: 67px 50px;
    background: #ffffff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.work-process-area .work-pro-items .item p {
    margin: 0;
}

.work-process-area .work-pro-items .item .item-inner img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}


/* Animation */
.work-process-area .work-pro-items .item::before,
.work-process-area .work-pro-items .item::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: var(--primary-color);
}

.work-process-area .work-pro-items .item .item-inner::before,
.work-process-area .work-pro-items .item .item-inner::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: var(--primary-color);
}

.work-process-area .work-pro-items .item:hover::before,
.work-process-area .work-pro-items .item:hover::after,
.work-process-area .work-pro-items .single-item:nth-child(2) .item::before,
.work-process-area .work-pro-items .single-item:nth-child(2) .item::after {
    width: 100%;
}

.work-process-area .work-pro-items .item:hover .item-inner::before,
.work-process-area .work-pro-items .item:hover .item-inner::after,
.work-process-area .work-pro-items .single-item:nth-child(2) .item .item-inner::before,
.work-process-area .work-pro-items .single-item:nth-child(2) .item .item-inner::after {
    height: 100%;
}

/*----- button 1 -----*/
.work-process-area .work-pro-items .item::before,
.work-process-area .work-pro-items .item::after {
    transition-delay: 0.2s;
}

.work-process-area .work-pro-items .item .item-inner::before,
.work-process-area .work-pro-items .item .item-inner::after {
    transition-delay: 0s;
}

.work-process-area .work-pro-items .item::before {
    right: 0;
    top: 0;
}

.work-process-area .work-pro-items .item::after {
    left: 0;
    bottom: 0;
}

.work-process-area .work-pro-items .item .item-inner::before {
    left: 0;
    top: 0;
}

.work-process-area .work-pro-items .item .item-inner::after {
    right: 0;
    bottom: 0;
}

.work-process-area .work-pro-items .item:hover::before,
.work-process-area .work-pro-items .item:hover::after {
    transition-delay: 0s;
}

.work-process-area .work-pro-items .item:hover .item-inner::before,
.work-process-area .work-pro-items .item:hover .item-inner::after {
    transition-delay: 0.2s;
}


/*--------------------------------------------------------------
# Services Page One - Product Application
--------------------------------------------------------------*/
.services-page-one {
    position: relative;
    display: block;
    /* padding: 120px 0 90px; */
    padding: 60px 0 60px;
}

.services-page-one .services-one__single {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/


.services-one__bg-shape-1 {
    position: absolute;
    left: 0;
    bottom: -30px;
    opacity: .04;
    z-index: -1;
}

.services-one__bg-shape-1 img {
    width: auto;
}

.services-one__bg-shape-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .04;
    z-index: -1;
}

.services-one__bg-shape-2 img {
    width: auto;
}

.services-one__bottom {
    position: relative;
    display: block;
}

.services-one__carousel {
    position: relative;
    display: block;
}

.services-one__single {
    position: relative;
    display: block;
}

.services-one__img-box {
    position: relative;
    display: block;
}

.services-one__img {
    position: relative;
    display: block;
    overflow: hidden;
}

.services-one__img:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(20, 67, 114, 0.35);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    background-position: center center;
    z-index: 1;
}

.services-one__single:hover .services-one__img:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.services-one__img img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.services-one__single:hover .services-one__img img {
    transform: scale(1.05);
}

.services-one__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    /* background-color: var(--secondary-color); */
    background-color: var(--primary-color);
    z-index: 1;
}

.services-one__icon {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    /* background-color: var(--primary-color); */
    background-color: white;
    z-index: 1;
}

.services-one__icon img {
    height: 40px;
    width: 40px;
}

.services-one__icon i {
    position: relative;
    display: inline-block;
    font-size: 25px;
    color: var(--primary-color);
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.services-one__single:hover .services-one__icon i {
    transform: scale(.9);
    color: var(--secondary-color);
}

.services-one__arrow {
    position: absolute;
    right: 20px;
    bottom: -24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    font-size: 21px;
    color: white;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.services-one__arrow:hover {
    background-color: var(--primary-color);
    color: white;
}

.services-one__arrow:before {
    position: absolute;
    top: 0;
    left: -20px;
    content: "";
    border-left: 20px solid transparent;
    border-bottom: 26px solid var(--primary-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__arrow:hover:before {
    border-bottom: 26px solid var(--primary-color);
}

.services-one__content {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    padding: 22px 30px 26px;
}

.services-one__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 15px;
}

.services-one__title a {
    color: var(--primary-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__title a:hover {
    color: var(--secondary-color);
}

.services-one__carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.services-one__carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
}

.services-one__carousel.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible;
}

.services-one__carousel.owl-theme .owl-nav {
    position: absolute;
    top: -167px;
    right: 0;
}

.services-one__carousel.owl-theme .owl-nav .owl-next {
    height: 63px;
    width: 63px;
    line-height: 63px;
    border-radius: 50%;
    color: #c9cdd5;
    border: 2px solid #c3c8d0;
    background-color: transparent;
    font-size: 20px;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__carousel.owl-theme .owl-nav .owl-prev {
    height: 63px;
    width: 63px;
    line-height: 63px;
    border-radius: 50%;
    color: #c9cdd5;
    border: 2px solid #c3c8d0;
    background-color: transparent;
    font-size: 20px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__carousel.owl-theme .owl-nav .owl-next {
    margin-left: 5px;
}

.services-one__carousel.owl-theme .owl-nav .owl-prev {
    margin-right: 5px;
}

.services-one__carousel.owl-theme .owl-nav .owl-next span,
.services-one__carousel.owl-theme .owl-nav .owl-prev span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-one__carousel.owl-theme .owl-nav .owl-next:hover,
.services-one__carousel.owl-theme .owl-nav .owl-prev:hover {
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
}


/* Product faq  = main faq*/
.main-faqs {
    padding: 60px 0;
}

.main-faqs-sec .nav.nav-pills {
    display: flex;
    justify-content: center;
}

.main-faqs-sec .nav.nav-pills li {
    background-color: var(--bg-light);
    margin: 10px;
    cursor: pointer;
}

.main-faqs-sec .nav.nav-pills .nav-link {
    padding: 10px 20px;
    font-size: 14px;
}

.main-faqs-sec .nav.nav-pills .nav-link:hover {
    background-color: var(--primary-color);
    color: white;
}

.main-faqs-sec .nav.nav-pills li .nav-link.active {
    background-color: var(--primary-color);
}

.main-faqs-sec .faq-wrapper .faq-col-title {
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.main-faqs-sec .faq-wrapper .faq-section .accordion .card-header {
    /* background-color: var(--bg-light); */
    padding: 0;
    transition: all 0.3s ease;
}

.main-faqs-sec .faq-wrapper .faq-section .accordion .card-header h3 button {
    text-decoration: none;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    padding: 17px 20px;
    color: white;
    background-color: var(--primary-color);
}

.product-faq


.main-faqs-sec .faq-wrapper .faq-section .accordion .card-header:hover {
    background-color: var(--primary-color);
}


.main-faqs-sec .faq-wrapper .faq-section .accordion .card-header h3 .collapsed {
    background-color: var(--bg-light) !important;
    color: var(--primary-color);
}

.main-faqs-sec .faq-wrapper .faq-section .accordion .card-header:hover h3 button {
    color: white;
    background-color: var(--primary-color) !important;
}

.main-faqs-sec .faq-wrapper .faq-section .accordion .card-body {
    background-color: rgba(20, 67, 114, 0.1);
    font-weight: 500;
}



/* .main-faqs.bg-gray .card-header{
  background-color: var(--primary-color);
  color: white;
}


.main-faqs.bg-gray .card-header h2 button{
  color: var(--secondary-color) !important;
}

.main-faqs.bg-gray .card-header:hover h2 button.collapsed{
  color: var(--secondary-color) !important;
}

.main-faqs.bg-gray .card-header h2 button.collapsed{
  color: white !important;
} */

.faq-sec-title {
    font-weight: 600;
}

.main-faqs .card-header,
.product-faq .card-header {
    background-color: var(--bg-light);
    color: var(--primary-color);
}

.main-faqs .card-body,
.product-faq .card-body {
    padding: 20px 32px;
}

.main-faqs .card-header .collapse.show,
.product-faq .card-header .collapse.show {
    background-color: var(--primary-color) !important;
    color: white;
}

.main-faqs .card-header h2 button,
.product-faq .card-header h2 button {
    text-decoration: none;
    color: var(--primary-color) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}

.main-faqs .card-header h3 button {
    text-decoration: none;
    color: var(--primary-color) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}



/* ================================
Company - Overview page
================================ */

/* Common Hero banner - main */
.hero-banner2 {
    width: 100%;
    min-height: 550px;
    height: 70%;
    position: relative;
}

.hero-banner2-bg,
.hero-banner2-bg img {
    width: 100%;
    height: 100%;

}

.hero-banner2-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(20, 67, 114, 0.9); */
    background-color: rgba(20, 67, 114, 0.6);
}

.hero-banner2-overlay.product-single {
    background-color: rgba(20, 67, 114, 0.35);
}

.hero-banner2-content {
    position: absolute;
    bottom: 13%;
    left: 9%;
}

.hero-banner2-content h1 {
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.hero-banner2-content p {
    font-size: 18px;
    font-weight: 500;
    color: white;
}

.hero-banner2-responsive {
    display: none;
}


.overview-counters {
    border-right: 1px solid var(--bg-dark);
    padding-left: 20px;
}

.overview-counters:last-child {
    border-right: none;
}

.overview-counters .counter {
    display: flex;
}

.overview-counters .counter .timer,
.overview-counters .counter .operator {
    font-weight: 700;
    font-size: 34px;
    color: var(--primary-color);
}

.overview-counters .counter .operator span {
    font-size: 18px;
    margin-left: 2px;
}

.overview-counters .counter-text {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}


/* overview - vision section */
.vision-sec {
    position: relative;
}

.vision-sec img {
    width: 100%;
    height: auto;
}

.vision-sec .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 67, 114, 0.45);
}

.vision-sec .vision-sec-content {
    position: absolute;
    top: calc(50% - 50px);
    left: 9%;
    z-index: 1;
    color: white;
}

.vision-sec .vision-sec-content h2,
.vision-sec .vision-sec-content p {
    color: white;
}

.vision-sec .vision-sec-content h2 {
    font-size: 50px;
    font-weight: 700;
}

.vision-sec .vision-sec-content p {
    font-size: 22px;
    line-height: 1.5;
    max-width: 700px;
    font-weight: 500;
    font-style: italic;
}


/* overview - mission section */
.mission-left-col {
    position: sticky;
    top: 170px;
    left: 0;
}

.mission-sec--content-wrapper {
    margin-right: 50px;
}

.mission-sec--content-wrapper .mission-card {
    box-shadow: 0px 0px 10px rgba(0 0 0 / 18%);
    padding: 25px 15px 15px;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    background-color: white;
    /* border: 2px solid var(--primary-color); */
}

.mission-card-wrapper {
    position: relative;
}

.mission-card::before,
.mission-card::after {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--primary-color);
    color: var(--primary-color);
    position: absolute;
    top: -4px;
    left: 0;
    transition: all 0.35s ease-in-out;
    border: 2px solid var(--primary-color);
}


.mission-inner::before,
.mission-inner::after {
    content: '';
    width: 1px;
    height: 20px;
    background: var(--primary-color);
    color: var(--primary-color);
    position: absolute;
    top: -27px;
    left: -15px;
    transition: all 0.3s ease;
    border: 2px solid var(--primary-color);
}

.mission-card::after {
    bottom: 0px !important;
    top: auto;
    right: -1px;
    left: auto;
}

.mission-inner::after {
    left: auto !important;
    right: -17px;
    bottom: -30px;
    top: auto;
}

/* .mission-card:hover::before,
.mission-card:hover::after{
  width: 100.5%;
}

.mission-inner:hover::before,
.mission-inner:hover::after{
  height: 126%;
} */

.mission-inner {
    position: relative;
}

.mission-card h4 {
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.mission-card .mission-icon i {
    font-size: 24px;
    background-color: var(--primary-color);
    color: white;
    padding: 20px;
}

.mission-card .mission-icon img {
    width: 45px;
    height: 45px;

}

/* Mission animation */
/* Animation */
/* .mission-sec--content-wrapper .mission-card::before,
.mission-sec--content-wrapper .mission-card::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: var(--primary-color);
}

.mission-sec--content-wrapper .mission-card .mission-inner::before,
.mission-sec--content-wrapper .mission-card .mission-inner::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: var(--primary-color);
}

.mission-sec--content-wrapper .mission-card:hover::before,
.mission-sec--content-wrapper .mission-card:hover::after{
  width: 100%;
}

.mission-sec .mission-card:hover .mission-inner::before,
.mission-sec .mission-card:hover .mission-inner::after{
  height: 100%;
} */


/* overview - philosophy section */
.philosophy-col,
.company-icon-col {
    margin-bottom: 25px;
    padding: 25px 15px;
    border-right: 1px solid var(--bg-dark);
    transition: all 0.25s ease-in-out;
}

.company-icon-col {
    border: 1px solid transparent;
    border-right: 1px solid var(--bg-dark);

}

.philosophy-col:hover,
.company-icon-col:hover {
    /* background-color: var(--bg-light); */
    border: none;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(20, 67, 114, 0.25) !important;
    background-color: white;
}

.philosophy-col:last-child,
.company-icon-col:last-child {
    border-right: none;
}

.philosophy-col .icon,
.company-icon-col .icon {
    font-size: 38px !important;
    color: var(--primary-color);
    margin-bottom: 15px;
}

.philosophy-col img,
.company-icon-col img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}

.philosophy-col h4,
.company-icon-col h4 {
    font-weight: 600;
    margin-bottom: 10px;
}


/* overview - pan-india */
.pan-india-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.pan-india-col.overview-counters {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 40px;
    border-bottom: 1px solid #ccc;
    border-right: none;
    text-align: right;
    margin-top: 30px;
    text-align: center;
}

.pan-india-col.overview-counters:last-child {
    border-right: none;
}

/* .pan-india-img img{
  box-shadow:0px 0px 10px  rgba(0 0 0 / 18%);

} */


/* overview page -  timeline carousel && Manufacturing page - location slide */
.timeline-swiper .swiper-button-prev {
    left: 0px;
    color: var(--primary-color);
}

.timeline-swiper .swiper-button-next {
    right: 0px;
    color: var(--primary-color);
}

.timeline-container,
.manufacturing-container {
    /* background: #222; */
    padding: 20px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.manufacturing-container .location-swiper{
    margin-left: 40px !important;
}

.timeline-swiper,
.location-swiper {
    padding-bottom: 60px;
}

.timeline-slide,
.location-slide {
    background: white;
    padding: 20px;
    max-width: 350px;
    text-align: left;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.location-slide {
    padding: 15px !important;
}

.location-slide .location-title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--primary-color);
    display: block;
    margin-top: 15px;

}

.location-slide .location-work {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color);
    /* margin-top: 7px; */
    margin-bottom: 10px;
    display: block;
}



.timeline-year {
    font-size: 20px !important;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid var(--secondary-color);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.timeline-img img,
.location-img img {
    width: 100%;
    height: auto;
    /* margin-bottom: 15px; */
    /* border-radius: 6px; */
}

.timeline-title {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.timeline-desc {
    font-size: 16px;
    line-height: 1.55;
    color: var(--text-color);
    margin-bottom: 15px;
}

.timeline-link {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}

.timeline-slide {
    position: relative;
}

.timeline-year {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
}


@media (max-width: 768px) {

    /* .hero-banner2 {
        display: none;
    } */

    .hero-banner2-responsive {
        display: none;
        margin-top: 80px;
    }

    /* products pages banner & Single blog banner */
    .hero-banner2-responsive.products-banner-responsive,
    .hero-banner2-responsive.single-blog-banner-responsive{
        display: none;
    }

    .hero-banner2-content-responsive {
        padding: 50px 17px;
        background-color: var(--bg-light);
    }

    .hero-banner2-content-responsive h1,
    .hero-banner2-content-responsive p {
        color: var(--primary-color);
    }

    .hero-banner2-content-responsive h1 {
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .hero-banner2-content-responsive p {
        font-weight: 500;
        line-height: 1.4;
    }

    .hero-banner2-img-responsive,
    .hero-banner2-img-responsive img {
        width: 100%;
        height: 100%;
    }

    .overview-counters {
        border-right: 1px solid var(--bg-dark);
        padding-left: 10px;
    }

    .overview-counters .counter .timer,
    .overview-counters .counter .operator {
        font-size: 30px;
    }

    .overview-counters .counter-text {
        font-size: 16px;
    }
    
}



/* ================================
LEADERSHIP
================================ */
.md-message-content p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
}

.md-message-content span {
    font-weight: 700;
    font-size: 17px;
    color: var(--primary-color);
}

.site-heading .site-description {
    font-size: 18px;
    font-weight: 500;
}

.business-directors-sec,
.business-heads-sec {
    display: none;
}

.business-directors-sec .business-dir-card,
.business-heads-sec .business-heads-card {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    /* box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2); */
    background-color: white;
}

.business-heads-card {
    background-color: var(--bg-light) !important;
}

.business-dir-card .business-dir-img,
.business-heads-card .business-heads-img {
    width: 100%;
    border-right: 10px solid var(--secondary-color);
    /* border-right: 10px solid var(--primary-color); */
    margin-bottom: 15px;
}

.business-dir-card .business-dir-content,
.business-heads-card .business-heads-content {
    padding: 15px;
}

.business-dir-card .business-dir-content .dir-name,
.business-heads-card .business-heads-content .heads-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.business-dir-card .business-dir-content .dir-designation,
.business-heads-card .business-heads-content .heads-designation {
    display: block;
    margin-bottom: 15px;
}

.business-dir-card .business-dir-content .dir-link,
.business-heads-card .business-heads-content .heads-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    color: var(--primary-color);
    font-weight: 600;
}

.business-dir-card .business-dir-content .dir-link:hover,
.business-heads-card .business-heads-content .heads-link:hover {
    color: var(--secondary-color);
}

.business-dir-card,
.business-heads-card {
    opacity: 0;
    transform: rotateY(90deg);
    /* flip from side */
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.business-dir-card.show,
.business-heads-card.show {
    opacity: 1;
    transform: rotateY(0deg);

}


.team-popup {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    /* border-radius: 8px; */
    /* text-align: center; */
    position: relative;
}

.team-popup img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    /* border-radius: 50%; */
    margin-bottom: 20px;
}

.team-popup h4 {
    margin: 10px 0 5px;
    font-size: 24px;
    font-weight: 600;
}

.team-popup .designation {
    font-weight: 500;
    color: var(--text-color);
    margin-bottom: 15px;
}


.mfp-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: var(--primary-color);
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1001;
}







/* ================================
MANUFACTURING
================================ */
.technology-machinery-sec ul li,
.sustainability-practice-sec ul li {
    margin-bottom: 10px;
    display: flex;
    /* align-items: start; */
    gap: 10px;
}


.technology-machinery-sec ul li i,
.sustainability-practice-sec ul li i {
    margin-top: 7px;
    font-weight: 500;
    color: var(--secondary-color);
}




/* ================================
CSR page
================================ */
.ongoing-initatives-sec .initatives-card {
    padding: 30px;
    background-color: white;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    margin-bottom: 30px;
}

.ongoing-initatives-sec .initatives-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.ongoing-initatives-sec .initatives-card h3 {
    font-weight: 600;
}




/* ================================
CERTIFICATIONS
================================ */
.certifications-sec .certificate-col {
    background-color: white;
    padding: 15px;
    margin-bottom: 35px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    align-items: center;
    justify-content: center;
}

.certificate-col .certificate-img {
    width: 100%;
    height: 300px;
    /* background-color: yellow; */
    padding: 5px;
    margin: auto;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.certificate-col .certificate-img img {
    height: 100%;
    object-fit: cover;
}

.certificate-col .certificate-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 15px;
}

.certificate-col .certificate-type {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    margin: 10px 0;
    display: block;
}

.certificate-col .certificate-desc {
    display: block;
    font-size: 16px;
    line-height: 1.5;
}

.certificate-col .certificate-link {
    margin-top: 20px;
    display: block;
    color: var(--primary-color);
    font-weight: 700;
}

.certificate-col .certificate-link:hover {
    color: var(--secondary-color);
}

.certificate-col {
    opacity: 0;
    transform: rotateY(90deg);
    /* flip from side */
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.certificate-col.show {
    opacity: 1;
    transform: rotateY(0deg);

}


/* ================================
WHY SKIPPER PIPES - PAGE
================================ */
.infrastrcture-banner-col {
    position: relative;
    /* margin-bottom: 25px; */
    height: 600px;
}

.infrastrcture-banner-col img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    position: relative;
}

.infrastructure-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 67, 114, 0.35);
    z-index: 1;
}

.infrastrcture-banner-content {
    position: absolute;
    /* bottom: 50px; */
    bottom: 0px;
    left: 0;
    right: 0;
    color: white;
    z-index: 2;
    /* background-color: rgba(255, 255, 255, 0.85); */
    background-color: white;
    border-bottom: 1px solid rgba(20, 67, 114, 0.5);
    width: 900px;
    /* margin-left: 9%; */
    padding: 35px 20px 20px 50px;
}

.infrastrcture-banner-content h3 {
    color: var(--primary-color);
    font-weight: 600;
    /* margin-left: 9%; */
    margin-bottom: 10px;
    font-size: 32px;
}

.infrastrcture-banner-col p {
    color: var(--primary-color) !important;
}

.infrastrcture-banner-content h3,
.infrastrcture-banner-content p {
    /* margin-left: 9%; */
    /* font-size: 18px; */
    color: var(--primary-color);
}


/* ================================
NETWORK - PAGE
================================ */
.left-img_full-col {
    background-color: var(--primary-color);
    margin-bottom: 25px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.left-img_full-col h3 {
    font-weight: 600;
    color: white;
    padding-left: 30px;
}

.left-img_full-col p {
    color: white;
    padding-left: 30px;
    padding-right: 50px;
}

.right-img_full-col {
    background-color: white;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
}

.right-img_full-col h3 {
    font-weight: 600;
    padding-left: 30px;
}

.right-img_full-col p {
    padding-left: 30px;
    padding-right: 30px;
}

/* ================================
Careers
================================ */
.culture-tab-buttons {
    margin: 5px 0;
}

.culture-tab-buttons .nav-link {
    background-color: white;
    font-size: 17px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 0px;
    margin: 10px 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    transition: all 0.35s ease;
}

.culture-tab-buttons .nav-link:hover,
.culture-tab-buttons .nav-link.active {
    background-color: var(--primary-color);
    color: white;
}

.skipper-tab-content-area .culture-tab-pane-content p {
    font-size: 18px;
    line-height: 1.5;
}

.career-application-form {
    background-color: white;
    padding: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.partner-application-form {
    background-color: var(--bg-light);
    padding: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.career-application-form .form-group label,
.partner-application-form .form-group label {
    font-weight: 500;
}

.career-application-form .form-control:focus {
    /* background-color: var(--secondary-color); */
    /* border-color: var(--primary-color); */
    box-shadow: 0 0 0 .15rem rgba(20, 67, 114, 0.25);
}

.career-application-form .form-address,
.partner-application-form .form-desc {
    display: flex;
    flex-direction: column;
}

.partner-application-form .form-desc textarea {
    padding: 10px;
}

.partner-application-form label span {
    color: red;
}

.career-application-form .form-resume-upload input {
    padding: 10px;
}




.partners-tabs,
.offer-tabs {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.partners-tab {
    padding: 25px 20px 15px;
    cursor: pointer;
    border-left: 4px solid transparent;
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px;
    background: white;
    border-left: 5px solid var(--secondary-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);

}

.partners-tab p {
    display: none;
    transition: all 0.3s ease-in;
}

.partners-tab.active p {
    display: block;
}

.partners-tab h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    /* border-bottom: 1px solid var(--bg-dark);
  padding-bottom: 10px; */
}


.partners-tab.active h3 {
    /* font-size: 24px; */
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bg-dark);
}

.partners-tab:hover,
.partners-tab.active {
    /* background: #f0f0f0; */
    background: var(--primary-color);
    /* color: var(--primary-color); */
    /* color: white !important; */
    border-left: 5px solid var(--secondary-color);
    font-weight: bold;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.partners-tab.active h3,
.partners-tab:hover h3 {
    color: white !important;
}

.partners-tab.active p {
    color: white;
}

.image-display {
    flex: 2;
}

.image-display img {
    width: 100%;
    height: auto;
    /* border-radius: 10px; */
}


/* ================================
NEWS PAGE
================================ */


.news-overview .news-col .sub-title {
    background-color: rgba(20, 67, 114, 0.3);
    font-size: 12px;
    padding: 6px 15px;
    color: var(--primary-color);
    font-weight: 600;
}

.news-overview .news-col .news-date {
    display: none;
    font-size: 12px;
    font-weight: 600;
    margin-left: 15px;
}

.news-overview .news-col .news-date {
    display: inline-block;
}

.news-overview .news-col h3 {
    margin-top: 15px;
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-overview .news-col {
    background-color: transparent;
    box-shadow: none;
}

.news-overview .news-col-wrapper .news-col-wrapper {
    border-right: 1px solid rgba(51, 51, 51, 0.3);
}

.news-overview .news-col-wrapper:nth-child(3n) {
    border-right: none !important;
    border: 5px
}

.news-overview .news-col a:focus {
    color: white !important;
}

.news-overview .news-col a {
    font-size: 12px;
    padding: 6px 18px !important;
}






/* ================================
CONTACT PAGE
================================ */
.map-wrapper .list-group-item {
    background-color: white;
    color: var(--primary-color);
    font-weight: 600;
}

.map-wrapper .list-group-item.active {
    background-color: var(--primary-color);
    color: white;
}

.map-wrapper .location-info h4 {
    font-weight: 600;
}

.map-wrapper .location-info a {
    color: var(--primary-color);
    display: block;
    font-weight: 500;
}

.map-wrapper .location-info a:hover {
    color: var(--secondary-color);
    cursor: pointer;
}

.map-pin {
    position: absolute;
    width: 25px;
    height: 30px;
    transform: translate(-50%, -100%);
}

.map-pin span {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    font-weight: 600;
    color: var(--primary-color);
    /* background-color: var(--secondary-color);
  text-align: center; */
}

.pin-west-bengal {
    /* top: 48%; */
    top: 40%;
    left: 67%;
}

.pin-west-bengal.d-block.d-none {
    display: none !important;
}

/* .pin-uttar-pradesh{
  top: 31%;
  left: 41%;
}

.pin-assam{
  top: 30%;
  left: 84%;
}

.pin-telangana{
  top: 61%;
  left: 37%;
} */

.city-list .list-group-item {
    cursor: pointer;
}


.contact-details-wrapper .contact-details-content h3 {
    font-weight: 600;
    margin-bottom: 5px;
}


.contact-details-wrapper .contact-details-content .contact-desc {
    font-weight: 400;
    margin-bottom: 50px !important;
}

.contact-details-wrapper .contact-details-content li {
    margin-bottom: 40px;
}

.contact-details-wrapper .contact-details-content .contact-pg-icons a {
    padding: 15px;
    padding-right: 12px;
    border: 1px solid var(--primary-color);
    /* border-radius: 50%; */
    text-align: center;
    margin-right: 10px;
}

.contact-details-wrapper .contact-details-content .contact-pg-icons a:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}



.contact-details-wrapper .contact-details-content .contact-pg-icons a img {
    width: 24px;
    text-align: center;
    align-items: center;
    height: 24px;
    font-size: 20px;
    line-height: 20px;

}




.contact-details-wrapper .contact-details-content h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-details-wrapper .contact-details-content p {
    font-weight: 500;
    margin-bottom: 5px;
}

.contact-details-wrapper .contact-details-content a {
    font-weight: 500;
}

.contact-details-wrapper .contact-details-content a:hover {
    color: var(--secondary-color);
}



/* ================================
MEDIA PAGE
================================ */
.awards-col {
    background-color: var(--bg-light);
    padding: 15px;
    box-shadow: 0px 5px 10px rgba(0 0 0 / 18%);
}

.awards-img {
    border: 1px solid rgba(51, 51, 51, 0.4);
    padding: 8px;
    max-height: 327px;
    overflow: hidden;
}

.awards-img img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.awards-title {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.awards-col a:focus {
    color: white !important;
}


/* ================================
LEGAL PAGES  = TERMS Page
================================ */
.legal-sec-content {
    text-align: justify;
}

.legal-sec-content span {
    font-size: 22px;
    font-weight: 500;
    color: var(--primary-color);
    display: block;
    margin-top: 35px;
    margin-bottom: 10px;
}



/* ================================
MEDIA QUERIES
================================ */
@media (min-width:576px) {
    .container-medium {
        max-width: 540px;
    }

    .container-full {
        max-width: 540px;
    }
}

@media (min-width:768px) {
    .container-medium {
        max-width: 720px;
    }

    .container-full {
        max-width: 720px;
    }

    .hero-banner2 {
        min-height: auto !important;
        height: auto !important;
    }
}

@media (min-width:992px) {
    .container-medium {
        max-width: 960px;
    }

    .container-full {
        max-width: 960px;
    }

    .hero-banner2 {
        min-height: auto !important;
        height: auto !important;
    }
}

@media (min-width: 1024px) {

    /* header-navbar */
    nav.navbar.bootsnav.nav-full .navbar-brand {
        position: relative;
        z-index: 1;
        /* background: transparent !important; */
    }

    nav.navbar.bootsnav.nav-full .navbar-brand::after {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        background: transparent;
        height: 100%;
        width: 100%;
        content: "";
    }

    nav.navbar.bootsnav.nav-full.scrolled .navbar-brand::after {
        background: var(--primary-color);
        /* or just use #007bff etc. */
    }

    nav.navbar.bootsnav.nav-full .navbar-brand .logo {
        display: none;
    }

    nav.navbar.bootsnav.nav-full .navbar-brand .logo.regular {
        display: inline-block;
    }

    .navbar.nav-full .container {
        max-width: 100%;
    }

    nav.navbar.bootsnav.nav-full .navbar-brand .logo.regular {
        height: 60px;
    }

    nav.navbar.bootsnav.nav-full .navbar-brand {
        padding: 20px 22px;
    }

    nav.navbar.bootsnav.nav-full li.search a {
        height: auto;
        width: auto;
        font-size: 24px;
        background-color: transparent;
        margin-right: 15px;
        color: var(--text-color) !important;
    }

    nav.navbar.bootsnav.nav-full li.search a i {
        position: relative;
        top: 3px;
    }

    nav.navbar.bootsnav.no-background li.search a {
        color: #ffffff !important;
    }

    .hero-banner2 {
        min-height: auto !important;
        height: auto !important;
    }

}


@media (min-width:1200px) {
    .container-medium {
        max-width: 1400px;
        width: 80%;
    }

    .container-full {
        max-width: 1400px;
        width: 90%;
    }

    .align-center {
        align-items: center;
    }

    .hero-banner2 {
        min-height: 550px !important;
        height: 60% !important;
    }
}


@media (min-width: 1400px) {
    .blog-area.full-blog .container {
        max-width: 1300px;
        width: 1300px;
    }


    .hero-banner2 {
        min-height: 550px !important;
        height: 70% !important;
    }

}

@media (min-width: 1600px) {

    /* CAROUSEL PRODUCTS */
    .home-products__main-tab-box {
        overflow: hidden;
    }
}

@media (min-width: 1920px) {

    /* .owl-stage{
    width: 100% !important;
    max-width: 2560px !important;
  } */
    .hero-banner-contents2 {
        bottom: 40% !important;
    }
}




/* ======================
Media queries - max-width
==========================*/

/* Small Screens Pcs */
@media (max-width: 1023px) {

    /* header-navbar */
    nav.navbar.bootsnav.nav-full .navbar-brand .logo.regular {
        display: none;
    }

    nav.navbar.bootsnav.nav-full .navbar-brand .logo.logo-responsive {
        display: inline-block;
    }

    .navbar .attr-nav .side-menu {
        padding: 32px 0 !important;
    }

    nav.navbar.navbar-default.logo-less .navbar-collapse {
        margin-left: 0;
    }

    .logo.logo-responsive {
        display: none;
    }

    .navbar {
        background-color: var(--primary-color) !important;
    }

    nav.navbar.bootsnav ul.nav>li>a {
        font-size: 13px !important;
    }

    .hero-banner2 {
        /* min-height: auto !important; */
        min-height: 330px !important;
        height: auto !important;
        margin-top: 80px;
    }


    .hero-banner2-bg, 
    .hero-banner2-bg img{
        object-fit: cover;
        height: 330px;
    }
    .hero-banner2-content{
        left: 6%;
        bottom: 20%;
        margin-right: 6%;
    }

    /* CAROUSEL PRODUCT */
    .single-item-carousel .item {
        width: 440px !important;
        height: auto !important;
    }

    /* Single blog */
    .hero-banner.single-blog{
        display: none;
    }
    .hero-banner2-responsive.single-blog-banner-responsive{
        display: inline-block;
    }
    .hero-banner2-content-responsive.single-blog-responsive{
        display: none;
    }
}



/* Tablet Layout */
@media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav li.dropdown>ul.dropdown-menu li>a {
        border: none !important;
        padding: 0;
    }

    .navbar {
        background-color: var(--primary-color) !important;
    }

    /* homepage -about section */
    .home-about .thumb {
        margin: 0;
        margin-bottom: 30px;
    }

    .home-about ul {
        margin: 0;
        overflow: hidden;
    }

    .home-about ul li {
        width: auto;
        padding: 0;
        margin-right: 50px;
        display: block;
    }

    .vision-sec .vision-sec-content h2 {
        font-size: 36px;
    }

    .vision-sec .vision-sec-content p {
        font-size: 16px;
        max-width: 85%;
    }

    .mission-sec--content-wrapper {
        margin-right: 0px;
    }

    .mission-sec .mission-left-col {
        position: relative;
        top: 0;
        /* bottom: 0; */
        left: 0;
    }

    .timeline-slide,
    .location-slide {
        max-width: 100%;
        padding: 15px;
    }

    .timeline-year::after {
        width: 80px;
    }

    .infrastrcture-banner-content {
        width: auto !important;
        padding: 20px;
    }

    .infrastrcture-banner-content h3 {
        font-size: 27px;
    }

    .hero-banner.single-blog {
        display: none;
        min-height: 380px;
        height: 75%;
    }

    .hero-banner-contents2 {
        bottom: 0%;
    }

    .hero-banner-contents2 .hero-banner-text h1 {
        font-size: 22px;
    }

    .breadcrumb-area .breadcrumb li {
        font-size: 12px;
    }

    .home-products {
        overflow: hidden;
    }

    .home-products__content-box {
        padding: 20px;
    }

    .home-products__title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .home-products__sub-title {
        margin-bottom: 5px;
    }

    .sathi-community-area .inner-items .right-info {
        padding: 240px 30px;
    }

    /* CAROUSEL PRODUCTS  */
    .single-item-carousel .item {
        width: 440px !important;
        height: auto !important;
    }

    .news-overview .news-col-wrapper .news-col-wrapper:nth-child(2n) {
        border-right: none;
        /* border-bottom: 1px solid rgba(51, 51, 51, 0.3); */
        padding-bottom: 20px;
    }

    .news-overview .news-col-wrapper:nth-child(3n) {
        border-right: 1px solid rgba(51, 51, 51, 0.3) !important;
    }

    .pin-assam {
        top: 26%;
        left: 81%;
    }

    .pin-west-bengal {
        top: 37%;
        left: 66%;
    }
}



/* Tablets and large phones (767px and down) */
@media (max-width: 767px) {
    .home-about .thumb {
        margin: 0;
        margin-bottom: 30px;
    }

    .home-about ul {
        margin: 0;
    }

    .home-about ul li {
        float: none;
        width: 100%;
        padding: 0;
    }

    .mission-sec .mission-left-col {
        position: relative;
        top: 0;
        /* bottom: 0; */
        left: 0;
    }

    .timeline-slide,
    .location-slide {
        max-width: 100%;
        text-align: center;
    }

    .timeline-year {
        display: block;
        text-align: center;
    }

    .timeline-year::after {
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        width: 60px;
        margin-top: 8px;
    }

    .timeline-img img,
    .location-img img {
        width: 100%;
        height: auto;
        margin: 15px 0;
    }

    .timeline-desc {
        font-size: 0.9rem;
    }

    .location-slide .location-title {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
        color: var(--primary-color);
        display: block;
        margin-top: 5px;

    }

    .location-slide .location-work {
        font-size: 15px;
        font-weight: 500;
        color: var(--text-color);
        /* margin-top: 7px; */
        margin-bottom: 0px;
        display: block;
    }
    .manufacturing-container .location-swiper{
    margin-left: 20px !important;
    }


}




/* Small / Mobile phones (576px and down) */
@media (max-width: 576px) {
    .navbar {
        background-color: var(--bg-primary) !important;
    }

    .navbar-toggle .fa.fa-bars,
    .fa.fa-times {
        color: white;
    }

    /* hero banner */
    .hero-desktop-banner{
        display: block;
    }
    .carousel-wrapper {
        margin-top: 80px;
    }


    /* Hero mobile banner */
    .hero-desktop-banner{
        display: none;
    }
    .homepage-mobile-banner{
    display: block;
    }

    .home-about .site-heading h2::before,
    .home-about .site-heading h2::after {
    left: 9%;
    }


    .philosophy-col,
    .company-icon-col{
    border: none !important;
    }

    

    .sathi-community-area .inner-items .left-info::before {
        left: 0;
        width: 100%;
    }

    .sathi-community-area .inner-items .right-info {
        padding: 100px 30px;
    }

    .sathi-community-area .inner-items .left-info {
        padding: 50px 15px;
    }

    ul.achivement {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .trusted-one {
        padding: 60px 0;
    }

    .trusted-one__title {
        font-size: 27px;
        line-height: 1.5 !important;
    }

    .trusted-one__video-icon{
        width: 90px;
        height: 90px;
    }
    .trusted-one__video-icon span{
        font-size: 23px;
        margin-left: 3px;

    }

    .site-heading p {
        padding: 0 5%;
    }

    .vision-sec .vision-sec-content h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .company-icon-col {
        border-right: none;
    }

    .work-process-area .work-pro-items .item {
        padding: 35px 25px;
    }

    .infrastrcture-banner-col img {
        height: 350px;
        object-fit: cover;
    }

    .infrastrcture-banner-content h3 {
        font-size: 20px;
    }

    /* leadership page */
    .md-message-content p{
        font-size: 14px !important;
    }

    /* products page */
    .hero-banner2-content-responsive{
        padding: 30px 17px;
    }

    .hero-banner2-content-responsive h1{
        font-size: 24px;
    }

    /* network page */
    .left-img_full-col h3,
    .right-img_full-col h3 {
        padding: 10px;
        margin-bottom: 0;
    }

    .left-img_full-col p,
    .right-img_full-col p {
        padding: 0 10px;
    }

    .image-display {
        flex: 0 !important;
        display: none;
    }

    .form-desc textarea {
        padding: 10px;
    }

    .partner-application-form {
        padding: 20px;
    }

    /* CAROUSEL PROUDCTS */
    .home-products__content-box {
        left: 0 !important;
        bottom: 0 !important;
    }


    /* products pages banner & Single blog banner */
    .hero-banner2-responsive.products-banner-responsive,
    .hero-banner2-responsive.single-blog-banner-responsive{
        display: inline-block;
    }

    /* single blog */
    .hero-banner.single-blog .hero-banner-img {
        display: none;
    }

    .hero-banner.single-blog .hero-banner-img.bg-img {
        display: block;
    }

    .blog-area.full-blog .item .thumb {
        display: block !important;
    }


    .hero-banner-contents2 {
        bottom: 4%;
        padding: 15px;
    }

    .hero-banner-contents2 .hero-banner-text h1 {
        font-size: 18px;
    }

    .hero-banner.single-blog {
        min-height: auto;
        height: 75%;
        margin-top: 80px;
    }


    .contact-comments {
        width: 95% !important;
    }

    .legal-sec-content {
        text-align: left;
    }

    /* FAQS */
    .main-faqs-sec .nav.nav-pills {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .main-faqs-sec .nav.nav-pills li {
        margin-bottom: 10px;
    }

    .news-overview .news-col-wrapper .news-col-wrapper {
        border-right: none;
        border-bottom: 1px solid rgba(51, 51, 51, 0.3);
        padding-bottom: 20px;
    }

    .news-overview .news-col-wrapper:nth-child(3n) {
        border-right: none !important;
    }
    .carousel-item img{
        height: auto !important; 
    }
    .md-message-content p{
        font-size: 16px !important;
    }

    .mission-sec--content-wrapper{
        margin-right: 0px !important;
    }

    .ongoing-initatives-sec .initatives-card{
        padding: 15px !important;
    }
    .manufacturing-container .location-swiper{
    margin-left: 0px !important; 
}

.hero-banner2.products-banner{
    display: none;
}


}
.product-category-col img {
    width: 50px !important;
    margin-bottom: 15px;
    
}