:root {
    --primary-color: #981B2E;
    --transparent-color: #981b2e85;
    --transparent-black: #000000a3;
    --white-color: #ffffff;
    --black-color: #000000;
	--title-font: "Outfit", sans-serif;
	--body-font: "Inter", sans-serif;
	--blue: #edf2fc;
	--swiper-theme-color:#981B2E;

}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.img-fluid{
    /* max-width: 336px; */
    /* height: auto; */
}
body{
	font-family:var(--body-font);
}

h1, h2, h3, h4, h5, h6{font-family:var(--title-font);}
h1 {
    font-size: 42px !important;
	font-weight: 700 !important;
	
}

h2 {
    font-size: 35px !important;
    font-weight: 700 !important;
	
}

h4 {
    font-size: 18px !important;
    text-transform: uppercase;
    color: var(--primary-color);
	
}

h5 {
    font-size: 20px;
    color: var(--primary-color);
	text-transform: uppercase;
	
}

h6 {
    font-size: 18px;
    color: var(--primary-color);
    text-transform: uppercase;
	
}

p {
    font-size: 17px;
}

.bg-blue{
	background:var(--blue);
}
.text-black{var(--black-color);}


@media only screen and (max-width:768px) {
	h1{font-size:30px !important;}

    h2 {
        font-size: 23px !important;
    }

    h4 {
        font-size: 15px !important;

    }

    p {
        font-size: 15px;
    }


}


/* =======================HOVER MENU========================== */
/* ===================================== */


.first_one .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
}


.dropdown-item:hover {
    background-color: lightsalmon;
    color: #fff;

}


.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
    display: block;

}

@media screen and (min-width: 769px) {

    .dropend .dropdown-toggle {
        margin-left: 0.5em;
    }


}

@media screen and (min-width: 769px) {

    .dropdown:hover>.dropdown-menu,
    .dropend:hover>.dropdown-menu {
        display: block;
    }
}

/* Ensure dropdowns are hidden by default */
.dropdown-menu {
    display: none;
}


/* =========================================== */

/* =======================HOVER MENU========================== */



.image-head p{
    /* background-color: blue !important; */
    
}



/* ==========TOP NAV======================== */

.top-strip {
    /* background-color: rgb(238, 27, 36); */
}

.top-strip a {
    text-decoration: none;
    color:var(--white-color);
}
.top-p-tag p {
    text-decoration: none;
    color:var(--white-color);
}

.top-strip a:hover {
    color: var(--white-color);
}

.top-strip ol,
ul {
    /* padding-left: 1.4rem !important; */
    list-style-type: none;
}

.top-strip i {
    margin-right: 10px;
    font-size: 19px;
    margin-left: 10px;
}

.top-strip {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.top-strip p {
    color: var(--white-color);
}

.top-strip .top-p-tag {
    display: flex;
    align-items: center;
}

.top-strip .top-number {
    display: flex;
    justify-content: end;
}

@media only screen and (max-width:768px) {
    .top-strip .top-number {
        /* display: flex; */
        /* flex-direction: column; */
    }
}

/* ==========TOP NAV======================== */


/* =========BOTTOM BAR========================= */
.dropdown-menu {
    padding: 0 !important;
}

.dropdown-menu .dropdown-item {
    padding: 10px !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
}

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar-brand img {
        
        width: 280px;
    }
@media only screen and (max-width:768px) {
    .navbar-brand img {
        /* height: 50px; */
        width: 180px;
    }
	.bottom-bar{
		padding: 10px !important;
	}
}

.bottom-bar .seven_hero_sec_btn {
    background-color: var(--primary-color);
    padding: 10px 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgb(255, 255, 255) !important;
    border-radius: 30px;
    /* width: 30%; */
    border: none;
    text-transform: uppercase;
    font-weight: 600;
}

.bottom-bar .seven_hero_sec_btn:hover {
    background-color: var(--black-color);
    color: #fff !important;
}

.bottom-bar {
    background-color:transparent !important;
    border-bottom: 1px solid #d6d6d6;
	padding: 20px;
}


.bottom-bar .navbar-light .navbar-nav .nav-link {
    color: var(--black-color);
    text-transform: uppercase;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--black-color);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem !important;
}

.dropdown-menu li {
    border-bottom: 1px dotted rgb(207, 207, 207);
}

.nav-link:focus, .nav-link:hover{
	color: var(--primary-color) !important;
}
/* =========BOTTOM BAR========================= */

.card-body .fa-solid, .fas {
    font-weight: 900;
    font-size: 45px;
    margin-top: 10px;
    color: var(--primary-color);
}






/* ==================6th Slider========================== */

/*
 *  Bootstrap Carousel Effect Ken Burns
 * ===========================================================================*/

@keyframes kenburns {
    0% {
        transform: scale(1);
        transition: transform 20000ms linear 0s;
    }

    100% {
        transform: scale(1.4);
        transition: transform 20000ms linear 0s;
    }
}

/* Carousel Wrapper */
.sixth-slider .kb-carousel {
    overflow: hidden;
    max-height: 650px;
}

/* Carousel Items */
.sixth-slider .kb-carousel .carousel-item {
    transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
}

.sixth-slider .kb-carousel .carousel-item.active {
    transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
}

.sixth-slider .kb-carousel>.carousel-inner>.carousel-item>img,
.sixth-slider .kb-carousel>.carousel-inner>.carousel-item>a>img {
    opacity: 0.8;
    animation: kenburns 20000ms linear 0s infinite alternate;
}

.sixth-slider .kb-carousel .carousel-item-next.carousel-item-start .carousel-caption,
.sixth-slider .kb-carousel .carousel-item-prev.carousel-item-end .carousel-caption {
    z-index: 0;
    opacity: 0;
}

/* Carousel Captions */
.sixth-slider .kb-caption {
    right: 7%;
    left: 7%;
    bottom: 25%;
    padding: 0;
    width: 80%;
}

.sixth-slider .kb-caption-left {
    margin-right: auto;
}

.sixth-slider .kb-caption-right {
    margin-left: auto;
}

