/*
Theme Name: PC Group
Theme URI: https://www.busfam.com/
Author: Busfam Team
Author URI: https://www.busfam.com/
Description: The 2025 theme for WordPress is a fully responsive theme that looks great on any device With HTML5, Bootstrap5 and CSS3.
Version: 6.0
*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


:root {
    --black: #151515;
    --black2: #444;
    --beige: #cf9a2b;
    --brown: #9b3235;
    --lbrown: #c55757;
    --dblue: #200b0b;
    --gray: #555;
    --white: #fff;
    --headfont: "Exo 2", sans-serif;
    --bodyfont: "Cabin", sans-serif;
}
html {
  scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-family: "Cabin", sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #ebebeb;
}

a {
    text-decoration: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

a:hover {
    text-decoration: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.float-btn {
    z-index: 222;
}

.float-btn a {
    position: fixed;
    right: 0px;
    z-index: 2;
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 18px;
    color: #fff;
}

.float-whatsapp {
    bottom: 90px;
    background-color: #14C34A;
    border: 1px solid #14C34A;
}

.float-whatsapp:hover {
    background-color: transparent;
    border: 1px solid #14C34A;
    color: #14C34A;
}

.float-call {
    bottom: 150px;
    background-color: var(--brown);
    border: 1px solid var(--brown);
    font-size: 17px !important;
}

.float-call:hover {
    background-color: transparent;
    border: 1px solid var(--brown);
    color: var(--brown);
}

li {list-style: none;font-size: 16px;color: var(--black);}

ol li {
    list-style: number;
}

h1,
h2 {
    font-size: 38px;
    font-family: var(--headfont);
    color: var(--brown);
    font-weight: 600;
}

h3 {
    font-family: var(--headfont);font-size: 30px;margin-bottom:15px;font-weight:600;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

p {
    font-size: 16px;
    margin-bottom: 8px;
    color: var(--black);
}

.tick ul {
    padding-left: 0;
    margin: 0px 0 20px 25px;
}

.tick ul li {
    margin-bottom: 10px;
	font-family: var(--bodyfont); 
	position:relative;
}

.tick ul li i{
   position:relative;top:4px;left:0;
}

.tick ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    color: var(--brown);
    font-size: 18px;
    transition: all 0.3s ease;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: -25px;
}

.tick_double ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: 0 0 0 20px;
}

.tick_double ul li {
    width: 90%;
}
.alternate_column  .card{background:transparent;border:0;}
.alternate_column .row:nth-child(even) {
    direction: rtl;
    text-align: left;
    padding: 20px 0;
}

.alternate_column .row .vdobtn, .alternate_column .row .readmore {
    direction: ltr;
}

.alternate_column ol li,
.alternate_column p,
.alternate_column .section-title h2,
.alternate_column .section-title h3
 {
    direction: ltr;    margin-bottom: 20px;
}

.alternate_column .btn{direction: ltr;}

.alternate_column .row:nth-child(even) .content_box p {
    direction: ltr;
}

.alternate_column .row:nth-child(even) .content_box h4,
.alternate_column .row:nth-child(even) .content_box h5,
.alternate_column .row:nth-child(even) .content_box h6 {
    direction: ltr;
}

.alternate_column .row:nth-child(odd) {
    direction: ltr;
    text-align: left;
}

.alternate_column .row:nth-child(even) .content_box li {
    direction: ltr;
}

.alternate_column .row[class*=col-] {
    direction: ltr;
}

.content_box {
    padding: 30px;
    text-align: left;
    border: 1px solid #ccc!important;
    border-radius: 30px;
    background:#fff!important;
}

.content_box p{text-align-last: left;-webkit-hyphens: auto;word-spacing: -0.05em;text-align:justify;}
.alternate_column .sticky_div.card{border:0;background: transparent;}

.sectiongap:nth-child(odd) {
    padding: 70px 0;
}
.sectiongap:nth-child(even) {
    padding: 70px 0;
}

.img_radius {
    border-radius: 30px;
}


/*backto-top start*/

#backto-top {
    display: inline-block;
    background-color: var(--beige);
    width: 42px;
    height: 44px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 40px;
    right: 0px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-align: center;
    border: 1px solid #fff;
}

#backto-top i {
    color: #fff;
    line-height: 45px;
    font-size: 19px;
}

#backto-top:hover {
    background-color: var(--brown);
    border-color: var(--brown);
}

#backto-top:hover {
    cursor: pointer;
}

#backto-top.show {
    opacity: 1;
    visibility: visible;
}


/*backto-top end*/

.sticky_div {
    position: sticky;
    top: 100px;
}

.btn {
    padding: 12px 24px !important;
    border-radius: 25px !important;
    font-size: 15px;
    border: none;
    font-weight: 600;
    font-family: var(--headfont);
}

.btn i {
    margin-left: 2px;
    font-size: 15px;
    vertical-align: middle;
}
header .btn-primary {
    background-image: linear-gradient(var(--beige), var(--beige));
    color: #fff;
}

header .btn-primary:hover {
    background-image: linear-gradient(var(--white), var(--white));
    color: var(--brown);
}
header .btn-primary i{color:var(--black);}
header .btn-primary:hover i{color:var(--beige);}

.btn-primary {
	background-image: linear-gradient(var(--brown), var(--lbrown));
    color: #fff;
}
.btn-primary i{color:var(--beige);}
.btn-primary:hover i{color:var(--brown);}

.btn-primary:hover {
    background-image: linear-gradient(var(--beige), var(--beige));
    color: var(--white);
}

.btn-secondary {
    background-color: #fff;
    border: 1px solid #000;
    color: var(--black);
}

.btn-secondary:hover {
    background-color: #000;
    color: #fff;
}
.btn:focus{box-shadow:none;}
.blank_btn {
    color: #0C2D62;
    font-weight: 600;
}

.blank_btn i {
    color: #FFB200;
    margin-left: 4px;
    vertical-align: middle;
}

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

.section-title {
    margin-bottom: 35px;
}

.section-title h3,
.section-title h2,
.section-title h1 {
    color: var(--brown);
    font-weight: 600;
	    position: relative;
}
.section-title h3 strong,
.section-title h2 strong,
.section-title h1 strong{
    display:block;
    font-weight: 600;
}
.section-title h1::after, .section-title h2::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 50px;
    bottom: -6px;
    background: var(--beige);
    margin: 0 auto;
	left: 0;
    right: 0;
}


