@import url('https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);
/* Global */
:root{--PrimaryColor: #f4c200; --SecondaryColor: #403b4b; --Popines: "Poppins", sans-serif;}
::selection {background-color:var(--PrimaryColor); color: #000;}
html{scroll-behavior: smooth; transition: 0.5s;}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: var(--Popines)}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 14px; font-family: var(--Popines)}
a{font-size: 14px; font-family: var(--Popines); text-decoration: none;}
a:hover{text-decoration: none;}
p{font-size: 14px; padding: 0px; margin: 0px; font-family: var(--Popines)}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: var(--Popines)}
input,textarea,button,select{font-family: var(--Popines); font-size: 14px;}
input:focus{outline: none;}
textarea:focus{outline: none;}
button:focus{outline: none;}
select:focus{outline: none;}
/* Start CSS */
.floating-whatsapp-container {  position: fixed;  bottom: 50px;  left: 15px;  z-index: 999;}
.floating-whatsapp-button {  display: flex;  align-items: center;  justify-content: center;  width: 60px;  height: 60px;  background: linear-gradient(135deg, #25D366, #128C7E);  border-radius: 50%;  color: white;  text-decoration: none;  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);  transition: all 0.3s ease;  position: relative;  animation: glow 3s infinite;}
.floating-whatsapp-button:hover {  transform: scale(1.1);  box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6);  background: linear-gradient(135deg, #128C7E, #25D366);}
.floating-whatsapp-button svg {  width: 28px;  height: 28px;  z-index: 2;}
/* Reduced Pulse Animation Rings */
.pulse-ring, .pulse-ring-2 {  position: absolute;  border: 2px solid #25D366;  border-radius: 50%;  animation: pulse-animation-small 2s infinite;  opacity: 0;}
.pulse-ring {  width: 60px;  height: 60px;}
.pulse-ring-2 {  width: 60px;  height: 60px;  animation-delay: 1s;}
.pulse-ring-2:hover{color: #fff;}
@keyframes pulse-animation-small {
0% { transform: scale(1);    opacity: 1;  }
50% { opacity: 0.6;  } 
100% {  transform: scale(1.3);   opacity: 0;  }
}
.phone_lefts-side a {    position: fixed;    bottom: 150px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background: var(--SecondaryColor);    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 230px;    left: 20px;    height: 50px;   color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}
.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: var(--PrimaryColor);    transition: 0.5s;}
.enquiry strong {    background-color: #171b1e;    line-height: 28px;    color: #000;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.modal-header {    background: #fff;    border-bottom: 1px solid #e1e1e1;}
.modal-body {    background: #fff;}
.modal-body input {    height: 45px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #e1e1e1;    margin-bottom: 10px;    font-size: 14px;}
.modal-body select {    height: 45px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #e1e1e1;    margin-bottom: 10px;    font-size: 14px;}
.modal-body select option {    color: #000;    font-size: 14px;}
.modal-body select:focus {    outline: none;}
.modal-body textarea {    height: 100px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #e1e1e1;    font-size: 14px;}
.modal-body input::placeholder {    color: #000;}
.modal-body textarea::placeholder {    color: #000;}
.modal-body input:focus {    outline: none;}
.modal-body textarea:focus {    outline: none;}
.modal-body button {    width: 100%;    border: none;    padding: 10px 0;    background: var(--SecondaryColor);    border-radius: 5px; transition: 0.5s;}
.modal-body button:hover {background-color: var(--SecondaryColor); color: #fff;}
.modal-header span {    font-size: 25px; }
.modal-session {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.6);  z-index: 9999;  opacity: 0;  visibility: hidden;  pointer-events: none;  transition: opacity 0.5s ease, visibility 0.5s ease;}
.modal.show {  opacity: 1;  visibility: visible;  pointer-events: auto;}
.close {  position: absolute;  right: 10px;  top: 10px;  background: none;  border: none;  font-size: 26px;  cursor: pointer;  z-index: 2;}
.floating-whatsapp-container a:hover {    color: #fff;}
/* Mobile Buttons */
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;    width: 32%;}
.mobile-three-item li:nth-child(1) {    background-color: var(--PrimaryColor);}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {background-color: var(--SecondaryColor);}
.mobile-three-item li a {    padding: 5px 0;    color: #fff;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    z-index: 1000;    background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
/*Navbar*/
.navbar {  display: flex;  justify-content: center;  align-items: center; }
.nav-menu {  display: flex;  list-style: none;  margin: 0;  padding: 0;}
.nav-menu li {  position: relative;}
.nav-menu a {  display: flex;  align-items: center; color: var(--SecondaryColor);  text-decoration: none;  padding: 7px 18px;  transition: 0.3s; font-size: 16px;}
/* SUBMENU WITH FLIP */
.submenu {  position: absolute;  top: 100%;  left: 0;  background: var(--PrimaryColor);  list-style: none;  min-width: 400px;  opacity: 0;  visibility: hidden;    /* Flip animation */  transform: perspective(400px) rotateX(-90deg);  transform-origin: top;  transition: transform 0.3s ease, opacity 0.2s ease, visibility 0.3s;  backface-visibility: hidden; z-index: 9;}
.dropdown:hover > .submenu {  opacity: 1;  visibility: visible;  transform: perspective(400px) rotateX(0);}
/* 3rd level */
.submenu .submenu {  top: 0;  left: 100%;  transform-origin: left;  transform: perspective(400px) rotateY(90deg);}
.dropdown:hover > .submenu .submenu {  transform: perspective(400px) rotateY(0);}
/* MOBILE */
.menu-toggle {  display: none;  font-size: 24px;  cursor: pointer;}
@media (max-width: 768px) {
.menu-toggle {    display: block;}
.nav-menu {    position: fixed;    right: -100%;  z-index: 9999;  top: 0;    width: 100%;    height: 100vh;    background: var(--SecondaryColor);    flex-direction: column;    padding-top: 70px;    transition: 0.4s;    transform: none; /* Reset flip on mobile */  }
.nav-menu.active {    right: 0;  }
.submenu {    position: static;    opacity: 1;    visibility: visible;    display: none;   transform: none; /* Reset flip on mobile */    transition: none;  }
.dropdown.active > .submenu {display: block;}
}
.menu-toggle {z-index: 99;}
header{background-color: var(--SecondaryColor); box-shadow: rgba(64, 59, 75, 0.2) 0px 2px 10px 0px;}
.for-social_media .fa-facebook-f{background-color: #395693; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px;}
.for-social_media .fa-x-twitter{background-color: #000; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px;}
.for-social_media .fa-instagram{ width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );   }
.for-social_media .fa-youtube{background-color: red; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px;}

.btn-brochure a { color: #000;   padding: 10px 20px; border-image: linear-gradient(45deg, #f4c200 44%, #fff 45%, #fff 55%, #000 56%) 1 ;    border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;}
.logo-side img{width: 80%;}
.row-grid { display: flex;    align-items: center;    justify-content: space-between;}
.logo-side{width: 16%;}
.nav-side{width: 70%;}
.call-to-action-side-bar{width: 20%;}
/* ul.submenu li {    border: 1px solid #2c2933;} */

.calling-text span{font-size: 14px;}
.call-to-action-side-bar i{display: inline-block;    height: 40px;    width: 40px;    background: #e8e4f1;    text-align: center;    line-height: 40px;    border-radius: 50px;    color: var(--SecondaryColor); transition: 0.5s;}
.call-to-action-side-bar i:hover { background: var(--PrimaryColor);  color: #ffffff;}
.calling-text a{font-size: 14px;    line-height: 100%;    color: #1E0700;    margin-top: 8px;    font-weight: 700;    }
/* Logo */
.logo-side .logo::before {    position: absolute;    content: "";    left: 0px;    right: 0px;    bottom: 0px;    top: -55px;    z-index: 1;    width: 233px;    height: 103px;    background: #fff;}
.logo-side .logo::after {    position: absolute;    content: "";    left: 0px;    right: 0px;    top: 46px;    clip-path: polygon(0px 0px, 50% 100%, 100% 0px);    bottom: auto;    z-index: -1;    height: 35px;    background: #fff;    width: 100%;}
.logo a {    display: block;    text-align: center;    position: relative;    top: -10px;}
.logo a:after{    position: absolute;    content: '';    left: 0;    right: 0;    top: 56px;    clip-path: polygon(0 0, 50% 100%, 100% 0);    background: var(--PrimaryColor);    bottom: auto;    z-index: -1;    height: 41px;}
 .logo img {    position: relative;    top: -10px;    z-index: 9;}
.logo-side {    position: relative;    z-index: 9;    display: flex;    align-items: center;    justify-content: space-between;}
.header-infomation {    text-align: center;    padding-left: 42px;}
.for-social_media {    margin-left: 25px;}
.btn-brochure {    margin-left: 30px;}
/*Product css S*/
.product_sec {    position: relative;    display: block;    z-index: 1; }
.products_top {    position: relative;    display: block;    margin-bottom: 49px;}
.products_top_left {    position: relative;    display: block;}
.products_bottom{    margin-top: 70px;}
.products_bottom .product_box{    padding: 120px 20px 25px;    background-color: #fff;    text-align: center;    position: relative;    box-shadow: 0 8px 35px rgb(12 12 12 / 9%);    border-radius: 10px;}
.products_bottom .product_box .product_image{    position: absolute;     top: -40px;    left: 85px;    z-index: 99;}
.products_bottom .product_box .product_image img{    width: 145px;    height: 145px;    overflow: hidden;    border-radius: 50%;}
.product_box .product_content{    z-index: 99;}
.product_box:hover:before{    transform: scaleY(1);}
.products_bottom .product_box .product_title a{    font-weight: 500;    font-size: 17px;    height: 50px;    color: var(--SecondaryColor);    overflow: hidden;    transition: .3s cubic-bezier(.24,.74,.58,1); }
.products_bottom .product_box:hover .product_title{    color: #383838;}
.products_bottom .product_box .product_short_desc{    margin: 20px 0px;    font-weight: 400;    border-top: 1px solid #e2e2e2;    padding-top: 20px;}
.products_read-more{    margin: 15px 0;}
.products_read-more i{    margin-left: 5px;    vertical-align: middle;    font-size: 12px;}
.abt_btn a{    margin-top: 30px;    text-align: center;     color: #000;    padding: 10px 20px;    border-image: linear-gradient(45deg, #f4c200 44%, #fff 45%, #fff 55%, #000 56%) 1;    border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF; transition: 0.5s;}
.abt_btn a:hover{background-color: var(--PrimaryColor);}
.products_read-more a {    color: var(--SecondaryColor);    font-weight: 500;}
.product_sec .title {position: relative;}
.product_sec .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.product_sec .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;      background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.product_sec .title span {      font-size: 80px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 35%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;    opacity: 0.5;}
#toTop {    position: fixed;    bottom: 40px;    right: 25px;    cursor: pointer;    transition: 0.5s;        z-index: 99;       border-width: 4px 4px 4px 4px;}
.our-clients .title {position: relative;}
.our-clients .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.our-clients .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.our-clients .title span {     font-size: 80px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 32%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;    opacity: 0.5;}
ul.submenu li a {    font-size: 14px;}
.clients-logo-2 {    direction: rtl;}
/* Under About Us */
.under-about-us:before {    content: '';    width: 80%;    height: 90%;    border: 15px solid var(--PrimaryColor);    position: absolute;    left: -40px;    top: 30px;    z-index: -1;}
.about-count {    position: relative;    right: 0px;    top: -30px;   z-index: 1;    float: right;    display: flex;    justify-content: end;    align-items: center;}
.about-count span {    color: #888888;    font-size: 60px;    font-weight: 500;    display: inline-block;    line-height: 0px;    position: relative;    bottom: -16px;    padding-right: 10px;}
.about-count strong {    color: #fff;    font-size: 80px;    font-weight: 500;    display: inline-block;    background-color: var(--SecondaryColor);    line-height: 50px;    padding: 20px 12px;    font-family: var(--Popines);}
.under-about-us img {    border-radius: 30px;}
/* About Us */
.about_content .title {position: relative;}
.about_content .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.about_content .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.about_content .title span {    font-size: 90px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 18%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;     opacity: 0.5;}
.main-content-design p {    text-align: justify;    margin-bottom: 20px; color: #555;}

.about-btn a{    margin-top: 30px;    text-align: center;    color: #000;    padding: 10px 20px;    border-image: linear-gradient(45deg, #f4c200 44%, #fff 45%, #fff 55%, #000 56%) 1;    border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;    transition: 0.5s;}
.about-btn a:hover{background-color: var(--PrimaryColor);}
.our-products{     position: relative;    display: block;    padding: 0 0 0;    z-index: 1;    background: url(./img/testi-2-bg2.png);    background-repeat: no-repeat;    background-position: center;    background-size: cover;}
.product_set p {  color:var(--SecondaryColor);}
.section-title__title {    margin: 0;    color: #1c1b1f;    font-size: 40px;    line-height: 120%;    font-weight: 600;}
.product_set small{color: var(--PrimaryColor); display: block;    margin: 0;       font-family: var(--Popines);    font-size: 40px;    line-height: 120%;    font-weight: 600;}
.product_set p {    text-align: justify;    margin-bottom: 18px;}
.product-btn a {    margin-top: 30px;    text-align: center;    color:var(--SecondaryColor);    padding: 10px 20px;    border-image: linear-gradient(45deg, #f4c200 44%, #403b4b 45%, #403b4b 55%, #403b4b 56%) 1;    border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;    transition: 0.5s;    padding: 10px 30px;}
.product-btn a:hover{    background-color: var(--PrimaryColor); color: var(--SecondaryColor);}
/* services-one__single */
.services-one__single {    position: relative;    display: block;    margin-bottom: 30px;    box-shadow: 0px 10px 10px rgba(207, 207, 207, 0.051);}
.services-one__single .services-one__img {    position: relative;    display: block;    overflow: hidden;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    z-index: 1;}
.services-one__img:before {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    content: "";    background-color: rgba(255, 255, 255, 0.3);    opacity: 1;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s;    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);    transform: perspective(400px) rotateX(-90deg) scale(0.2);    -webkit-transform-origin: top;    -ms-transform-origin: top;    transform-origin: top;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    z-index: 1;}
.services-one__single:hover .services-one__img:before {    opacity: 1;    -webkit-transform: perspective(400px) rotateX(0deg) scale(1);    -ms-transform: perspective(400px) rotateX(0deg) scale(1);    transform: perspective(400px) rotateX(0deg) scale(1);}
.services-one__single .services-one__img img {    width: 100%;    height:100%;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    transition-delay: .1s;    transition-timing-function: ease-in-out;    transition-duration: .7s;    transition-property: all;}
.services-one__content {    position: relative;    display: block;    background-color: #ffffff;    /*background-color: #f7e3e3;*/    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); padding: 22px 30px 19px;    z-index: 1;}
.services-one__icon {    margin-top: -50px;    /*display: none;*/}
.services-one__icon img {    max-width: 60px;    border-radius: 7px;}
.services-one__title {  font-size: 18px; font-weight: 500; line-height: 24px; margin: 0px 0 10px 0;}
.services-one__title a {    color: #242424;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}
.services-one__read-more {    position: relative;    display: flex;    align-items: center;    border-top: 2px solid #FE5A0E ;    padding-top: 10px;    margin-top: 21px;}
p.services-one__text { color: #555;   text-align: justify;}
.product-box-slide:before {    position: absolute;    left: 100px;    top: -20px;    width: 100%;    height: 540px;    z-index: -1;    content: "";    padding: 120px 0px;    background: var(--PrimaryColor);    background-image: url(img/industry_bg.png);    background-repeat: repeat;    position: absolute;}
.why-choose-us .title {position: relative;}
.why-choose-us .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.why-choose-us .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.why-choose-us .title span { font-size: 88px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 20%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;    opacity: 0.5;}
.work-process-wrapper {  position: relative;  text-align: center;  width: 100%;  padding: 30px 5px;  border-radius: 20px;  background: #252525;  transition: all .3s;}
.work-process-wrapper:hover{  background: #000;}
.work-process {  text-align: center;  padding: 0 20px;}
.work-process .icon {  position: relative}
.work-process .title {  font-size: 25px;  margin: 15px 0 10px; color: #fff;}
.bg-setup{background-color: var(--SecondaryColor); min-height: 300px;}
.set-btn a{    margin-top: 30px;    text-align: center;    color: #000;    padding: 10px 20px;    border-image: linear-gradient(45deg, #f4c200 44%, #fff 45%, #fff 55%, #000 56%) 1;    border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;    transition: 0.5s;}
.set-btn a:hover{background-color: var(--PrimaryColor);}
p.description {    text-align: justify; line-height: 24px;}
.testimonial .title {position: relative;}
.testimonial .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.testimonial .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.testimonial .title span {      font-size: 80px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 30%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;    opacity: 0.5;}
.testimonial{background: url(img/testimonial_shape.png) no-repeat; background-position: center; }
.client-item img{width: 7%;}
.client-item > i{font-size: 60px; color: var(--SecondaryColor);}
.client-item span {font-size: 18px; font-weight: 500;}
.client-item p {    display: block;  font-size: 16px;    line-height: 1;  margin-bottom: 15px; color: #555;}
.star-midde i{color: #ffb930;}
.content-client p {line-height: 25px;    font-size: 15px;}
/* main_testimonial */
.main_testimonial button.slick-prev.slick-arrow::before {    content: "\f104";    font-family: "Font Awesome 6 Free";    font-weight: 900;    color: var(--SecondaryColor);    font-size: 20px;}
.main_testimonial button.slick-next.slick-arrow::before {    content: "\f105";    font-family: "Font Awesome 6 Free";    font-weight: 900;    color: var(--SecondaryColor);    font-size: 20px;}
.main_testimonial button.slick-prev.slick-arrow, .main_testimonial button.slick-next.slick-arrow {    background: var(--PrimaryColor);    border-radius: 50%;    width: 40px;    height: 40px;}

.choose__area-two{  padding: 40px 0;}
.choose__area-two::before {    content: "";    position: absolute;    width: 464px;   height: 464px;    right: 28px;    top: -50px;    border-radius: 50%;    opacity: 0.7;    background: linear-gradient(180deg, #fff6e3 0%, #FFEFDD 100%);    filter: blur(150px);    z-index: -1;}
.section__title .sub-title {    display: block;    text-transform: uppercase;    font-size: 16px;    font-weight: 600;    line-height: 1.4;    color: var(--PrimaryColor);    margin-bottom: 8px;}
.choose__list-item .content .title {    margin-bottom: 5px;    font-size: 20px;    font-weight: 700;    text-transform: capitalize;}
.choose__list-item {  margin-bottom: 30px;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  align-items: center;  gap: 15px;}
.choose__list-item .icon {  width: 80px;  height: 80px;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  align-items: center;  justify-content: center;  flex: 0 0 auto;  background-color: #fff;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  border-radius: 10px;  border: 1.5px solid var(--PrimaryColor);  color: var(--SecondaryColor);  font-size: 50px;  line-height: 0;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;}
.choose__list-item .content .title {    margin-bottom: 10px;    font-size: 17px;    font-weight: 500;    text-transform: capitalize;    display: block;}
.choose__list-item .content p {    margin-bottom: 0;    font-weight: 500;    line-height: 1.5;    text-align: justify;    color: #555;}
.choose__list-item:hover .icon {  transform: rotateY(180deg);}
.choose__shape img {  position: absolute;  z-index: -1;  right: 0px;  bottom: 17%;  max-width: 248px;}
.choose__content-two > p {    margin-bottom: 25px;}
.choose__shape img {    position: absolute;    z-index: -1;    right: 0px;    bottom: 17%;    max-width: 248px;}
p.title {    font-size: 24px;    font-weight: 600;    margin-bottom: 5px;}

.about__list-box .list-wrap li {    display: -webkit-box;    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    align-items: center;    gap: 8px;    font-size: 16px;    color: #666666;    line-height: 1.6;    margin-bottom: 10px;}
.img-custom-anim-left img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.two-address .title {position: relative; z-index: 9;}
.two-address .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.two-address .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;      background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.two-address .title span {      font-size: 80px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 38%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;    opacity: 0.5;}
.left-side-address a {    position: absolute;    z-index: 99;    bottom: 0;    width: 80%;    left: 70px;    background: #f4c200c7;    padding: 15px;    font-size: 18px;    text-align: center;}
.right-side-address a {    position: absolute; z-index: 99;    bottom: 0;    width: 80%;    left: 70px;    background: #f4c200c7;    padding: 15px;    font-size: 18px;    text-align: center;}
/* Home Form Design */
.home-form_design{background-color: var(--SecondaryColor); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.home-form_design form { justify-content: space-between;   display: flex;    flex-wrap: wrap;}
.home-form_design form input{width: 48%;height: 45px; border: none; background-color: transparent; color: #fff;  border-bottom: 1px solid #6b6871;      margin-bottom: 25px;}
.home-form_design form select{ width: 48%; height: 45px; border: none; color: #888; background-color: transparent; border-bottom: 1px solid #6b6871; }
/* .home-form_design form select::placeholder{color: red !important;} */
.home-form_design form textarea{width: 100%; height: 100px; border: none; color: #fff; background-color: transparent; resize: none; border-bottom: 1px solid #6b6871; padding-top: 15px;}
.home-form_design form button{ margin: 0px auto; margin-top: 30px;  text-align: center;    color: #000;    padding: 10px 20px;    border-image: linear-gradient(45deg, #f4c200 44%, #fff 45%, #fff 55%, #000 56%) 1;    border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;    transition: 0.5s;}
.home-form_design form input:focus{outline: none;}
.home-form_design form select:focus{outline: none;}
.home-form_design form textarea:focus{outline: none;}
.home-form_design form select option {    color: var(--SecondaryColor);}
.home-form_design form select::placeholder {color: red;  opacity: 1}
.home-form_design form select::-ms-input-placeholder {color: red;}
.home-form .title {position: relative;}
.home-form .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.home-form .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.home-form .title span {    font-size: 120px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 38%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;     opacity: 0.5;}

.tabline span { font-size: 50px;    font-weight: 700;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--SecondaryColor);        color: #ffffff;}
.light-blink {  animation: blink-animation 2s steps(5, start) infinite;}
@keyframes blink-animation {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
/* indutries-we-serve */
.indutries-we-serve .title {position: relative;}
.indutries-we-serve .title p {    font-size: 30px; color: var(--SecondaryColor); font-weight: 500;}
.indutries-we-serve .title span::after {    position: absolute;    content: "";    left: 0;    bottom: -12px;    width: 100%;    height: 100%;    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 81%) 35%, rgb(255 255 255 / 0%) 100%);}
.indutries-we-serve .title span {    font-size: 80px;    position: absolute;    font-weight: 900;    letter-spacing: 0;    left: 15%;    z-index: -1;    top: -52px;    font-family: "Fahkwang", serif;    min-width: max-content;    color: #ffffff;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: var(--PrimaryColor);    line-height: 1;     opacity: 0.5;}
/* main-inudustries */
.main-inudustries button.slick-prev.slick-arrow::before {    content: "\f104";    font-family: "Font Awesome 6 Free";    font-weight: 900;    color: var(--SecondaryColor);    font-size: 20px;}
.main-inudustries button.slick-next.slick-arrow::before {    content: "\f105";    font-family: "Font Awesome 6 Free";    font-weight: 900;    color: var(--SecondaryColor);    font-size: 20px;}
.main-inudustries button.slick-prev.slick-arrow, 
.main-inudustries button.slick-next.slick-arrow {    background: var(--PrimaryColor);    border-radius: 50%;    width: 40px;    height: 40px;}
/* industries-item */
.overflow-set{ overflow: hidden;   margin-bottom: 10px; width: 250px;    height: 300px;}
.industries-item img{    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;    border: 5px solid var(--PrimaryColor);    display: block;    margin-bottom: 10px;    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.5s ease;}
.industries-item img:hover{    transform: scale(1.1);}
.industries-item span{display: block; text-align: center; margin-bottom: 15px; font-size: 15px; font-weight: 500; font-style: italic;}
.tagline-type{background: var(--SecondaryColor) url(img/dots.webp); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.tagline_hooks span{font-size: 22px; font-weight: 500;}
.type-widget ul li a { line-height: 35px; border-bottom: 1px solid #f1f1f1;    display: block;    color: #777; transition: 0.5s;}
.type-widget ul li a:hover{color: var(--PrimaryColor);}
.middle-content span {    font-size: 28px;    margin-bottom: 10px;    display: block;}
.tagline-start ul {    display: flex;    justify-content: center;}
.widget ul li:last-child{border-bottom: none;}
.tagline-start a{text-align: center; display: block; font-size: 16px; color: var(--SecondaryColor);}
footer{background: url(img/dots.webp) repeat;     background-position: 50% 50%;}
.copy-right{background-color: var(--PrimaryColor);}
.category .title{background-color: var(--PrimaryColor);}
.category .title span {    font-size: 22px;    font-weight: 600;}
.category_links span {    font-size: 18px;    display: block;    margin-bottom: 25px;}
.category_links ul li {    padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e3e3e3;}
.category_links ul li a{     color: #555;}
.category_links ul li:last-child {    border-bottom: navajowhite;}
.category_links ul li a {    color: #777;}
.category .row{box-shadow: rgba(205, 205, 205, 0.2) 0px 7px 10px 0px;}
img.circle-plan {    position: absolute;  box-shadow: none;  left: -72px;    z-index: -1;}
.img-custom-anim-left img {   box-shadow: none;    border: 10px solid #fff;}
img.circle-cate {    position: absolute;    width: auto;    right: 0;    z-index: -1;}
img.svg-mode {    position: absolute;    bottom: 0;    z-index: -1;}
img.svg-footer {    position: absolute;    left: 0;    bottom: 0; width: 10%;}
.modal-body form input {    width: 100%;}
.modal-body textarea {    border-bottom: 1px solid #ccc;    width: 100%;    resize: none;    margin-bottom: 18px;}
.menu-toggle {    z-index: 99999;}
@media (max-width: 768px) {
.submenu {position: static; opacity: 1 !important; visibility: visible !important;   display: none; transform: none !important;  transition: none !important; background:#4c4952;  }
.dropdown.active > .submenu {display: block;}
}
.menu-toggle .fa-xmark { color: #fff;}
.mobile-nav li a {    color: #fff;}
.mobile-nav ul .submenu li { border: 1px solid #2c2933;}
li.dropdown.mobile-nav ul li {border: 1px solid #2c2933;}
.breadcumb{background: url(img/breadcumb.jpg); padding: 100px 0px;}
.breadcumb_inner h1{font-size: 30px;}
ul.stlyed-exporter li a {    background: var(--PrimaryColor);    padding: 10px 30px;    border-radius: 15px;}
ul.stlyed-exporter li {    width: 32%;}
.full-width-type {    background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;    border-radius: 15px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}
.inner-states a {    width: 100%;    display: block;    text-align: center;    padding: 10px 0;  color: #fff;    border-radius: 15px;}
.hvr-radial-out {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;    overflow: hidden;    background: var(--SecondaryColor);    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.color-site {    border-radius: 12px;}
.color-site {background-color: var(--PrimaryColor);}
.skin-color{background-color: var(--SecondaryColor);}
.sitema-links-item h2 {    text-align: center; font-size: 20px;}
.sitema-links-item h3 {    text-align: center; font-size: 20px;}
.card-box span {    font-weight: 500;    display: block;    margin-bottom: 10px;    margin-top: 12px;}
.card-box {    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;    padding: 18px;     min-height: 200px;}

.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
.img-side-details img {    width: 100%;    float: left;}
.datails-content h2 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h3 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h4 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h5 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content h6 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}
.datails-content ul {padding-left: 15px;}
.datails-content ul li {    margin-bottom: 10px;    list-style-type: disc;}

.white-wrap .form {    background-color: var(--SecondaryColor);    padding: 1px 20px 1px 20px;    position: relative;}
.inputBox input {    height: 45px;        padding-left: 15px;    }
.inputBox input:focus{outline: none;}
.inputBox textarea:focus{outline: none;}
.white-wrap form textarea {    padding-left: 15px;    height: 80px;}
.white-wrap button {    background:var(--PrimaryColor);    padding: 10px 30px;    color: #000;}

p.related-heading {    background-color: var(--SecondaryColor);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    background: #000;    padding: 7px 15px;    color: #fff;}
.white-wrap input {   width: 100%;    height: 40px;    padding-left: 15px;    border: none;    margin-bottom: 12px;}
.white-wrap select {   width: 100%;    height: 40px;    padding-left: 15px;    border: none;    margin-bottom: 12px;}
.white-wrap textarea {   width: 100%;    height: 100px;    padding-left: 15px;    border: none;    margin-bottom: 12px;}
.white-wrap textarea:focus {outline: none;}
.white-wrap button {    width: 100%;    color: #000;}
.related_img img {    width: 100%;    object-fit: contain;    height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}