.sixth-slider .kb-caption-center {
    margin: auto;
}

.sixth-slider .kb-caption h2,
.sixth-slider .kb-caption h3 {
    padding: 0.5rem 0;
    margin-bottom: 0;
}

.sixth-slider .kb-caption h2 {
	font-size:18px;
    animation-delay: 1s;
    color: var(--white-color);
    background: var(--transparent-black);
	text-align:left;
	padding-left:15px;
}

.sixth-slider .kb-caption h3 {
    animation-delay: 1.5s;
    color: var(--white-color);
	background: var(--transparent-black);
    text-align:left;
	padding-left:15px;
	text-transform:uppercase;
}

@media (min-width: 768px) {
    .sixth-slider .kb-caption {
        bottom: 37%;
        width: 40%;
    }
}

@media (min-width: 1200px) {
.sixth-slider .kb-caption {
        bottom: 60%;
    }
}

/* Controls */
.sixth-slider .kb-control-prev,
.sixth-slider .kb-control-next {
    width: 3.5rem;
    height: 3.5rem;
    margin: auto 0;
    opacity: 0;
    color: #fff;
    /* background: rgba(0 0 0 / 0.7); */
    background-color: var(--primary-color);;
    border-radius: 50%;
}

.sixth-slider .kb-carousel:hover .kb-control-prev,
.sixth-slider .kb-carousel:hover .kb-control-next {
    opacity: 1;
}

.sixth-slider .kb-control-prev {
    left: 1%;
}

.sixth-slider .kb-control-next {
    right: 1%;
}

.sixth-slider .kb-control-prev:hover,
.sixth-slider .kb-control-prev:focus,
.sixth-slider .kb-control-next:hover,
.sixth-slider .kb-control-next:focus {
    color: #fff;
    background: rgb(0, 0, 0);
}

/* Support for dark mode */
.sixth-slider [data-bs-theme="dark"] .carousel .carousel-control-next-icon,
.sixth-slider [data-bs-theme="dark"] .carousel .carousel-control-prev-icon {
    filter: none;
}


@media only screen and (max-width:768px) {
    .sixth-slider .carousel-caption h1 {
        font-size: 16px;
    }

    .sixth-slider .carousel-caption h3 {
        font-size: 14px;
    }

    .sixth-slider .kb-control-prev,
    .sixth-slider .kb-control-next {
        width: 20px;
        height: 20px;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 15px !important;
        height: 15px !important;
    }
}

/* ==================6th Slider========================== */

/* ==================banner-shape================================ */

.banner-shape .elementor-shape {
    rotate: 180deg;
    /* margin-top: -100px; */
    position: relative;
    z-index: -100;
}


/* ==================banner-shape================================ */

/* ================ABOUT================================ */
.about-head {
    /* background: blue; */
    height: auto;
    background-image: url(../img/about/engineer-work.webp);
	padding: 70px;
}
.counter {color:var(--black-color); }
.mission-tittle span {color:var(--black-color); font-weight: 600;}

.about-head h1,h3,a,p,span{color:var(--white-color);text-decoration:none;}
.about-head a:hover{color:var(--primary-color);}

@media (max-width:767px){.about-head {padding: 25px;}}

/* ================ABOUT================================ */





.about_container .seven_hero_sec_btn {
    background-color: var(--primary-color);
    padding: 10px 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgb(255, 255, 255) !important;
    border-radius: 30px;
    /* width: 30%; */
    border: none;
}

.btn:hover {
    background: var(--black-color);
}


.about_container {
    padding: 50px 0 20px 0;
}

.first_about .shape.rellax {
    z-index: -2;
    position: absolute;
}

.first_about .bg-soft-primary {
    background-color: #edf2fc;
}

.first_about .rounded-circle {
    border-radius: 50% !important;
}

.first_about .h-20 {
    height: 10rem !important;
}

.first_about .w-20 {
    width: 10rem !important;
}

.first_about .position-relative {
    position: relative !important;
}

.first_about .text-for-a-tag a {
    text-decoration: none;
    color: var(--black-color);
}

.first_about .for-about-p-tag {
    text-align: justify;
}


/* ===========design================= */

.first_about .shape.rellax {
    position: absolute;
}

.first_about .shape.rellax {
    /* z-index: 1; */
}