.section-title.text-left h2::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 50px;
    bottom: -4px;
    background: var(--beige);
    margin: 0;
	left: 0;
}
.service-section-con .section-title.text-left h2::after {
    height: 0;
    width: 0;
    bottom: 0;
    background:transparent;
}
.about h2{margin-bottom:25px;}

.section-title h6 {
    font-family: var(--headfont);
    color: var(--white);
    font-weight: 600;
	font-size: 20px;
	background: var(--beige);
    padding: 10px 20px;
    display: inline-block;
    border-radius: 6px;
}
.alternate_column .section-title h2 {
    font-family: var(--headfont);
    color: var(--white);
    font-weight: 600;
	font-size: 20px;
	background: var(--beige);
    padding: 10px 20px;
    display: inline-block;
    border-radius: 6px;
}
.alternate_column .section-title h1::after, .alternate_column .section-title h2::after {
    height:0;
    width:0;
    bottom: 0;
    background:transparent;
}
.section-title.text-center h6 {
    display: inline-block;
}

.section-title123 h6::after {
    content: "";
    position: absolute;
    top: 48%;
    width: 70px;
    height: 2px;
    background-color: var(--beige);
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: 15px;
    width: 100%;
}

.owl-carousel .item img {
    border-radius: 10px;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--brown);
    text-align: center;
}

.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i {
    font-size: 18px;
    line-height: 40px;
    color: var(--white);
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background-color: var(--black);
    color: #fff;
}

.form-control {
    padding: 8px 10px;
    width: 100%;
    border: none;
    border-radius: 0;
    font-size: 15px;
}

::-moz-placeholder {
    color: rgba(0, 0, 0, 0.9254901961) !important;
}

::placeholder {
    color: rgba(0, 0, 0, 0.9254901961) !important;
}

.form-control:focus {
    box-shadow: unset;
    border-color: unset;
}
header {
    padding: 5px 0;
    position: sticky;
    top: 0;
    z-index: 2;
	background-image: linear-gradient(var(--brown), var(--lbrown), var(--brown));    
	border-top: 3px solid var(--beige);
    border-bottom: 1px solid #0000002c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.151);
}

header .logo img {
    width: 162px;
}

/* banner */
.banner{z-index:1;}
hr.border-light {
    max-width: 400px;
    opacity: 0.9;border-color: var(--beige) !important;
}

 .carousel-item {
     transition: transform 1s ease-in-out;
}
 .carousel-caption {
     top: 48%;
     transform: translate(0, -50%);
     bottom: auto;
     left: 0;
     right: 0;
      width: 0;
      opacity: 0;
      overflow: hidden;
      text-align: left;
}
 .carousel-item.active .carousel-caption  {
     animation: widthSlide 3.5s 1;
     opacity: 1;
      z-index: 999;
      width: 55%;
}

.carousel-caption h5 {
	font-family: var(--headfont);
    font-size: 70px;
    font-weight: 600;
    color:var(--white);
	line-height: 70px;
}
 .carousel-caption p {
	 font-family: var(--bodyfont);
     font-size: 24px;
	 color:var(--white);
     font-weight: 500;
     text-transform: capitalize;
}
.carousel-caption h5:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--beige);
    bottom: -20px;
    opacity: 1;
}
 .carousel-item.active .carousel-caption h5:after {
    width: 10%;
    height: 4px;
    animation: titleCover 2.5s 1;
    opacity: 0;
}

.carousel-item > img {
    object-fit: cover;
    transform: scale(1);
}
.carousel-item.active > img {
    transform: scale(4);
    animation: bgScale 200s 1;
}
@keyframes bgScale {
  0% {
      transform: scale(1);
    }
  100% {
      transform: scale(4);
    }
}
 .carousel-item:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: linear-gradient(to right, #000000a3 5% , #ffffff00);
     z-index: 99;
}


.carousel-indicators {
    right: 10px;
    left: auto;
    margin: 0;
    width: 25px;
    flex-wrap: wrap;
    bottom: auto;
    top: 45%;
    transform: translate(0, -50%);
    gap: 10px;
    z-index: 9999;
}
.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    border: none;
}
li.nav-item > a:after {
    content: '';
    position: absolute;
    height: 3px;
    background: white;
    left: 0;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    width: 85%;
  transition: 0.3s all ease-in-out;
}
li.nav-item > a.active:after,
li.nav-item > a:hover:after {
    bottom: 0;
    opacity: 0.8;
}
li.nav-item > a {
    position: relative;
}


@media screen and (max-width: 991px) {
  .carousel-caption h5 {
    font-size: 3.5em;
}

}

@media screen and (max-width: 768px) {
  .carousel-caption h5 {
    font-size: 3.5em;
}

  .carousel-item img {
    height: 80vh;
}
  .mian-logo > span {
    font-size: 1em;
}
.carousel-indicators {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    flex-wrap: nowrap;
    top: auto;
    transform: unset;
    width: auto;
    gap: 5px;
}
  .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
}
}

@media screen and (max-width: 575px) {
  .carousel-caption h5 {
    font-size: 1.4em!important; font-weight:300 !important;text-align:center;line-height:normal;
}
.carousel-caption .btn-primary.mt-3 {
    margin-top: 0!important;
}

  .carousel-item img {
    height: 60vh;
}
  .carousel-caption p {
          font-size: 15px !important;
        line-height: 22px;
        text-align: center;
        font-weight: 300;
		        margin-bottom: 15px;
}
  .carousel-caption {
     width: 100%;
    opacity: 0;
}
 .carousel-item.active .carousel-caption {
     animation: sample 2.5s 1;
    opacity: 1;
}
  .carousel-caption * {
    white-space: unset;        text-align: left;
}
 @keyframes sample {
     0% {
         opacity: 0;
    }
   50% {
         opacity: 1;
    }
     100% {
         opacity: 1;
    }
}
  .carousel-caption h5 {
    -webkit-text-stroke: 1px #E2FADB;
}
  hr.border-light {
    max-width: 200px; margin: 10px auto;    border-color: var(--beige) !important;
}
}


@media screen and (max-width: 480px) {
	.banner .carousel-caption {
        position: inherit;
        width: 100% !important;
        padding: 20px;
        bottom: 0;
        right: 0 !important;
        left: 0 !important;
        text-align: center;
        border-radius: 0;
        top: 0;
		transform: translate(0, 0);
    }
	 .carousel-item:before {background:transparent!important;}



	.carousel-indicators{display:none!important;}
.carousel-caption h5 {
    font-size: 1.45em;
}
  .carousel-caption p {
    font-size: 0.7em;
}
  .carousel-item img {
    height:200px;
}
}
/* banner */

textarea{width:100%;    
border-top:0;
border-right:0;
border-bottom: 1px solid #0000005e;
border-left:0;
background:transparent;
padding:15px;
}
textarea:focus{outline:0;}
/* start about*/

.about_con ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0;
}

.about_con ul li {
    width: 45%;
    display: flex;
    gap: 15px;
    align-items: center;
}

.about_con ul li img {
    width: 35px;
}

.about_con ul li h5 {
    font-weight: 600;
    font-family: var(--headfont);
    font-size: 18px;
    margin: 0;
	color: var(--black);
}

.btn-group2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
}

.btn-group2 span {
    width: 50%;    line-height: 25px;
}

.btn-group2 span p {
    margin-bottom: 0px;    color: var(--gray);
}

.btn-group2 span a {
    color: var(--brown);
    font-size: 28px;
    font-weight: 600;
    font-family: var(--headfont);
}
.btn-group2 span a:hover { color: var(--beige);}

.about_img img {
    border-radius: 25px;
}


/* end about */


/* start services */

.services {
    background-color: #040404ed!important;
    border-radius: 100px;
}

.services .section-title h2,
.services .section-title h6 {
    color: var(--white) !important;
}

.services-box {
    position: relative;
    transition: border 0.3s ease;
    margin: 10px 0;
	
}

.services-box.no-border {
    border: none;
}

.services-box:hover {
    border: none;
}

.services-box ul {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 35px 50px;
    align-items: center;
    margin:12px 0 0 0;
	z-index:1;
}
.services-box ul li,
.services-box ul li p {
    color: var(--white);
}

.services-box ul h4 {
    font-size: 26px;
    font-family: var(--headfont);
    background: var(--beige);
    padding: 10px 20px;
    border-radius: 25px;
    display: inline-block;
}

.services-box ul h5 {
    font-size: 22px;
    font-weight: 600;
    font-family: var(--headfont);
}

.services-box ul li:nth-child(2) {
    width: 50%;
}

.services-box ul li:first-child {
    width:35%;
}
.services-box ul li a {
    color: var(--white);
}

.services-box ul li a:hover {
    color: var(--brown);
}

.services-box ul li i {font-size: 35px;color: var(--beige);}
.services-box ul li:hover i {color: var(--white);}

.services-box img {
	border: 1px solid #ddd;
    border-radius: 100px;
    height: 150px;
    object-fit: cover;
   
	opacity:0.5;
    transition: filter 0.5s ease;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}

.services-box:hover img {
   opacity:0.9;
}

.services-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; /* set to 100% for full overlay width */
  background-color: rgba(0,0,0,0.5);
     border-radius: 100px;
}

/* end services */


/* start projects */

.project {
    position: relative;
}

.project::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    margin: 0 auto;
    height: 100%;
    width: 1px;
    background-color: #0000001e;
    z-index: -1;
}

.project .item ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 40px;
    padding: 0;
}

.project .item ul li p {
    color: var(--gray);
}

.project .item ul h4 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--headfont);
}

.project .item ul h4 a {
    color: var(--black);
}

.project .item ul h4 a:hover {
    color: var(--brown);
}

.project .item ul h5 {
    font-weight: 600;
    font-size: 20px;
    font-family: var(--headfont);
}

.project .item ul li:nth-child(2) {
    width: 35%;
}

.project .item ul li i {
    font-size: 35px;
}

.project .item ul li a {
    color: var(--brown);
}

.project .item {
    background-color: #eddcb0;
    padding: 60px;
    border-radius: 60px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 16px 0px;
    margin-bottom: 20px;
}

.project .owl-item {
    border-radius: 60px;
}

.project .item img {
    border-radius: 30px;
}

.project .owl-stage-outer {
    border-radius: 60px;
}

.owl-carousel .owl-nav {
    width: 98%;
    top: 56%;
    transform: translateY(-50%);
    bottom: unset;
    display: flex;
    justify-content: space-between;
}


/* end projects */


/* start touch section */

.touch {
    background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(images/touch-img.webp)!important;
    background-size: cover;
    padding: 40px 0 !important;
	
    position: relative;
}

.touch-content h2 {
    color: var(--white);
    font-size: 70px;
}

.touch-content h2 strong {
    border-radius: 90px;
    padding: 8px 30px;
    font-weight: 900;
    font-size: 55px;
    transition: all .6s;
    line-height: 100px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #fff;
    position: relative;
    -webkit-background-clip: text;
    background-image: url(images/touch-img.webp);
    background-repeat: no-repeat;
    z-index: 1;
}

.touch-content h2 strong::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-color: #eddcb0;
    z-index: -1;
    border-radius: 80px;
    inset: 0;
}