.first_about .bg-dot.primary {
    background-image: radial-gradient(#ee1b24 2px, transparent 2.5px);
}

.first_about .w-17 {
    width: 8rem !important;
}

.first_about .h-20 {
    height: 10rem !important;
}

.first_about .bg-dot,
.bg-line {
    opacity: .5;
}

.first_about .bg-dot {
    background-size: 0.75rem 0.75rem;
}


/* ===========design================= */


/* ========================about==================================== */


/* ====================Counter ==================================== */


.counter-right {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column;
}

.counter-right-box {
    background-color: #f2f2f2;
    padding: 20px;
}

.fact_section {
    background-image: url(./images/counter-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 10px 0px 40px 0px;
}

.fact_section h2 {
    color: var(--black-color);
}

.fact_section .counter-left p {
    color: var(--black-color);
}

.fact_section .counter::after {
    content: '+';
}


@media only screen and (max-width:768px) {

    .fact_section {
        padding: 10px 0px 0px 0px;
    }
}

/* ====================Counter ==================================== */


/* ============================================Service================================================ */


.service-section .btn {
    background-color: var(--primary-color);;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease 0s;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    width: 100%;
    border-radius: 0%;
}

.service-section .col-lg-4:hover .btn {
    background-color: #000;
    color: #fff;
}
.service-section h5{line-height:4px;}
.penta-card:hover h6{background: var(--black-color);}
/* .service-section h6{background: var(--primary-color);color: var(--white-color);padding:20px;line-height:4px;} */
.service-section h6{
	background: var(--primary-color);
	color: var(--white-color);
	padding:20px;
	line-height:4px;
	margin-top: -29px;
	position:relative;
	border-radius: 50px 50px;
	width: 80%;
    margin-left: 40px;
	
	}
/* .service-section img{clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);} */
.service-section a{text-align:center;text-decoration:none;}


/* ============================================Service================================================ */

/* ============================================Contact================================================ */

.contact-info-area {
position: relative;
display: block;
background: #ffffff;
}
.contact-form {
position: relative;
display: block;
background: #ffffff;
padding: 20px;
-webkit-box-shadow: 0px 3px 8px 2px #ededed; 
box-shadow: 0px 3px 8px 2px #ededed;
z-index: 3;
}
.contact-form .sec-title-style1{

color: #131313;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-transform: uppercase;
}
.contact-form .text-box{
position: relative;
display: block;
margin-top: 19px;
width: 50%;    
}
.contact-form .text p{
	color: #848484;
line-height: 26px;
margin: 0;
}

.contact-form .inner-box{
position: relative;
display: block;
background: #ffffff;
}
.contact-form form{
position: relative;
display: block;
}
.contact-form form .input-box{
position: relative;
display: block;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form input[type="number"],
.contact-form form textarea{
position: relative;
display: block;   
background: #ffffff;
border: 1px solid #eeeeee;
width: 100%;
height: 55px;
font-size: 16px;
padding-left: 19px;
padding-right: 15px;
border-radius: 0px;
margin-bottom: 20px;
transition: all 500ms ease;
}
.contact-form form textarea {
height: 200px;
padding-left: 19px;
padding-right: 15px;
padding-top: 14px;
padding-bottom: 15px;
}
.contact-form form input[type="text"]:focus{
color: #222222;
border-color: #d4d4d4; 
}
.contact-form form input[type="email"]:focus{
color: #222222;
border-color: #d4d4d4;
}
.contact-form form textarea:focus{
color: #222222;
border-color: #d4d4d4;
}
.contact-form form input[type="text"]::-webkit-input-placeholder {
color: #848484;
}
.contact-form form input[type="text"]:-moz-placeholder {
color: #848484;
}
.contact-form form input[type="text"]::-moz-placeholder {
color: #848484;
}
.contact-form form input[type="text"]:-ms-input-placeholder {
color: #848484;
}
.contact-form form input[type="email"]::-webkit-input-placeholder {
color: #848484;
}
.contact-form form input[type="email"]:-moz-placeholder {
color: #848484;
}
.contact-form form input[type="email"]::-moz-placeholder {
color: #848484;
}
.contact-form form input[type="email"]:-ms-input-placeholder {
color: #848484;
}
.contact-form form input[type="number"]::-webkit-input-placeholder {
color: #848484;
}
.contact-form form input[type="number"]:-moz-placeholder {
color: #848484;
}
.contact-form form input[type="number"]::-moz-placeholder {
color: #848484;
}
.contact-form form input[type="number"]:-ms-input-placeholder {
color: #848484;
}
.contact-form form button {
position: relative;
display: block;
width: 100%;
background: var(--primary-color);
color: var(--white-color);
font-size: 16px;
line-height: 55px;
font-weight: 600;
text-align: center;
text-transform: capitalize;
transition: all 200ms linear;
transition-delay: 0.1s;
cursor: pointer;
}

.contact-form form button:hover{
color: #ffffff;
background: #131313;
}
.contact a{color:var(--black-color);}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 28%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    display: none;
}

.sec-title-style1 .text {
    position: relative;
    display: block;
    margin: 7px 0 0;
}
.sec-title-style1 .text .decor-left {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
.sec-title-style1 .text .decor-left:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #FFA500;
    border-radius: 50%;
    content: "";
}
.sec-title-style1 .text .decor-left:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #FFA500;
    border-radius: 50%;
    content: "";
}
.sec-title-style1 .text .decor-left span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #FFA500;
    content: "";
    margin: 2px 0;
}
.sec-title-style1 .text p {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #131313;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

/* ============================================Contact================================================ */



/* ========================RANGE OF PRODUCT====================== */


.features_container {
    padding: 80px 0px;
    background-image: url(./images/range-product-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    color: #fff;

}


.features_container .overlay {
    background-color: var(--black-color);
    height: auto;
    position: relative;
    z-index: 100;
}

.icons_points li {
    padding-top: 17px;
}

.icons_points i {
    background-color: #E6E8F7;
    padding: 4px;
    border-radius: 50%;
    font-size: 13px;
    margin-right: 10px;
    /* margin-top: 10px; */
    height: 22px;
    text-align: center;
    width: 22px;
    color: #000;
}

.icons_points ol,
ul {
    padding-left: 0rem !important;

}



.shape.rellax {
    position: absolute;
}

.shape.rellax {
    position: absolute;
}

.shape.rellax {
    z-index: 1;
}

.shape.rellax {
    position: absolute;
}

.shape.rellax {
    z-index: 1;
}

.shape.rellax {
    position: absolute;
}

.shape.rellax {
    z-index: 1;
}

.bg-pale-red {
    background-color: var(--primary-color);;
    background-image: url(./images/bg-rp.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rounded {
    border-radius: 0.4rem !important;
}

.rounded {
    border-radius: 0.4rem !important;
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}


/* ========================RANGE OF PRODUCT====================== */
/* --------------------- */



/* ==============================testimonals-slider============================ */
.test-content span{
 
}
.testi-container {
    /* background-color: var(--gray-color); */
    background-color: #edf2fc;
    padding: 50px 0px;
}
.test-content {
    background-color: #fff;
    padding: 20px;
    /* box-shadow: 2px var(--gray-color); */
    box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 7%);
}

.owl-carousel.version-2{
    position: relative;
    padding: 15px 0px 0;
  }
  .logo-slider-2{
    /* width: 100%; */
    /* max-width: 1000px; */
    /* margin: 0 auto 40px; */
    /* text-align: center; */
  }
  /* .owl-carousel .owl-item {
      background: #fff;
      padding: 0 20px;
  } */
  .owl-nav{
      /* display: none; */
  }
  /* .owl-prev {
      position: relative;
      top: -163px;
  
      right: 686px;
      display: none;
  } */
  /* .owl-prev01 {
      position: relative;
      top: 164px;
      z-index: 10;
      right: 680px;
      color: var(--primary-color);
      font-size: 20px;
      cursor: pointer;
  } */
  /* .owl-next01 {
      position: relative;
      top: 164px;
      z-index: 10;
      left: 680px;
      color: var(--primary-color);
      font-size: 20px;
      cursor: pointer;
  } */
  /* .owl-next {
      position: relative;
      top: -163px;
  
      left: 686px;
      display: none;
  } */
  /* .owl-prev02 {
      position: relative;
      top: -100px;
      z-index: 10;
      right: 1290px;
      color: var(--primary-color);
      font-size: 20px;
      cursor: pointer;
  } */
  /* .owl-next02 {
      position: relative;
      top: -100px;
      z-index: 10;
      left: 1290px;
      color: var(--primary-color);
      font-size: 20px;
      cursor: pointer;
  } */
  /* .owl-next {
      position: relative;
      top: -163px;
  
      left: 686px;
      display: none;
  } */
  @media(max-width:768px){
      /* .owl-prev {
          position: relative;
          bottom: 202px;
          right: 330px !important;
      }
      .owl-next {
          position: relative;
          bottom: 202px;
          left: 330px !important;
      } */
  }
  @media(max-width:441px){
      .owl-prev {
        position: absolute !important;
     
        top: 20px !important;
        font-size: 15px !important;
        color: var(--primary-color);
     left: 0px;
         
      }
      .owl-next {
        position: absolute !important;
     
        top: 20px !important;
        font-size: 15px !important;
      }
  }
  @media(max-width:1380px){
      .owl-prev {
          /* position: relative;
          bottom: 202px; */
          /* right: 550px !important; */
      }
      .owl-next {
          /* position: relative;
          bottom: 180px !important; */
          /* left: 550px !important; */
      }
  }
  .owl-prev {
      position: absolute;
     
     top: 48px;
     font-size: 25px;
     color: var(--primary-color) !important;
  left: -40px;
     
  }
  .owl-next {
      position: absolute;
    right: -46px;
    top: 48px;
    font-size: 25px;
    color: var(--primary-color) !important;
    
  }
  @media(max-width:991px){
    .owl-prev {
      position: absolute;
     
     top: 30px;
     font-size: 20px;
     color: var(--primary-color);
  left: 0px;
     
  }
  .owl-next {
      position: absolute;
    right: 0px;
    top: 30px;
    font-size: 20px;
    color: var(--primary-color);
    
  }
  }
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
      display: block !important;
  }
  .version-2 .owl-nav button {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 30px;
      height: 30px;
      background: #fff !important;
      border-radius: 50%;
      margin: auto 0;
      box-shadow: 0px 0px 5px #00000069;
  }
  .owl-nav button.owl-next{
    /* right: 50px;
    color: red; */
  }
  .owl-nav button.owl-prev{
    /* left: 50px;
    position: relative ; */
  }
  .version-2 h2 {
      margin: 0px;
      font-size: 20px;
  }
  .version-2 p {
      font-size: 15px;
  }
  .version-2 .owl-item{
    text-align: center;
    width: 100%;
    /* padding: 10px 20px 20px; */
  }
  .test-content{
      width: 350px;
      padding: 25px;
  }
  
  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.icon-star-name{
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--primary-color);
    text-transform: uppercase;
}
.icon-star{
    color: var(--primary-color);
}
  /* .version-2{
      width: 10%;
  } */
  .version-2 .owl-item img{
    /* width: 160px; */
    /* margin: 0 auto; */
  }
  .clearfix li img{
      /* border: 1px solid gray; */
      /* padding: 10px 50px; */
  }
  .clearfix li a{
      /* border: 1px solid gray; */
      /* padding: 30px 30px; */
      /* width: 20px; */
  }
  
  /* ====================================================== */
  


/* ==============================testimonals-slider============================ */







/* ============================portfolio Our Gallery============================== */

.heading-tag  {
    /* display: none; */
  }
  .heading-tag h2{
    font-size: 18px !important;
    font-weight: 500 !important;
    color: var(--white-color);
    margin-top: 10px;
    text-align: center;
    padding: 5px 10px 10px 10px;

  }
  
  .gallery-wrapper {
    padding: 2rem 7rem;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
  }
  
  .gallery-item {
    position: relative;
    background: #981b2e;
    border-radius: 20px;
    /* filter: drop-shadow(2px 2px 3px #333); */
  }
  .gallery-item:hover{
    background-color: #000;
    color: #fff;
  }
  
  .gallery-item .image {
    overflow: hidden;
    position: relative;
     /* filter: drop-shadow(2px 2px 3px #333); */
  }
  
  .gallery-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 400ms ease-in;
    border: 1px solid #a4a4a4;
    border-radius: 20px;
  }
  
  .gallery-item .image img:hover {
    transform: scale(1.1);
  }
  
  #lightbox {
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.92);
    display: none; /* Initially hidden */
    justify-content: center;
    align-items: center;
  }
  
  #lightbox.active {
    display: flex; /* Show when active */
  }
  
  #lightbox img {
    max-width: 90%;
    max-height: 80%;
  }
  
  #lightbox h2 {
    color: var(--white-color);
    position: absolute;
    top: 90%;
    text-align: center;
    font-size: 1.5rem !important;
    width: 100%;
    font-weight: 600;
  }