.touch-content ul {
    display: flex;
    gap: 35px;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.touch-content ul li a {
    font-size: 24px;
    font-family: var(--headfont);
    color: var(--white);
}

.touch-content ul li i{
    font-size: 20px;
	margin-right:3px;
    color: var(--beige);
}

.touch-content ul li a:hover {color: var(--beige);}
.touch-content ul li:hover i{color: var(--white);}

.touch-p p {
    color: var(--white);
    font-size: 20px;    line-height: 28px;
}

.touch-p a.btn-primary {
    margin-top: 30px;
}


/* end touch section */


/* start testimonail */

.testimonial {
    position: relative;
}

.testimonial .item {
    text-align: center;
    padding: 0px 35px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 450px;
    border: 1px solid #00000057;
    border-radius: 50%;
    opacity: 0.6 !important;
    transition: opacity 0.4s ease;
}

.testimonial .section-heading h2 {
    font-size: 120px;
    color: #00000057;
    font-weight: 700;
    letter-spacing: 5px;
    position: absolute;
    top: 30px;
    transform: translateX(25%);
    z-index: 0;
    opacity: 0.3;
}
.testimonial .item img {
    width: 50px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.testimonial .item h6 {
    font-size: 20px;
}

.testimonial .item h4 {
    color: var(--black);
    margin-top: 25px;
    margin-bottom: 5px;
}

.testimonial .item p {
    color: var(--black);
}

.testimonial .owl-item.center .item {
    opacity: 1 !important;
}


/* end testimonail */


/* start footer */

footer {
    padding: 50px 0;
	  background-image: linear-gradient(var(--lbrown), var(--brown));
    border-radius: 100px 100px 0 0;
    padding-bottom: 0;
    margin-top: 50px;
}

footer .section-title h2 {
    color: var(--white);
    font-size: 60px;
    text-align: center;
}

.footer-title {
    margin-bottom: 20px;
}

.footer-title h4 {
    color: var(--white);
    position: relative;
    font-size: 24px;
}

.footer-title123 h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    width: 45px;
    background-color: var(--beige);
}

.footer-con h5 {
    color: var(--beige);
    font-family: var(--headfont);
    font-size: 20px;
    font-weight: 600;
}

.footer-con p {
    font-size: 15px;
    color:#ddd;
}

.footer-con a {
    color: rgba(255, 255, 255, 0.65);
}
.footer-con-margin{margin-top:48px;}
.footer-links ul {
    margin: 0;
    padding: 0;
}

.footer-links ul li {
    margin-bottom:5px;padding-bottom:5px;border-bottom: 1px solid #c15d5d;
}
.footer-links ul li:hover a{ margin-left:6px;}
.footer-links ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\e4be";
    color: var(--beige);
    font-size: 13px;
    transition: all 0.3s ease;
    margin-right: 5px;
}


.footer-links ul li a {
    font-size: 15px;
    color:#ddd;
}

footer a:hover {
    color: var(--white) !important;
}

.footer-contact a {
    font-size: 15px;
    color:#ddd;
    margin: 8px 0;
    display: block;
}
.footer-contact a i{ font-size: 13px;color: var(--beige);margin-right: 2px;}

.footer-contact ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.footer-contact .social_link ul li a {
    margin: 0;
    font-size: 16px;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    color: var(--white);
    line-height: 34px;
    background-color:transparent;
    border:1px solid var(--beige);
    text-align: center;
}
.footer-contact .social_link ul {margin-top: 10px;}
.footer-contact .social_link ul li a i{color: var(--white);margin-right: 2px;}
.footer-contact .social_link ul li a:hover i{color: var(--brown);}

.footer-contact .social_link ul li a:hover {
    background-color: var(--white);
	border:1px solid var(--white);
}

.copyright-txt p {
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
	font-size: 13px;
}

.copyright-txt p a {
    color: var(--white);
}

.copyright-links ul {
    display: flex;
    align-items: center;
    color: var(--white);
    justify-content: end;
}

.copyright-links ul li a {
    color: rgba(255, 255, 255, 0.65);
    padding: 0px 15px;
    border-right: 1px solid #ffffff5e;
	font-size: 13px;
}

.copyright-links ul li:last-child a {
    border: none;
}

.copyright-row {
    margin-top: 50px;
	border-top: 1px solid #ffffff1a;
}


/* end footer */


/* start about page */

.about-section {
    border-bottom: 1px solid #0000002c;
}

.about-section-img img {
    border-radius: 30px;
}
.about-section-img {position:relative;}
.experience_box {
	position:absolute;
	background:var(--beige);
	padding:25px;
	font-size:24px;
	color:var(--white);
	text-align:center;
	border-radius:15px;
	bottom:-40px;
	left:50px;
}
.experience_box strong{
		font-size:38px;
display:block;
	font-weight:600;
}


.about-section-con p {
    margin-bottom: 18px;
}


/* end about page */


/* start about service */

.about-service-tab {
    margin-top: 20px;
}

.about-service-tab .nav .nav-link {
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 25px;
    background-color: var(--black);
    color: var(--white);
    margin-bottom: 20px;
}

.about-service-tab .nav .nav-link:hover {
    background-color: var(--brown);
}

.about-service-tab .nav .nav-link.active {
    background-color: var(--brown);
}

.about-service-tab .tab-content {
    padding: 20px;
    background-color: #FDF2E3;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
    border-radius: 25px;
}

.about-service-tab .tab-content img {
    width:180px;
    border-radius:12px;
}


.about-service-tab .tab-content .btn-secondary {
    background-color: transparent;
    margin-top: 20px;
}

.about-service-tab .tab-content .btn-secondary:hover {
    background-color: var(--brown);
}


/* end about service */


/* start service page */

.service-section-img img {
    border-radius: 25px;
}

.service-section-con .section-title {
    margin-bottom: 25px;
}

.service-section-con h4 {
    font-family: var(--headfont);
    font-size: 24px;
	font-weight: 600;
    margin-bottom: 15px;
}

.service-box-section {
    margin-top: 50px;
}

.service-box-section .card {
    border: 1px solid var(--beige);
    background-color: #FDF2E3;
    border-radius: 10px;
    padding: 20px;
    border-top: 4px solid var(--beige);
}

.service-box-section .card:hover .card-head-img::before {
    border-left: 70px solid var(--brown);
    transition: .7s all ease;
}

.service-box-section .card:hover .card-head-img img {
    filter: brightness(0) invert(1);
}

.service-box-section .card-head {
    display: flex;
    align-items: center;
    gap: 20px;
}

.service-box-section .card-head-img {
    width: 70px;
    background-color:var(--beige);
    height: 70px;
    padding: 10px;
    text-align: center;
}

.service-box-section .card-head-img img {
    width: 50px;
    line-height: 70px;
    position: relative;
}

.service-box-section .card-head-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 20px;
    transition: .7s all ease;
    border-left: 3px solid var(--brown);
}

.service-box-section .card-head span h4 {
    font-family: var(--headfont);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
}

.service-box-section .card-head span h5 {
    color: var(--brown);
    margin-bottom: 0;
}

.service-box-section .card-body {
    padding: 0;
    margin-top: 22px;
}

.service-box-section .card-body p {
    margin-bottom: 15px;
}

.service-section-tab {
    margin-top: 60px;
}

.service-section-tab .nav {
    border: none;
    justify-content: center;
}

.service-section-tab .nav button {
    padding: 18px 80px;
    font-size: 16px;
    background-color: #FBF0E1;
    color: var(--black);
    font-family: var(--headfont);
    font-weight: 600;
    border: 1px solid #0000001a;
    border-radius: 0;
}

.service-section-tab .nav button.active {
    background-color: var(--brown);
    color: var(--white);
    border-radius: 0;
}

.service-section-tab .tab-content {
    width: 85%;
    margin: 0 auto;
}

.service-section-tab .tab-content .tab-pane .tab-pane-con {
    display: flex;
    gap: 25px;
    margin-top: 30px;
    align-items: center;
}

.service-section-tab .tab-content .tab-pane img {
    border-radius: 25px;
}

.service-section-tab .tab-content .tab-pane p {
    font-size: 18px;
}


/* end service page */

/* start contact section */


.contact-section .contact-map h2 {
    text-align: center;
    padding: 0px 150px;
    color: var(--white);
    margin-bottom: 30px;
}


.contact-map-con h3 {
    font-size: 40px;
    font-family: var(--headfont);
    font-weight: 700;
    color: var(--beige);
}
.contact-map-con .row {
    margin-top: 25px;
}
.contact-map-con h5 {
    font-size: 22px;
    font-family: var(--headfont);
    font-weight: 700;
    color: var(--brown);
}
.contact-map-con p {
    margin: 0;font-size: 16px;
}
.contact-map-con .card{background:transparent;border:1px solid var(--beige);padding:12px;border-radius:10px;}
.contact-form-con ul {
    padding: 0;
    margin:0;
}
.contact-form-con ul li{margin:0 0 6px 0;}
.contact-form-con ul li a {
    font-size: 16px;
    color: var(--black);
    font-weight: 400;
}

.contact-form-con ul li a i{
    font-size: 15px;
    color: var(--beige);
    position: relative;
	margin-right: 2px;
}
.contact-form-con .footer-contact ul li a {
    font-size: 18px;
    background-color: var(--brown);
    color: var(--white)!important;
}
.contact-form-con .footer-contact ul li a i{
    color:var(--white)!important;
    position:relative;
    top: 0;
}
.contact-form-con .footer-contact ul li a:hover {
    background-color: var(--beige);
}
.contact-form h2 {
    font-size: 78px;
    opacity: 0.2;
    text-align: end;
}
.form-control:focus, .form-select:focus {box-shadow:none;}
.form-control, .form-select {
    background-color: transparent;
	font-family: var(--bodyfont); 
    color: var(--gray);
    padding: 12px 10px;
    border-top:0;
    border-right:0;
    border-bottom: 1px solid #0000005e;
    border-left:0;
}

.form-control:focus, .form-select:focus {
    background-color: transparent;
    border-bottom: 1px solid var(--beige);
}
::placeholder {
    color: var(--gray);
}


/* end contact section */
/* footer top dot */
.footer-dot {
    font-size: 30px;
    height: 60px;
    width: 125px;
    border-radius: 150px 150px 0 0 !important;
    line-height: 80px;
    position: absolute;
    left: 100px;
    right: 0;
    top: -30px;
    margin: 0 auto;
    display: block !important;
    transform: translate(-50%, -50%);
    z-index: 0 !important;
    background: var(--lbrown);
}

.footer-dot:before {
    position: absolute;
    content: '';
    height: 89px;
    width: 96px;
    -webkit-mask: url(./images/leftshape.svg) no-repeat 100% 100%;
    mask: url(./images/leftshape.svg) no-repeat 100% 100%;
    background: var(--lbrown);
    left: -35px;
    bottom: -31px;
    z-index: -1;
}

.footer-dot i {
    transform: rotate(-40deg);
    display: block;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: var(--beige);
    text-align: center;
    margin-top: 20px;
    font-size: 35px;
}

.footer-dot:after {
    position: absolute;
    content: '';
    height: 89px;
    width: 96px;
    -webkit-mask: url(./images/rightshape.svg) no-repeat 100% 100%;
    mask: url(./images/rightshape.svg) no-repeat 100% 100%;
    background: var(--lbrown);
    right: -35px;
    bottom: -31px;
    z-index: -1;
}


.products_section .alternate_column img{
    border-radius:30px;
	height:350px;
	object-fit: cover;
    object-position: 100% 0;
}
.products_section h3 {
    font-size: 40px;
    color: var(--brown);
}
.client .section-title h2{
    font-size:35px;
}
a.readmore {
    background-image: linear-gradient(
        to right,
        #deb153,
        #deb153 50%,
        #660000 50%
        );
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    font-size:18px;
    font-weight: 500;
}

a.readmore:before{
    content: '';
    background: var(--brown);
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 0;
    height: 2px;
    transition: all 0.3s ease-in-out;
}

a.readmore:hover {
    background-position: 0;
}

a.readmore:hover::before{
    width: 100%;
}