@media(max-width:768px){
    #lightbox h2{
        color: var(--white-color);
        position: absolute;
        top: 75%;
    }

    .gallery-wrapper {
        padding: 2rem 2rem;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem;
      }
      #close-btn {
        top: 25% !important;
        position: absolute !important;
        right: 5% !important;
      }
}  
@media(max-width:441px){
    .lightbox-btn{
        font-size: 10px !important;
        padding: 5px 10px !important;
    }
    #close-btn {
        top: 30% !important;
        position: absolute !important;
        right: 5% !important;
      }

}
  









.lightbox-btn {
    position: absolute;
    top: 50%;
    /* background-color: rgba(255, 255, 255, 0.8); */
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 5px;
    transform: translateY(-50%);
    z-index: 1; /* Ensure buttons are above other content */
  }
  .lightbox-btn:hover{
     background-color: rgba(255, 255, 255, 0.8);
     color: var(--primary-color);
     transition: ease 1.5s;

  }
  
  #prev-btn {
    left: 20px;
  }
  
  #next-btn {
    right: 20px;
  }
  
  #close-btn {
    top: 58px;
    position: absolute;
    right: 15%;
  }
  #close-btn{
    
  }

/* ============================ Our Gallery============================== */



/* -----------------terms-conditions--------------- */
.terms-container{
    padding: 40px 0px;
}
.terms-condition-heading h2{
    /* font-size: 20px; */
/* color: var(--primary-color); */
text-transform: uppercase;
}
.terms-condition-heading h3{
    color: var(--primary-color);
}
.terms-condition-list li i{
    margin-right: 10px;
    color: var(--primary-color);
}
.terms-condition-list li{
    font-size: 17px !important;
    padding: 5px 0px;
}
.terms-condition-list span{
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 500;

}
/* -----------------terms-conditions--------------- */


/* =======================FOOTER========================================= */
.element-footer .elementor-shape {
    /* rotate: 180deg; */
    margin-bottom: -10px;
    fill: var(--primary-color);;
}

.penta_footer {
    /* text-align: justify; */
    padding: 20px 0px;
    background-color: var(--primary-color);;
    /* background-image: url(./images/footer.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover; */

    color: #fff !important;
}

.footer {
    background-image: url(./images/796169491973.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.first-footer img{width:70%;}
.first-footer p {
    text-align: justify;
}

.page_links {
    list-style-type: none;
}

.home_contact_adress {
    color: var(--black-color);
}

.home_contact a {
    text-decoration: none;
}

.page_links i {
    margin-right: 10px;
}

.page_links a {
    text-decoration: none;
    color: var(--white-color);
}

.page_links a:hover {
    color: var(--black-color);
}

.contact_footer a {
    /* color: rgb(255, 255, 255); */
    text-decoration: none;
}

.contact_footer li {
    list-style-type: none;
}

.contact_footer i {
    margin-right: 10px;
}

.social_media {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    font-size: 20px;
}

.social_media li {
    list-style-type: none;
}

.soci {
    margin-left: 25px;
}

.home_contact i {
    margin-right: 10px;
    margin-top: 5px;
    /* font-size: 25px; */
}

.footer_bottom_bar {
	/* background:var(--black-color); */
}

.footer_bottom_bar_1 a {
    /* color: rgb(255, 255, 255) !important; */
    text-decoration: none;
}

.footer_bottom_bar_1 a:hover {
    /* color: white !important; */
}

.for_footer_logo {
    /* display: flex; */
    /* align-items: center; */
}

.penta_footer h4 {
    font-size: 22px;
    color: #ffffff !important;
}

.footer_bottom_bar_1 {
    /* background-color: var(--primary-color) !important; */
    border-top: 1px solid rgb(118 118 118);
}

.time-clock {
    display: flex;

}

.time-clock i {
    margin-top: 6px;

}

.footer_bottom_bar_1 p {
    /* color: white !important; */
}

.penta_footer ul {
    padding-left: 0px !important;
}

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

@media only screen and (max-width:768px) {
    .footer {
        padding: 10px;
    }
}


.heading_line {
    position: relative;
}

.heading_line span {
    transition: all 0.5s ease-in-out 0s;
    position: relative;
}

.heading_line span:after {
    content: "";
    right: auto;
    left: 58px;
    position: absolute;
    bottom: 3px;
    width: 30px;
    margin-left: 0;
    border-bottom-width: 3px;
    border-bottom-color: var(--whitecolor);
    border-bottom-style: solid;
}

.heading_line:after {
    content: "";
    left: 1%;
    margin-left: 0;
    position: absolute;
    bottom: 3px;
    width: 59px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: var(--black-color);
}


/* =======================FOOTER========================================= */





/* =========================CLIENTS=============================================== */


.client_container {
    /* padding: 40px 0px;
    background-image: url(./images/client-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff; */

}

.fourth_client .swiper-backface-hidden .swiper-slide .card-slide {
    /* border: 1px solid rgb(207, 207, 207); */
    /* box-shadow: inset -5px -5px 5px -5px #ff7c00, inset -5px -5px 5px -5px #ff7c00, inset 5px -5px 5px -5px #ff7c00, inset 5px -5px 5px -5px #ff7c00; */
    /* box-shadow: 0 0 5px var(--primary-color); */
}

.product-sec .swiper-backface-hidden .swiper-slide {

    border: 1px solid #e3e3e3 !important;
    /* box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 6%), 0 0 1.25rem rgb(30 34 40 / 4%) !important; */
}

.fourth_client .swiper-backface-hidden .swiper-slide {
    padding: 25px;
    box-shadow: none;
}



.fourth_client .card-slide a img {
    filter: grayscale(0%);
}

.fourth_client .card-slide a img:hover {
    filter: grayscale(100%);
}

.fourth_client .swiper-pagination_client {
    margin: auto;
    padding-bottom: 15px;
    z-index: 999;

}




/* ===============client arrows==================== */


@media only screen and (max-width:768px) {

    .fourth_client .swiper-backface-hidden .swiper-slide {
        padding: 18px;
    }

    .swiper-button-next_client {
        top: 57px !important;
    }

    .swiper-button-prev_client {
        top: 57px !important;
    }

}

.swiper-button-next_client:after,
.swiper-rtl .swiper-button-prev_client:after {
    content: 'next';
}

.swiper-button-next_client:after,
.swiper-button-prev_client:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 28px !important;
}

.swiper-button-next_client:after,
.swiper-rtl .swiper-button-prev_client:after {
    content: 'next';
}

.swiper-button-next_client:after,
.swiper-button-prev_client:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next_client:after,
.swiper-rtl .swiper-button-prev_client:after {
    content: 'next';
}

.swiper-button-next_client:after,
.swiper-button-prev_client:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 28px !important;
}



.swiper-button-prev_client:after,
.swiper-rtl .swiper-button-next_client:after {
    content: 'prev';
}