.offsetLeft {
    float: left;
    margin-right: 10px;
    max-width: 500px;
}
.offsetRight {
    float: right;
    margin-left: 10px;
    max-width: 500px;
}
.client-carousel{border: 1px solid #ddd;padding: 15px;}

/* timeline */
.main-timeline {
  font-family: 'Poppins', sans-serif;
  padding: 15px 0;
  position: relative;
}

.main-timeline:after {
  content: '';
  display: block;
  clear: both;
}

.main-timeline:before {
  content: "";
  background: #d7dae9;
  width: 10px;
  height: 100%;
  border-radius: 50px;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
}

.main-timeline .timeline {
  width: 50.2%;
  padding: 0 0 0 50px;
  margin: 0 0 45px;
  float: right;
  position: relative;
}

.main-timeline .timeline:before {
  content: "";
  width: 30px;
  height: 30px;
  border: 5px solid var(--brown);
  border-radius: 50%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -14px;
  background:#fff;
}

.main-timeline .timeline-content {
  color:var(--black);
  font-size:15px;
  background-color: #fff;
  min-height: 90px;
  padding: 10px 15px 10px 30px;
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.main-timeline .timeline-content:hover {
  text-decoration: none;
}

.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after {
  content: '';
  background-color: var(--brown);
  height: 100%;
  width: 18px;
  position: absolute;
  left: 0;
  top: 0;
}

.main-timeline .timeline-content:after {
  height: 25px;
  width: 25px;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  left: -12px;
}

.main-timeline .timeline-year {
  color: var(--brown);
  background: #fff;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border: 2px solid;
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
  position: absolute;
  left: -185px;
  top: 50%;
  padding: 5px 15px;
}

.main-timeline .timeline-icon {
  color: #fff;
  font-size: 50px;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 1;
}

.main-timeline .timeline:nth-child(even) {
  padding: 0 50px 0 0;
  float: left;
}

.main-timeline .timeline:nth-child(even):before {
  left: auto;
  right: -12px;
}

.main-timeline .timeline:nth-child(even) .timeline-content {
  padding: 15px 30px 15px 15px;
}
.main-timeline .timeline:nth-child(even) .timeline-content h6{
  color: var(--beige);
}

.main-timeline .timeline:nth-child(even) .timeline-content:before {
  left: auto;
  right: 0;
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
  left: auto;
  right: -13px;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
  left: auto;
  right: -180px;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
  left: auto;
  right: 15px;
  color: var(--black);
}

.main-timeline .timeline:nth-child(even):before {
  border-color: var(--beige);
}

.main-timeline .timeline:nth-child(even) .timeline-content:before,
.main-timeline .timeline:nth-child(even) .timeline-content:after {
  background-color: var(--beige);
}

.main-timeline .timeline:nth-child(even) .timeline-year,
.main-timeline .timeline:nth-child(even) .title {
  color: var(--beige);
}

@media screen and (max-width:767px) {
  .main-timeline:before {
    transform: translateX(-50%);
    left: 17px;
  }

  .main-timeline .timeline,
  .main-timeline .timeline:nth-child(even) {
    width: 100%;
    padding: 40px 0 0 45px;
  }

  .main-timeline .timeline:before,
  .main-timeline .timeline:nth-child(even):before {
    left: 0;
    top: calc(50% + 63px);
  }

  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 15px 15px 15px 100px;
  }

  .main-timeline .timeline-content:before,
  .main-timeline .timeline:nth-child(even) .timeline-content:before {
    right: auto;
    left: 0;
  }

  .main-timeline .timeline-content:after,
  .main-timeline .timeline:nth-child(even) .timeline-content:after {
    right: auto;
    left: -13px;
  }

  .main-timeline .timeline-year,
  .main-timeline .timeline:nth-child(even) .timeline-year {
    transform: translateY(0);
    right: auto;
    left: 0;
    top: -60px;
  }

  .main-timeline .timeline-icon,
  .main-timeline .timeline:nth-child(even) .timeline-icon {
    right: auto;
    left: 15px;
  }
}

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

  .main-timeline .timeline:before,
  .main-timeline .timeline:nth-child(even):before {
    transform: translateY(0);
    top: 95px;
  }

  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 32px 10px 10px;
  }

  .main-timeline .timeline-content:before,
  .main-timeline .timeline:nth-child(even) .timeline-content:before {
    width: 100%;
    height: 20px;
  }

  .main-timeline .timeline-content:after,
  .main-timeline .timeline:nth-child(even) .timeline-content:after {
    transform: translateX(-50%) translateY(0) rotate(45deg);
    top: 5px;
    left: 20px;
  }
.main-timeline .timeline-content:after{height: 22px;width: 22px;}


  .main-timeline .timeline-icon,
  .main-timeline .timeline:nth-child(even) .timeline-icon {
    transform: translateX(-50%) translateY(0);
    left: 50%;
    top: 6px;
  }
}

.timeline h6 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
  line-height: 1.5;
}

.timeline .tick ul {
  margin: 8px 0 0px 18px;
}

.timeline .tick ul li {
  margin-bottom: 0;
}

.timeline .tick ul li:before {
  font-size: 15px;
}

#v-pills-seven .card .card-icon {
  margin-top: -6%;
}

#v-pills-seven .card {
  margin-top: 30px;
}

.main-timeline .timeline .timeline-content .timeline-icon img {
  width: 55px;
  filter: brightness(0) invert(1);
}

.main-timeline .timeline:nth-child(even) .timeline-content .timeline-icon img {
  filter: unset;
  width: 60px;
}
.main-timeline h6 {
    font-size: 20px;
    font-weight: 600;
	color:var(--brown);
	margin-bottom:6px;
}
/* timeline */
.thanku_bg{padding:30px 0 100px 0;}
.service-section .section-title h2 {font-size: 30px;margin-bottom: 20px;}


/*photos gallery start*/
.post-box:hover .photo-img img {transform: scale(1.1);}
.photo-item {}
.photo-img {position: relative;overflow: hidden;min-height: 57px;display: block;cursor: pointer;    
background: var(--white);
    padding: 10px 10px;
    box-shadow: 0 0 20px #00000033;
    border-radius: 15px;}
	
.photo-img img {transform: scale(1);transition: 0.5s ease-in-out;width: 100%;border-radius: 8px;
  border: 1px solid #dadada;}
.photo-date {
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,.65) 100%);*/
  display: flex;
  transform: scale(0.5);
  opacity: 0;
  transition: 300ms ease all;
  transition-delay: 0;
}
.photo-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--beige);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
}
.photo-icon i {line-height: 60px;font-size: 25px !important;color: #fff !important;}
.post-box:hover .photo-date {transform: scale(1) rotate(0);opacity: 1;transition-delay: 300ms;}
/*photos gallery end*/
.heading_title {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 16px;
    border-bottom: 2px solid var(--beige);
    text-align: left;
}
.heading_title strong {
    position: relative;
    background: var(--beige);
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    padding: 6px 10px;
}
.heading_title strong:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid var(--beige);
    border-top: 40px solid transparent;
}
.title{
	background: var(--white);
	border:1px solid var(--brown);
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    text-align:center;
    padding: 6px;
	border-radius:8px;
}
.gallery img{border-radius:8px;}
.gallery h2 {
    font-size: 40px;
    font-family: var(--headfont);
    color: var(--beige);
    font-weight: 600;
}
 /* box hover start*/
.hover-overlay, 
.hover-overlay p
 {
	-moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-o-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
}
.hover-box {
	position: relative;
	overflow: hidden;
}
.hover-box img {
	width: 100%;	
}