.swiper-button-next_client:after,
.swiper-button-prev_client:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev_client:after,
.swiper-rtl .swiper-button-next_client:after {
    content: 'prev';
}

.swiper-button-next_client:after,
.swiper-button-prev_client:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev_client:after,
.swiper-rtl .swiper-button-next_client:after {
    content: 'prev';
}





.swiper-button-next_client,
.swiper-rtl .swiper-button-prev_client {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next_client,
.swiper-rtl .swiper-button-prev_client {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next_client,
.swiper-button-prev_client {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


.swiper-button-prev_client {
    left: -5px !important;
    /* left: auto !important; */

}

.swiper-button-next_client,
.swiper-button-prev_client {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next_client,
.swiper-rtl .swiper-button-prev_client {
    right: -5px;
    left: auto;

}

.swiper-button-next_client,
.swiper-button-prev_client {
    position: absolute;
    top: 43%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color) !important;

}



/* ===============client arrows==================== */




/* =========================CLIENTS=============================================== */









/* ================Certified Products=============================== */

    .testi-container .owl-carousel .owl-dots{
        display: none;

    }


@media only screen and (max-width:441px){
    .team_container .owl-carousel button.owl-prev{
        left: 15px;
        top:-20px !important;
        font-size: 24px !important;
    }
    .team_container .owl-carousel button.owl-next{
        right: 15px;
        top:-20px !important;
        font-size: 24px !important;

    }
   
} 



.team_container h2,
p {
    color:  color: var(--black-color);
}


.team_container .third_team {
    /* background-image: url(../img/about/engineer-work.webp); */
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    /* padding: 120px 0px; */
}


.team_container .third_team h2 {
    color: var(--black-color);
}


.third_team .social-icons {

    display: flex;
    justify-content: space-evenly;
}

.third_team .social-icons i {
    font-size: 20px;
}

.third_team .card {
    border: none !important;
    box-shadow: none !important;
	background: transparent;
}

.third_team .swiper-pagination_2 {
    margin: auto;
    padding-top: 15px;
}

.third_team blockquote img {
    /* height: 200px; */
	border-radius: 10px 10px 10px 10px;
	/* clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%); */
}

.services-carousel .card-body h6{
   
    background: var(--primary-color);
    color: var(--white-color);
    padding: 10px;
    text-align: center;
	/* border-radius: 0px 0px 10px 10px; */
	margin-top: -20px;
    position: relative;
    border-radius: 50px 50px;
    width: 90%;
    margin-left: 13px;
	text-transform: capitalize;
}

.services-carousel .card-body h3{
	    background: var(--primary-color);
    color: var(--white-color);
    padding: 10px;
    text-align: center;
	/* border-radius: 0px 0px 10px 10px; */
	margin-top: -20px;
    position: relative;
    border-radius: 50px 50px;
    width: 90%;
    margin-left: 13px;
	text-transform: capitalize;
    font-size:18px !important;
	
}
.services-carousel .card-body a{
	    text-decoration: none !important;
  
}
.services-carousel .card-body a:hover h3{
    background: var(--black-color);
    color: var(--white-color);
}
.services-carousel .card-body a:hover h6{

	    background: var(--black-color);
    color: var(--white-color);
  
}

.swiper-pagination-bullet-active{
background: var(--primary-color, var(--primary-color)) !important;
}	
	

.third_team .slide-content_port .card-body {
    /* border: 1px solid rgb(224, 224, 224); */
    /* box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 20%), 0 0 1.25rem rgb(30 34 40 / 4%); */
    /* box-shadow: inset -5px -5px 5px -5px #ff7c00, inset -5px -5px 5px -5px #ff7c00, inset 5px -5px 5px -5px #ff7c00; */
}

.third_team .tesimonials-box {
    padding: 0px 22px;
}

.third_team {
    padding: 40px 0px;
}

.third_team_1 {
    padding: 40px 0px;
}

@media only screen and (max-width:767px) {
    .third_team {
        padding: 10px 0px;
    }

    .third_team_1 {
        padding: 10px 0px;
    }
}

.third_team .swiper-pagination_testi {
    margin: auto;
    padding-top: 30px;
}

.third_team .card-body {
    padding: 0;
}

/* ===============Certified Products arrows==================== */




.swiper-button-next_testi:after,
.swiper-rtl .swiper-button-prev_testi:after {
    content: 'next';
}

.swiper-button-next_testi:after,
.swiper-button-prev_testi:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 28px !important;
}

.swiper-button-next_testi:after,
.swiper-rtl .swiper-button-prev_testi:after {
    content: 'next';
}

.swiper-button-next_testi:after,
.swiper-button-prev_testi:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next_testi:after,
.swiper-rtl .swiper-button-prev_testi:after {
    content: 'next';
}

.swiper-button-next_testi:after,
.swiper-button-prev_testi:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 28px !important;
}



.swiper-button-prev_testi:after,
.swiper-rtl .swiper-button-next_testi:after {
    content: 'prev';
}

.swiper-button-next_testi:after,
.swiper-button-prev_testi:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev_testi:after,
.swiper-rtl .swiper-button-next_testi:after {
    content: 'prev';
}

.swiper-button-next_testi:after,
.swiper-button-prev_testi:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev_testi:after,
.swiper-rtl .swiper-button-next_testi:after {
    content: 'prev';
}





.swiper-button-next_testi,
.swiper-rtl .swiper-button-prev_testi {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next_testi,
.swiper-rtl .swiper-button-prev_testi {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next_testi,
.swiper-button-prev_testi {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color, var(--primary-color));
}


.swiper-button-prev_testi {
    left: -5px !important;
    /* left: auto !important; */
}

.swiper-button-next_testi,
.swiper-button-prev_testi {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color, var(--primary-color));
}

.swiper-button-next_testi,
.swiper-rtl .swiper-button-prev_testi {
    right: -5px;
    left: auto;
}

.swiper-button-next_testi,
.swiper-button-prev_testi {
    position: absolute;
    top: 37%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color, var(--primary-color));
}