.hover-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 100px;
	background-image: linear-gradient(#00000000, #272727);
	letter-spacing: 0.02em;
	height: 100%;
	border-radius:0 0 10px 10px;
}
.hover-header {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	padding:5px 10px;
	background-image: linear-gradient(#00000000, #272727);
	border-radius:0 0 10px 10px;
}

.hover-header .heading {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin:0 0 15px 0;
}
.hover-overlay p {
	opacity: 0;
	margin: 20px 0;
	font-size: 15px;
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	color: #bbb;
	line-height:22px;
}
.hover-box:hover .hover-overlay {
	top: 0;
	height: 100%;
}
.hover-box:hover .hover-header {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background: none;
	padding: 0;
}
.hover-box:hover .hover-overlay p {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hover-box:hover .hover-details {
	position: absolute;
	top: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 30px;
	right: 30px;
	margin: 0 auto;
}
/* box hover end*/

.yellowbg {
    border: 1px solid var(--beige);
    background-color: #FDF2E3;
    border-radius: 10px;
    padding: 20px;
    border-top: 4px solid var(--beige);
}

.about .btn-group2 img {
    width: 55px;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 10px #00000045;
}

.career_left .btn-group2{margin-top:10px;}
.career_left .btn-group2 img{width:60px;}
.captcha-box{margin-top:24px;}


.wpcf7-not-valid-tip {
  display: none !important;
}
.cms-wrap ul li {margin-bottom:10px;}
.cms-wrap ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    color: var(--beige);
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 2px;
    margin-right: 6px;
    margin-left: -25px;
    position: relative;
}
.product_cat{position:relative;}
.product_cat:hover .product_cat_block{background:var(--brown);}
.product_cat:hover .product_cat_block h4, .product_cat:hover .product_cat_block strong{color:var(--white);}
.product_cat_block{background:var(--beige);padding:12px;border-radius: 8px;}
.product_cat_block h4{
	font-size:20px;
	font-weight:500;
	color:var(--black);
	text-align:left;
	margin:0;
	display: inline-block;
	}		
.product_cat_block strong{
float: right;
	font-size:16px;
	font-weight:500;
	color:var(--black);
	text-align:left;
	margin:0;
	}
	
.types_febric h5{font-size:25px;font-weight:600;color:var(--brown);}
.types_febric .card{background:transparent;border:0;}
.types_febric .card-body{background:transparent;}
.types_febric .card img{border-radius:20px;}
.types_febric {border-bottom: 1px solid #0000002c;}
.ranges p strong{color:var(--brown);}
.ranges .card{
	background:#ffc10726;
	padding:12px;
	border-top:1px solid var(--brown);
	border-right:1px solid var(--brown);
	border-bottom:4px solid var(--brown);
	border-left:1px solid var(--brown);
	border-radius:15px;
}
.ranges .card p{margin-bottom:15px;}
.card_block{position:relative;}
.card_block img{position:absolute;width:80%;left:0;right:0;margin: -20px auto 0 auto;border-radius:15px;}
.knit_structure .card{border:0;}
.knit_structure h5{background:var(--beige);border-left:4px solid var(--brown);color:var(--white); padding:10px;font-size:20px;}
.knit_structure p{font-weight:500;}
.premium_designs{position:relative;display:table;margin:0 auto;}
.premium_designs span{
	position:absolute;
	color:var(--white);
	font-size:30px;
	font-weight:400;
	line-height: 38px;
	left:15px;
	right:15px;
	bottom:15px;
	background: #000000a8;
    padding: 15px;
}
.premium_designs strong{color:#ffc61b;font-weight:600;}
.specification .card{background:var(--white);border:1px solid var(--beige);padding:20px;border-radius:15px;}
.specification_icon{
	background:var(--beige);
	border:1px solid var(--beige);
	padding:15px;
	border-radius:50%;
	font-size:30px;
	margin:0 auto 15px auto;
	width: 70px;
    height: 70px;
    line-height: 40px;
    color: var(--white);
}
.specification .card h5{color:var(--brown);font-size:26px;}
.specification .card:hover{background:var(--beige);}
.specification .card:hover .specification_icon{background:var(--white);color: var(--brown);}
.specification .card:hover h5{color: var(--white);}
.specification .card:hover p{color: var(--black);}
.premium_finishes li{margin:25px 0;}
.premium_finishes li strong{color:var(--black);font-size:22px;}
.premium_finishes .tick ul li:before {font-size:25px;margin-left: -32px;margin-right: 3px;top:4px;
    position: relative;}
.img-radius{border-radius:25px;}
.speciality_products ul{padding-left:0;}
.speciality_products li{padding:8px; border:2px solid var(--beige);margin:8px 0;border-radius:8px;color:var(--black);}
.speciality_products ul li:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f178";
    color: var(--brown);
    font-size: 18px;
    transition: all 0.3s ease;
    float: right;
}
.product_development{position:relative;}
.product_development_txt{
	position:absolute;
	background:#000000e6;
	padding:20px;
	top:15%;
	left:0;
	right:0;
	border-radius:15px;
	width: 60%;
    margin: 0 auto;
	text-align:center;
}
.product_development_txt h5{color: var(--beige);font-size: 35px;font-weight:600;}
.product_development_txt p{color: var(--white);font-size: 18px;}
.bg1{background:#ddd;border-radius:20px;}
.bg2{background:#e9e9e9;border-radius:20px;}

/* fiber-section*/
.Fiber_Blends_bg{background: url(images/Fiber_Blends_bg.webp) 0 0 no-repeat;
    background-size: cover;position:relative;min-height:100vh;border-radius:25px;}	

.fiber-card{
    position:absolute;
    padding:18px 24px;
    border-radius:50%;
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,0.75);
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
    font-size:15px;
    font-weight:500;
	line-height:20px;
    animation: float 6s ease-in-out infinite;
    transition:all .4s ease;
    opacity:0;
    transform:translateY(40px);
}
.fiber-card strong{display:block;font-weight:500;}
.fiber-card.show{opacity:1;transform:translateY(0);}
.fiber-card:hover{transform:scale(1.08);}
@keyframes float{0%,100%{ transform:translateY(0px); } 50%{ transform:translateY(-15px); }}
.center-card{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:30px 6px;
    font-size:2rem;
    font-weight:700;
    text-align:center;
    background:rgba(255,255,255,0.9);
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.2);
    animation: glow 3s ease-in-out infinite alternate;
	width: 140px;
    height: 140px;
    line-height: 36px;
}
.center-card span{color:#e60023;}
@keyframes glow{
    from{ box-shadow:0 0 20px rgba(230,0,35,0.4); }
    to{ box-shadow:0 0 40px rgba(230,0,35,0.7); }
}
.white{background:#f1f1f2;color:#111;border:2px solid #fff;}
.white_box{background:#fff;border:1px solid #ddd; padding:15px;border-radius:12px;box-shadow: 0 0 15px #0000002b;} 
.pink{background:#ff66cc;color:#fff;border:2px solid #fff;}
.purple{background:#a659fa;color:#111;border:2px solid #fff;}
.yellow{background:#ffc000;color:#111;border:2px solid #fff600;}
.blue{background:#00b0f0;color:#111;border:2px solid #fff;}
.red{background:#d50000;color:#111;border:2px solid #fff;}
.green{background:#00c853;color:#111;border:2px solid #fff;}
.green2{background:#34fec9;color:#111;border:2px solid #fff;}
.card1{top:8%;left:2%;}
.card2{top:4%;left:17%;}
.card3{top:11%;right:50%;}
.card4{top:8%;right:25%;}
.card5{top:3%;right:3%;}
.card6{top:25%;left:10%;}
.card7{top:25%;left:35%;}
.card8{top:30%;right:30%;}
.card9{top:25%;right:5%;}
.card10{top:40%;left:8%;}
.card11{bottom: 28%;right: 25%;}
.card12{top:37%;right:10%;}
.card13{top:50%;left:15%;}
.card14{bottom:28%;left:20%;}
.card15{bottom:18%;right:40%;}
.card16{bottom:35%;right:6%;}
.card17{bottom:20%;left:5%;}
.card18{bottom:15%;right:10%;}
/* fiber-section*/
/* fiber-section*/
.wave_bg{background: url(images/wave_bg.webp) 0 0 no-repeat;
    background-size: cover;min-height:97vh;position:relative;border-radius:25px;padding:60px 20px;
}
.wave_bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; /* set to 100% for full overlay width */
  background-color: rgba(0,0,0,0.7);
  border-radius:25px;
}
.wave_bg ul{margin:0 0 0 24px;padding:0;z-index: 1;position: relative;}
.wave_bg li{
    color: var(--white);
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	width: 90%!important;
}
.wave_bg ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\e4be";
    color: var(--beige);
    font-size: 20px;
    transition: all 0.3s ease;
	margin-right: 6px;
	margin-left: -24px;
}
	

@keyframes zoom-inout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}



.about-img-wrap .about-shape {
  position: absolute;
  right: 23%;
  top: -5%;
  z-index: -1;
  -webkit-animation: zoom-inout 2s infinite;
  animation: zoom-inout 2s infinite;
}
/* hexagon */
.hexagon-gallery img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.hexagon-gallery {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 200px;
  grid-gap: 14px;
  padding-bottom: 10px;
}

.hex {
  display: flex;
  position: relative;
  width: 200px;
  height: 250px;
  background-color: #ddd;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.hex::after {
  content: "";
  position: absolute;
 box-shadow: 0px 15px 10px -15px #111; 
 border:5px solid #000;
}


.hex:first-child {
  grid-row-start: 1;
  grid-column: 2 / span 2;
}

.hex:nth-child(2) {
  grid-row-start: 1;
  grid-column: 4 / span 2;
}

.hex:nth-child(3) {
  grid-row-start: 1;
  grid-column: 6 / span 2;
}

.hex:nth-child(4) {
  grid-row-start: 2;
  grid-column: 1 / span 2;
}

.hex:nth-child(5) {
  grid-row-start: 2;
  grid-column: 3 / span 2;
}

.hex:nth-child(6) {
  grid-row-start: 2;
  grid-column: 5 / span 2;
}

.hex:nth-child(7) {
  grid-row-start: 2;
  grid-column: 7 / span 2;
}

.hex:nth-child(8) {
  grid-row-start: 3;
  grid-column: 2 / span 2;
}

.hex:nth-child(9) {
  grid-row-start: 3;
  grid-column: 4 / span 2;
}

.hex:nth-child(10) {
  grid-row-start: 3;
  grid-column: 6 / span 2;
}
/* hexagon */


.ul_txt ul{padding:0;}
.ul_txt ul li{display:flex;margin:10px 0;}
.ul_txt ul li i{
	background: var(--beige);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:22px;
	color: var(--white);
	border-radius: 50%;
    margin-right: 15px;
}

.ul_txt h5 {font-size:18px;color:#111;font-family:var(--headfont);margin:0 0 3px 0;font-weight:700;}
.inner-banner {
  text-align: center;
  height: 200px;
  padding-top:40px;
  margin-bottom: 0;
  box-shadow: 0px 18px 18px -12px #11111147;
}

.innerbanner-text h2{font-size: 30px;font-weight:700;color: var(--brown);text-transform:uppercase;}
.innerbanner-text h2 strong{display:block;font-weight:700;}
.innerbanner-text p{font-size: 18px;color: var(--black);}
.gallery_block{margin-bottom:40px;}
.gallery_block .section-title {margin-bottom: 25px;}
.gallery_block h4 {color: var(--brown);margin: 0;}
.qty_box{background: var(--white);border:1px solid var(--beige);border-radius:15px;padding:10px;}
.qly_txt{margin-left:8px;}
.qly_txt h5{color: var(--black);font-size: 16px;font-weight:700;}
.qly_txt p{color: var(--black2);font-size: 15px!important;line-height: 18px; margin: 0 0 3px 0;}
.gallery .section-title img{width:50px;height:50px;margin-right:10px;}
#singeing, 
#mercerization, 
#washing, 
#softflow, 
#jet_hthp, 
#jet, 
#stenters, 
#compactor, 
#peaching, 
#brushing, 
#decatizing, 
#calendering, 
#rotary_print, 
#digital_print 
{scroll-margin-top: 100px;}
.alternate_column  img{border-radius:15px;}
.contact-form.white_box {padding: 32px;}
.fancybox-button{background:var(--beige);}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {color:var(--white);}
.mt-5.product_development{margin-top: 6rem !important;}