/* ===============Certified Products arrows==================== */



/* ================Certified Products================================ */











/* ==========================SUB BANNER SECTION================================ */


/* =======================Banner Section======================== */

.slider_container{
    /* margin-top: -88px; */
}

.wt-bnr-inr .container {
    display: table;
    height: 100%;
}

.banner-title-name h2 {
    font-size: 45px;
    color: var(--primarycolor);
    text-transform: uppercase;

}

.wt-bnr-inr-entry {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 70px;
}

.wt-breadcrumb a {
    text-decoration: none;
    color: #fff;
}

.wt-breadcrumb {
    font-size: 21px;
    list-style-type: none;
    color: #fff;

}

.overlay-wraper>.container,
.overlay-wraper>.container-fluid,
.overlay-wraper>.wt-icon-box-wraper,
.overlay-wraper>.wt-left-part,
.overlay-wraper>.wt-right-part {
    position: relative;
    z-index: 1;
}

.wt-breadcrumb a:hover {
    color: #fff !important;
}

.opacity-07 {
    opacity: 0.7;
}

.overlay-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.bg-top-center {
    background-position: top center !important;
}

.wt-bnr-inr {
    height: 240px;
    background-size: cover;
    background-position: center center;
    display: table;
    width: 100%;
    background: linear-gradient(.25turn, #121212, 25%, transparent);
}

.overlay-wraper {
    position: relative;
}

.wt-breadcrumb a:hover {
    color: var(--paragcolor);
}

.wt-breadcrumb i {
    margin: 0px 10px;
}

.overlay-main {
    background: linear-gradient(.25turn, #121212, 25%, transparent);
}





.about-head-container h3{
    font-size: 45px;
    font-weight: 700;
}
@media only screen and (max-width:768px){
    .about-head-container h3{
        font-size: 30px;
    }
}
/* =======================Banner Section======================== */


/* ==========================SUB BANNER SECTION================================ */








/* ========================================================================================== */
/* =================================vision-mision========================================= */


.vision-mision p{
text-align: justify;
}
.vision-mision .flex-row {
    background-color: var(--primary-color);db;
    padding: 20px;
    height: 218px;
    border-radius: 10px;
}
.vision-mision .flex-row:hover{
    background-color: #93d2f4db;
}
.vision-mision .flex-row:hover h4{
    color: var(--black-color);
}

.vision-mision h4{
    color: #ffffff;
}
@media only screen and (max-width:768px){
    .vision-mision .flex-row {
        height: 184px;
    }
}


/* ========================================================================================== */
/* =================================vision-mision========================================= */






/* ========================================================================================== */
/* ========================================================================================== */
/* ========================================================================================== */
/* ========================================================================================== */

/* =======CONTACT DEATILS============ */
.penta_contact_left {
    background-color: #f6f6f6;
    padding: 30px 10px 24px 30px;
    color: rgb(0, 0, 0);
    /* border-radius: 10px ; */
}

.social_back {
    /* background-color: #f6f6f6; */
    /* padding: 3px 16px 13px 16px ; */
}

.penta_contact_left h3 {
    font-size: 30px;
    /* padding: 20px 0px; */
    padding-top: 5px;
}

.penta_contact_left li {
    list-style-type: none;
}

.penta_contact_left a {
    text-decoration: none;
    color: black;
}

.penta_contact_left h4 {
    margin-top: 20px;
}

.first-box i {
    margin-top: 5px;
    margin-right: 10px;
}

.social_media_1 li {
    display: flex;
    justify-content: space-between;
}

.penta_home_contact h3 {
    font-size: 30px;
    font-weight: 600;
}

.for_only_radious {
    border-bottom: 1px solid rgb(228 228 228);
    padding-bottom: 20px;
    ;
}

/* .separator::after{
        position: absolute;
        content: '';
        left: 0px;
        bottom: 2px;
        width: 25px;
        height: 4px;
        background-color: #ff0006;
    }
    .separator::before{
      position: absolute;
      content: '';
      left: 0px;
      bottom: 0px;
      width: 75px;
      height: 2px;
      background-color: #ff0006;
    } */
.first-box{
    background: rgb(0,197,240);
    background: linear-gradient(90deg, rgba(0,197,240,1) 0%, rgba(143,236,255,0.7091211484593838) 100%);
    padding: 20px !important;
}
.second-box{
    background: rgb(0,197,240);
    background: linear-gradient(90deg, rgba(0,197,240,1) 0%, rgba(143,236,255,0.7091211484593838) 100%);
    padding: 20px !important;
}
.third-box{
    background: rgb(0,197,240);
    background: linear-gradient(90deg, rgba(0,197,240,1) 0%, rgba(143,236,255,0.7091211484593838) 100%);
    padding: 15px !important;
   
}
.penta_home_contact h4{
    color: #000000 !important;
}
.second-box a{
    text-decoration: none;
    color: #000;
}
.second-box a:hover{
    color: #000;
}
.second-box i{
    margin-right: 10px;
}

.for-cont-media .hero {
    width: 100%;
    height: 100vh;
    background: #f1f9ff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.for-cont-media .social-links {
    display: flex;
    margin-top: 25px;
}
.fa-whatsapp{
    color: rgb(32, 234, 32);
}
.fa-facebook{
    color: rgb(3, 142, 255);
}
.fa-instagram{
/* color:  radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); */
color: #d6249f;
}
.fa-twitter{
    color: var(--primary-color);;
}
.fa-youtube{
    color: #ee1b24;
}
.for-cont-media .social-links a {
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    color: #000;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
    background-color: #ece9e9;
    margin: 0 4px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: transform 0.5s;
}

.for-cont-media .social-links a .fa-brands {
    font-size: 25px;
    line-height: 40px;
    position: relative;
    z-index: 10;
    transition: color 0.5s;
}

.for-cont-media .social-links a::after {
    content: '';
    width: 100%;
    height: 100%;
    top: -90px;
    left: 0;
    background: #000;
    background: linear-gradient(-45deg, #ed1c94, #ffec17);
    position: absolute;
    transition: 0.5s;
}

.for-cont-media .social-links a:hover::after {
    top: 0;
}

.for-cont-media .social-links a:hover .fa-brands {
    color: #fff;
}

.for-cont-media .social-links a:hover {
    /* transform: translateY(-5px); */
}



/* ===========CONTACT DEATILS============= */
/* ==========FORM======================== */

.form_left  .seven_hero_sec_btn {
    background-color: var(--primary-color);
    padding: 10px 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgb(255, 255, 255) !important;
    border-radius: 30px;
    /* width: 30%; */
    border: none;
    text-transform: uppercase;
    font-weight: 600;
}
.form_left {
    /* background-color: rgba(0, 0, 0, 0.068); */
    padding: 10px;
    border-radius: 10px;

    /* background-color: #f6f6f6; */
}

.form_left h3 {
    margin: 20px 0px;
    font-size: 30px;
    color: var(--primary-color);

}

.form_right iframe {
    width: 100%;
    height: 300px;
}

.form_right h2 {
    margin: 23px 0px;
    font-size: 30px;
}

.form_left {
    padding-bottom: 25px;
}

.form_btn {
    display: flex;
    justify-content: flex-end;
}

.form_head_p p {
    font-size: 20px;
    padding: 0px 20px;
}

/* =========================FORM============ */
/* ========================================================================================== */
/* ========================================================================================== */



/* ========================================================================================== */
/* ========================================================================================== */


/* ==============================Servive page========================================================== */

.icon-box-for-service i{
    background-color: var(--primary-color);;
    /* padding: 5px; */
    border-radius: 50%;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-right: 10px;
    font-size: 14px;
}
.icon-box-for-service li{
    margin-top: 10px;
}
.service-section p{
    text-align: justify;
}
.service-section{
    padding: 20px 0px;
}
.service-section h4{
    font-size: 27px !important;
}
.service-section .service-right-tex{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service-section .direction-change-box{
   padding-top: 50px;
}
@media only screen and (max-width:768px){
.service-section .direction-change-box{
    display: flex;
    flex-direction: column-reverse;
    padding-top: 10px;
}
.pl-50{padding-left:0px !important;}
.pr-50{padding-right:10px !important;}
}
/* ==============================Servive page========================================================== */



/* ========================================================================================== */
.text-justify {
    text-align: justify;
}
.pl-50{padding-left:50px;}
.pr-50{padding-right:50px;}

.header-top{
			position: fixed;
			top:0px;
			right: 0;
			left: 0;
			z-index: 1030;
			padding: 15px 40px 15px 40px;
			background:#fff !important;}

/* ========================================================================================== */



        .penta-card {
            position: relative;
            width: 100%;
            height: 300px;
            display: flex;
            align-items: flex-end;
            padding: 2rem 1rem;
            background-color: #fff;
            box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
            transition: 0.5s ease-in-out;
            margin: auto;
        }

        .penta-card:hover {
            transform: translateY(20px);
        }

        .penta-card::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,0.21750707118785018) 0%, rgba(152,27,46,0.6096639339329482) 35%);
            z-index: 2;
            transition: 0.5s all;
            opacity: 0;
        }

        .penta-card:hover::before {
            opacity: 1;
        }

        .penta-card img {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .penta-card .overlay {
            position: relative;
            z-index: 3;
            color: #fff;
            opacity: 0;
            transform: translateY(30px);
            transition: 0.5s all;
            padding: 30px 0px;
        }

        .penta-card:hover .overlay {
            opacity: 1;
            transform: translateY(30px);
        }

        .text-h1 {
            margin: 0;
			color:#fff;
			text-align:center;
        }
/*
        .text-p {
		letter-spacing: 1px;
            margin-top: 8px;
            margin-bottom: 10px;
        }

        .link-a {
            padding: 0.5rem 1rem;
            background-color: #fff;
            color: #000;
            cursor: pointer;
            transition: .4s ease-in-out;
        }

        .link-a:hover {
            box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
        }*/

        .image-title {
            position: absolute;
            bottom: 0px;
            left: 50%;
			width:100%;
			text-align:center;
            transform: translateX(-50%);
            color: #fff;
           background: linear-gradient(180deg, rgba(2,0,36,0.21750707118785018) 0%, rgba(152,27,46,0.6096639339329482) 35%);
            padding: 5px 10px;
            z-index: 4;
            font-size: 16px;
            transition: opacity 0.5s;
        }

        .penta-card:hover .image-title {
            opacity: 0;
        }

        .owl-nav {
            display: flex;
            justify-content: space-between;
            position: absolute;
            top: 50%;
            width: 100%;
        }

        .owl-nav button {
            background-color: #fff;
            border: none;
            padding: 1rem;
            cursor: pointer;
        }

        .owl-dots {
            text-align: center;
            margin-top: 20px;
        }

        .owl-dot {
            display: inline-block;
            margin: 0 5px;
            width: 12px;
            height: 12px;
            background-color: #fff;
            border-radius: 50%;
            cursor: pointer;
        }


		.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--primary-color);
}

        @media (max-width: 600px) {
            .penta-card {
                width: 100%;
                max-width: 300px;
                margin: auto;
            }

            .penta-card img {
                transform: translateX(-50%);
            }
        }


	
/* float */
.social i{color:var(--white-color);}
.social{
	position:fixed;
	width:40px;
	height:208px;
	bottom:180px;
	right:5px;
	background-color:var(--black-color);
	color:#fff;
	border-radius:0px;
	text-align:center;
  font-size:25px;
	/*box-shadow: 2px 2px 3px #999;*/
  z-index:100;
}
/* .social i:hover{color:var(--primary-color);} */
.social li:hover{background-color:var(--primary-color);}

.my-linkedin{
	margin-top:10px;
}
.my-whatsapp{
	margin-top:10px;
}
.my-facebook{
	margin-top:10px;
}
.my-insta{
	margin-top:10px;
}
.my-youtube{
	margin-top:10px;
}
.my-mail{
	margin-top:10px;
}

@media (max-width:767px){
.social{bottom:0px;display: none;}
}