@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;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);
@import url(css/ma5-menu.min.css);
@import url(css/animate.css);
/* Global */
:root{--PrimaryColor: #dd2919; --SecondaryColor: #161616; --GrayColor:#696967; --NunitoFamily: "Nunito", serif; --Inknut: "Inknut Antiqua", serif;}
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(--Inknut)}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 16px; font-family: var(--NunitoFamily)}
a{font-size: 16px; font-family: var(--NunitoFamily); text-decoration: none;}
a:hover{text-decoration: none;}
p{font-size: 16px; padding: 0px; margin: 0px; font-family: var(--NunitoFamily)}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: var(--NunitoFamily)}
input,textarea,button,select{font-family: var(--NunitoFamily);}
div{font-family: var(--NunitoFamily);}
/* Start CSS */
.floating-whatsapp-container {  position: fixed;  bottom: 50px;  left: 25px;  z-index: 9999;}
.floating-whatsapp-button {  display: flex;  align-items: center;  justify-content: center;  width: 50px;  height: 50px;  background: linear-gradient(135deg, #25D366, #128C7E);  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; 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 Left Side */
.phone_lefts-side a {    position: fixed;    bottom: 135px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 25px;    background: #000;    color: white;    padding: 10px 16px;  font-size: 20px;    animation: bounce 4s infinite alternate;}
/* Send Enquire */
.enquiry {      position: fixed;
    z-index: 1000;
    bottom: 235px;
    left: 25px;
    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;   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(--PrimaryColor);    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%;}
/** **************** **/
#header_top {	background: var(--PrimaryColor);	padding: 3px 0;	transition: all 0.5s ease;}
#header_top:before {	content: "";	position: absolute;	top: 0;	left: 0;	bottom: 0;	width: 468px;	height: 68px;	clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);	background: linear-gradient(212deg,			rgba(255, 255, 255, 1) 0%,			rgba(150, 150, 150, 1) 50%);}
.header-call ul li {    padding: 4px 5px;    display: inline-block;    position: relative;    color: #fff;}
.header-call {    float: right;    width: auto;    transition: all 0.6s ease-in-out;    position: relative;}
/** **************** **/
.fixed-top {	position: relative;	display: block;	top: 0px;	padding: 0px 0 0px;	background: #fff;	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%);	background: #01449200;}
.fixed-top:after {	content: "";	position: absolute;	width: 100%;	height: 100%;	background: radial-gradient(circle,	rgb(0, 0, 0) 0%,	rgba(000, 000, 000, 1) 100%);	left: 0;	top: 0;	z-index: -1;}
.fixed-top:before {	content: "";	position: absolute;	width: 100%;	height: 100%;	background: radial-gradient(circle,	rgba(000, 000, 000, 1) 0%, rgba(000, 000, 000, 1) 100%);	left: 0;	top: 0;	z-index: -1;	border-radius: 0;}
.header-scrolled .logo {	bottom: 0px;	width: 262px;	margin-top: 10px;	transition: all.5s ease;}
.header-scrolled .logo:before {	top: -17px;}
.header-scrolled .scrollto img {	height: auto;	transition: all.5s ease;	margin-top: 0px;}
.header-scrolled .main-nav>ul {	margin: 10px 0 10px 0;}
.logo {	position: absolute;	transition: all.5s ease;	bottom: 8px;	width: 374px;}
.logo:before {	content: "";	position: absolute;	top: -52px;	left: -50px;	bottom: 0;	width: 450px;	height: 150px;	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);	background: #fff;	-webkit-filter: drop-shadow(5px 0 5px rgba(0, 0, 0, 0.3));	filter: drop-shadow(5px 0 5px rgba(0, 0, 0, 0.3));}
.header-scrolled .logo:after {	height: 78px;}
.header-scrolled {	position: fixed;	padding: 5px 0;	box-shadow: 0 8px 20px 0 rgb(0 0 0 / 5%);}
.header-scrolled .scrollto img {	top: -2px;}
.header-scrolled .logo:before {	width: 350px;	height: 88px;	clip-path: polygon(0 0, 100% 0, 89% 100%, 0% 100%) !important;}
.scrollto img {	width: auto;	height: auto;	transition: all.5s ease;	position: relative;	top: -2px;}
.logo-ul {	display: flex;	flex-wrap: wrap;	background: #014492;	padding: 0px 0 1px 0;}
.logo-ul span {	flex: 0 0 33.33%;	text-align: center;	color: #fff;	font-size: 13px;	font-style: italic;	letter-spacing: 0.5px;}
.main-nav {	float: right;	transition: all.3s ease-in-out;}
.main-nav>ul {	margin: 10px 0;	display: flex;	align-items: center;}
.main-nav>ul>li {	position: relative;	white-space: nowrap;}
.main-nav a {	color: #fff;	font-weight: 400;	letter-spacing: 0.25px;	position: relative;	display: inline-block;	font-size: 16px;	padding: 7px 15px;}
.main-nav a:hover {color: #fff;}
.main-nav .drop-down ul li:after {	display: none;}
.main-nav li:last-child a {	padding-right: 0px;}
.main-nav a:hover,.main-nav .active>a,.main-nav li:hover>a {	color: var(--PrimaryColor);	text-decoration: none;}
.main-nav .drop-down ul {	display: block;	position: absolute;	left: 0px;	top: calc(100% + 30px);	z-index: 99;	opacity: 0;	visibility: hidden;	transition: ease all 0.3s;	padding: 0px;	background-color: rgba(255, 255, 255, 1);	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%);	border: none;}
.main-nav .drop-down:hover>ul {	opacity: 1;	top: 100%;	visibility: visible;}
.main-nav .drop-down li {	min-width: 285px;	position: relative;}
.main-nav .drop-down ul li {	border-bottom: 1px solid #f4f4f7;	margin-top: 0px;}
.main-nav .drop-down ul li:last-child {	border-bottom: 0px;}
.main-nav .drop-down .drop-down>a {	padding-right: 35px;}
.main-nav .drop-down ul li a {	padding: 10px 8px;	color: #231e1f;	border-radius: 2px;	font-weight: 400;	transition: all 200ms linear;	font-size: 14px;	letter-spacing: 0.25px;	text-transform: capitalize;	width: 100%;}
.main-nav .drop-down ul li a span {	color: var(--PrimaryColor);}
.main-nav .drop-down ul li a:hover span {	color: #fff;}
.main-nav .drop-down ul li a span img {	width: 20px;}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active>a,
.main-nav .drop-down ul li:hover>a {	color: #fff;	background-color: var(--PrimaryColor);}
.main-nav .drop-down>a:after {	content: "\f107";	font-family: FontAwesome;	padding-left: 5px;	font-size: 16px;}
.main-nav .drop-down .drop-down ul {	top: 0;	left: calc(100% - 10px);}
.main-nav .drop-down .drop-down:hover>ul {	opacity: 1;	top: 0;	left: 100%;}
.main-nav .drop-down .drop-down>a:after {	content: "\f105";	position: absolute;	right: 15px;}
.call_tp { border-radius: 4px;    padding: 6px 10px 5px 10px;    margin-left: 28px;    height: 50px;    display: flex;    background: var(--GrayColor);    border: 2px solid var(--GrayColor);}
.call_tp img {    margin-right: 7px;    width: 30px;    height: 30px;    margin-top: 3px;    border: 1px solid #fff;    padding: 1px;    border-radius: 3px;}
.call_tp a span {    font-weight: 600;    color: #ffffff;}
li.call_tp.get_start a:hover {    color: #fff;}
li.call_tp.get_start:hover{color: #fff;}
/* --------- about us starts --------- */
.about-style2-area {	position: relative;	display: block;	padding: 50px 0 0px 0;	background: url(img/thm-pattern-4.png) center center;	overflow: hidden;}
.about-style2-area:before {	content: "";	position: absolute;	top: 0px;	right: 0px;	bottom: 0px;	background: #f5f5f5;	z-index: -1;	width: 40%;	height: 100%;}
.about-style2__content {	position: relative;	display: block;}
.about-style2__content .sec-title {	padding-bottom: 15px;}
.about-style2__content .inner-content {	position: relative;	display: block;}
.about-style2__content .inner-content .text {	position: relative;	display: block;}
.about-style2__content .inner-content .text p {	color: #7b7b7b;}
.about-style2__content .inner-content h5 {	color: #213140;	font-size: 16px;	font-weight: 700;	text-transform: uppercase;}
.about-style2__content .inner-content ul {	position: relative;	display: block;	padding: 23px 0 10px;}
.about-style2__content .inner-content ul li {	position: relative;	display: block;	padding-left: 60px;	margin-bottom: 21px;}
.about-style2__content .inner-content ul li:last-child {	margin-bottom: 0;}
.about-style2__content .inner-content ul li .icon {	position: absolute;	top: 3px;	left: 0;}
.about-style2__content .inner-content ul li .icon span:before {	color: var(--PrimaryColor);	font-size: 20px;	line-height: 20px;}
.about-style2__content .inner-content ul li .inner-text {	position: relative;	display: block;}
.about-style2__content .inner-content ul li .inner-text h3 {	font-size: 20px;	line-height: 22px;	font-weight: 600;	margin: 0 0 3px;}
.about-style2__content .inner-content ul li .inner-text p {	margin: 0;	color: #7b7b7b;}
.authorised-person-info {	position: relative;	display: flex;	align-items: center;}
.authorised-person-info .signature {	position: relative;	display: block;	width: 190px;	border-right: 1px solid #e5e5e5;}

.authorised-person-info .name {	position: relative;	display: block;	padding-left: 20px;}
.authorised-person-info .name h3 {	font-size: 20px;	line-height: 20px;	font-weight: 600;	margin: 0 0 4px;}
.authorised-person-info .name span {	color: var(--PrimaryColor);	text-transform: uppercase;}
.about-style2__image-box {	position: relative;	display: block;	max-width: 570px;	width: 100%;	min-height: 595px;	z-index: 1;}
.about-style2__image-box .big-title {	position: absolute;	top: -30px;	right: -110px;	transform: rotate(90deg) translateX(90%) !important;	transform-origin: right;	color: #ffffff;	font-size: 155px;	font-weight: 800;	text-transform: uppercase;	line-height: 130px;}
.about-style2__image-box .img-box1 {	position: absolute;	top: 0;	left: 0;	max-width: 340px;	width: 100%;	z-index: 1;}
.about-style2__image-box .img-box1:before {	content: "";	position: absolute;	top: 10px;	left: 10px;	bottom: -10px;	right: -10px;	border: 1px solid var(--PrimaryColor);	z-index: -1;}
.about-style2__image-box .img-box2 {	position: absolute;	bottom: 130px;	right: 0;	max-width: 450px;	width: 100%;	padding-bottom: 10px;	padding-right: 10px;	overflow: hidden;	z-index: 1;}
.about-style2__image-box .img-box2::after {	position: absolute;	top: 50%;	left: 50%;	display: block;	content: "";	width: 0;	height: 0;	background: rgba(var(--thm-base-rgb), 0.5);	border-radius: 50%;	-webkit-transform: translate(-50%, -50%);	transform: translate(-50%, -50%);	opacity: 0;	z-index: 10;}
.about-style2__image-box .img-box2:hover::after {	-webkit-animation: circle 0.95s;	animation: circle 0.95s;}
.about-style2__image-box .img-box2:before {	content: "";	position: absolute;	top: 10px;	left: 10px;	bottom: 0px;	right: 0;	border: 1px solid var(--PrimaryColor);	z-index: -1;}
.about-style2__image-box .img-box2 .inner {	position: relative;	display: block;	overflow: hidden;}
.about-style2__image-box .img-box2 .inner img {	width: 100%;	-webkit-transition: all 3500ms ease;	-moz-transition: all 3500ms ease;	-ms-transition: all 3500ms ease;	-o-transition: all 3500ms ease;	transition: all 3500ms ease;}
.about-style2__image-box .img-box2:hover .inner img {	transform: scale(1.2) rotate(2deg);	transition-delay: 0.2s;}
.about-style2__image-box .icon-box {	position: absolute;	bottom: 0;	left: 0;	width: 220px; text-align: center;}
.about-style2__image-box .icon-box span:before {	position: relative;	display: block;	color: #e8e8e8;	font-size: 160px;	line-height: 160px;}
.about-style2__image-box .overlay-box {	position: absolute;	top: 0;	right: 0;	text-align: right;}
.about-style2__image-box .overlay-box h2 {	color: var(--PrimaryColor);	font-size: 110px;	line-height: 85px;	font-weight: 900;}
.about-style2__image-box .overlay-box h2 span {	position: relative;	display: inline-block;	padding-left: 5px;	font-size: 35px;	line-height: 0;	top: -40px;}
.about-style2__image-box .overlay-box h3 {	font-size: 18px;	line-height: 32px;	font-weight: 700;	text-transform: uppercase;	margin: 16px 0 0;}
.about-style2__image-box .big-title {	position: absolute;	top: -10px;	right: -110px;	transform: rotate(90deg) translateX(90%);	transform-origin: right;	color: #ffffff;	font-size: 155px;	font-weight: 800;	text-transform: uppercase;	font-family: var(--thm-font-2);	line-height: 130px;}
.sec-title .sub-title p {	position: relative;	display: flex;	align-items: center;	color: var(--PrimaryColor);	font-size: 14px;	line-height: 1.2em;	font-weight: 700;	text-transform: uppercase;	margin: 0;	font-family: var(--thm-font-2);}
.sec-title .sub-title .border-left {	position: relative;	display: block;	width: 30px;	height: 2px;	background: var(--PrimaryColor);	margin-right: 10px;	border-left: none !important;}
.sec-title .sub-title .border-right {	position: relative;	display: block;	width: 30px;	height: 2px;	background: var(--PrimaryColor);	margin-left: 10px;	border-right: none !important;}
.sec-title .title-sub-heading {	    font-size: 28px; line-height: 40px;    font-weight: 600;    text-transform: none;  padding-top: 10px;}
/* .icon {	background-color: var(--PrimaryColor);	padding: 5px;	border-radius: 50%;	border: 1px dashed #fff;} */
.icon img {	width: 35px;}
.js-tilt-glare {	position: absolute;	top: 0px;	left: 0px;	width: 100%;	height: 100%;	overflow: hidden;}
.js-tilt-glare-inner {	position: absolute;	top: 50%;	left: 50%;	pointer-events: none;	background-image: linear-gradient(0deg,			rgba(255, 255, 255, 0) 0%,			rgb(255, 255, 255) 100%);	width: 680px;	height: 680px;	transform: rotate(180deg) translate(-50%, -50%);	transform-origin: 0% 0%;	opacity: 0;}
.about-us-btn {	border: 1px solid var(--PrimaryColor);	padding: 10px 20px;	display: block;	width: max-content;	color: #fff;	background-color: var(--PrimaryColor);	position: relative;	z-index: 11;	margin-top: 25px;}
.about-left p {	color: #5c5c5c;}

.about-us-btn:before {	content: "";	position: absolute;	top: 0;	left: 0;	height: 0;	width: 10px;	height: 10px;	background-color: #fff;	z-index: -1;	transition: 0.3s ease-in-out;}
.about-us-btn:hover:before {	width: 100%;	height: 100%;}
.about-us-btn:hover {	color: #000;}
.menu_high {	overflow-y: scroll;	overflow-y: auto;	height: 500px;}
.menu_high .drop-down ul {	position: absolute;}
.inner-content p{text-align: justify; margin-bottom: 15px;}
/* our-products */
.our-products{background: url(img/tshape-2.png); background-position: center; background-repeat: repeat;}
.our-products .title p{font-size: 30px; font-family: var(--Inknut);}
.our-products .title span{ 
    position: relative;
    display: flex;
    align-items: center;
    color: var(--PrimaryColor);
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
   
}
.our-products .title span:after{position: absolute; content: ''; width: 30px; height: 2px; background: var(--PrimaryColor); left: -35px; right: 0px; top: 10px;}
.product-content{ background-color: var(--PrimaryColor); background-image: linear-gradient(180deg, #FFFFFF 0%, #ffeaea 100%);  padding: 20px 20px 20px 20px;    }
.product-content span {    font-size: 22px;    font-weight: 700;}

.product-us-btn{border: 1px solid var(--PrimaryColor);    padding: 5px 20px;    display: block;    width: max-content;    color: #fff;    background-color: var(--PrimaryColor);    position: relative;    z-index: 11;    margin-top: 10px;    }
.product-us-btn:before {    content: "";    position: absolute;    top: 0;    left: 0;    height: 0;    width: 10px;    height: 10px;    background-color: #fff;    z-index: -1;    transition: 0.3s ease-in-out;}
.product-us-btn:hover:before {    width: 100%;    height: 100%;}
.product-us-btn:hover {    color: #000;}
.under-overflow-side{position: relative; overflow: hidden;}
.product_box img{transition: 0.5s;  overflow: hidden;}
.product_box img:hover{background-color: red; transform: scale(1.1);}
.product_box {    margin-bottom: 25px;}


/* --------- Why Choose Us --------- */

.why-choose-us {	width: 100%;	min-height: 450px;	background-color: #fff;	position: relative;	display: flex;	align-items: center;}
.why-choose-us::before {	content: "";	position: absolute;	top: 0;	right: 0;	bottom: 0;	width: 62%;	height: 100%;	background-color: var(--SecondaryColor);	clip-path: polygon(0 0, 100% 0%, 100% 100%, 45% 100%);}
.why-choose-us::after {	content: "";	position: absolute;	top: 0;	right: 0;	bottom: 0;	width: 60%;	height: 100%;	background: url(img/banner11.jpg) center 40%;	background-size: 100% 100%;	clip-path: polygon(0 0, 100% 0%, 100% 100%, 45% 100%);}
.choose-style1__content-bg {	position: absolute;	top: 0;	left: 0;	bottom: 0;	right: 0;	background-repeat: no-repeat;	background-position: top right;	background-size: cover;	opacity: 0.5;	z-index: -1;	border: 7px solid var(--SecondaryColor);}
.choose-style1__content .border-left-box {	position: absolute;	top: 80px;	left: 0;	bottom: 80px;	width: 5px;}
.choose-style1__content .sec-title {	padding-bottom: 14px;}
.choose-style1__content .sec-title h2 {	color: #ffffff;}
.choose-style1__content .inner-content {	position: relative;	display: block;}
.choose-style1__content .inner-content .text {	position: relative;	display: block;	padding-bottom: 25px;}
.choose-style1__content .inner-content .text p {	color: #7b7b7b;	margin: 0;}
.choose-style1__content .inner-content ul {	position: relative;	display: block;	width: 100%;}
.choose-style1__content .inner-content ul li {	position: relative;	display: block;	float: left;	width: 25%;}
.choose-style1__content .inner-content ul li+li {	padding-left: 30px;}
.choose-style1__content .inner-content ul li:before {	content: "";	position: absolute;	top: 0;	right: 0;	bottom: 0;	width: 1px;	background: #ffffff;	opacity: 0.1;}
.choose-style1__content .inner-content ul li:last-child:before {	display: none;}
.choose-style1__content .inner-content ul li .icon {	position: relative;	display: block;	padding-bottom: 22px;}
.choose-style1__content .inner-content ul li .icon span {	position: relative;	display: block;	line-height: 0px;}
.choose-style1__content .inner-content ul li .icon span:before {	font-size: 50px;	line-height: 50px;	transition: all 200ms linear;	transition-delay: 0.1s;}
.choose-style1__content .inner-content ul li .inner-title {	position: relative;    text-align: center;	display: block;}
.choose-style1__content .inner-content ul li .inner-title span {    color: var(--SecondaryColor);    display: block;    font-size: 17px;    line-height: 22px;    font-weight: 700;    margin: 0 0 0px;}
.choose-style1__content .inner-content ul li .inner-title p {	color: var(--SecondaryColor);	font-size: 16px;	line-height: 16px;	font-weight: 400;	margin: 0;    text-align: center;}
.choose-style1__content {	position: relative;	display: block;	overflow: hidden;	max-width: 100%;	width: 100%;	float: right;    background: #fff url(img/two-section-bg.jpg) no-repeat;	padding: 45px 30px 45px;	z-index: 1;	border: 5px solid var(--GrayColor);     background-position: 100% 50%;}
.inner-title img {	width: 40px;    filter: grayscale(1) invert(1);	margin-bottom: 10px;}
.industries-span {	display: block;	color: #fff;font-size: 22px;	font-weight: 600;	padding: 5px 0 10px 0;}
.header-scrolled .fixed-top {	border-bottom: 5px solid #fff;}
.subscribe-section {    position: relative;    background-color: var(--PrimaryColor);    padding: 46px 0px 55px;    overflow: hidden;}
.subscribe-section::before {    position: absolute;    content: "";    left: 0px;    top: 0px;    width: 50%;    height: 100%;    display: block;    background-color: #222;}
.subscribe-section h2{        color:var(--PrimaryColor);        position: relative;}
.subscribe-section .text {    position: relative;    color: #ffffff;    z-index: 9;    margin-top: 5px;}
.subscribe-form .form-group input[type="submit"], .subscribe-form button {    position: absolute;    right: 10%;    top: 70px;    height: 50px;    line-height: 40px;    color: rgb(255, 255, 255);    font-size: 14px;    text-align: center;    font-weight: 700;    letter-spacing: 1px;    text-transform: uppercase;    padding: 0px 28px;    background-color: var(--SecondaryColor);}
.subscribe-section .title-column .icon-box {    position: absolute;    content: '';    left: 675px;    width: 140px;    height: 140px;    z-index: 1;    text-align: center;    top: 35px;}
.subscribe-section .title-column .icon-box:before {    position: absolute;    content: '';    right: 0px;    top: 0px;    width: 110px;    height: 110px;    transform: rotate(-45deg);    background-color: #222222;    transition: all 2000ms ease;    -moz-transition: all 2000ms ease;    -webkit-transition: all 2000ms ease;    -ms-transition: all 2000ms ease;    -o-transition: all 2000ms ease;    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);}
.subscribe-section:hover .title-column .icon-box:before {	transform: rotate(135deg);}
.subscribe-section .title-column .icon-box .icon {    position: relative;    color: #ffffff;    line-height: 105px;    font-size: 50px;    margin-left: 28px;}
.subscribe-form button {    border: none;}
#toTop {    position: fixed;    bottom: 50px;    right: 25px;    cursor: pointer;    z-index: 9999;    transition: 0.5s;}
.elementor-shape-top {    top: -1px;}
.elementor-shape {    direction: ltr;    left: 0;    line-height: 0;    overflow: hidden;    position: absolute;    width: 100%;}
footer {	background: var(--SecondaryColor) url(img/map-bg.png);	padding: 40px 0 55px;}
.ftr-head {	padding-bottom: 12px;}
.ftr-head h4 {	font-weight: 500;	font-size: 18px;	color: #fff;}
.ftr-link ul li {	line-height: 27px;	position: relative;	padding-left: 18px;	padding-top: 3px;	padding-bottom: 3px;}
.ftr-link ul li:after {	content: "";	display: inline-block;	width: 6px;	height: 2px;	background-color: var(--PrimaryColor);	margin-right: 14px;	vertical-align: middle;	transition: all 200ms linear 0s;	position: absolute;	left: 0;	top: 13px;}
.ftr-link ul li:hover:after {	background-color: var(--GrayColor);}
.ftr-link ul li a {	color: #dbdbdb;	font-size: 15px;	font-weight: 400;}
.ftr-link ul li:hover a {	color: #fff;}
.br {	border-right: 1px solid #ffffff1a;}
.bb {	border-bottom: 1px solid #ffffff1a;	padding-bottom: 10px;}
.ftr-cont {	padding-bottom: 15px;	padding-left: 35px;	position: relative;}
.ftr-cont h4 {	font-weight: 500;	font-size: 15px;	color: #fff;	margin-bottom: 0px;}
.ftr-cont p {	color: #dbdbdb;}
.ftr-cont p a {	color: #dbdbdb;	font-size: 14px;	font-weight: 400;	line-height: 23px;	display: block;}
.ftr-cont p:hover a {	color: #fff;}
.ftr-cont img {	position: absolute;	top: 0px;	left: 0;}
.fter-logo {	text-align: center;}
.ftr-btm-main .align-center {	border-bottom: 1px solid #ffffff1a;}
.ftr-btm {	padding: 15px 40px;	margin: 5px 0;}
.ftr-btm p {	font-weight: 400;	font-size: 15px;	color: #2b305d;	text-align: center;}
.ftr-btm p span {	color: #222222;}
.ftr-btm p a {	color: #222222;}
.ftr-btm p a:hover {	color: #ff5900;}
.ftr-right {	padding-top: 20px;	padding-left: 20px;}
.ftr-right ul {	text-align: right;}
.ftr-right ul li {	display: inline-block;	padding-left: 15px;}
.ftr-right ul li a {	font-size: 18px;	color: #dbdbdb;}
.ftr-right ul li:hover a {	color: #fff;}

.footer-social ul {	text-align: center;}
.footer-social ul li {	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;	display: inline-block;	width: 40px;	height: 40px;	line-height: 40px;	font-size: 20px;	margin: 0 5px;	text-align: center;	transition: 0.8s;	-webkit-transition: 0.8s;}
.footer-social ul li a {	color: #fff;	display: block;	font-size: 20px;}
.footer-social ul li i {	color: #000;}
.footer-social ul li:hover i {	color: #fff;}
.icon-facebook:hover {	background-color: #0068ff;}
.icon-linkedin:hover {	background-color: 	#0882bd;}
.icon-instagram:hover{	background: linear-gradient(183deg,rgba(55, 55, 166, 1) 0%, rgba(228, 37, 78, 1) 48%, rgba(229, 158, 37, 1) 100%);}
.icon-youtube:hover{	background-color: 	#ff0033;}
.icon-x-twiter:hover{	background-color: 	#000000;}
.ftr-btm-main {	background-color: #fff;}
/* .call_tp {	border-radius: 4px;	padding: 6px 10px 5px 10px;	margin-left: 28px;	height: 50px;	display: flex;	background: #df6a2d;	border: 2px solid #f7853e;}
.call_tp:hover a {	color: #004289 !important;}
.call_tp img {	margin-right: 7px;	width: 30px;	height: 30px;	margin-top: 3px;	border: 1px solid #fff;	padding: 1px;	border-radius: 3px;}
.call_tp a {	color: #fff;	font-weight: 600;	font-size: 16px;	display: block;	line-height: 36px;	padding: 0px;}
.call_tp a:hover {	color: #fff;}
.call_tp a span {font-weight: 600;	color: #ffffff;}
.call_start a {	padding-top: 6px;} */
li.icon-facebook {    background: #395693;}
li.icon-linkedin {    background: #0077B5;}
li.icon-instagram {    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 );}
li.icon-x-twiter {    background: #000;}
li.icon-youtube {    background: #ed0000;}
/* FAQ's */
.faqs .title p{font-size: 30px; font-family: var(--Inknut);}
.faqs .title span{ position: relative;}
.faqs .title span:after{position: absolute; content: ''; width: 30px; height: 2px; background: var(--PrimaryColor); left: -35px; right: 0px; top: 10px;}
.accordian {  width: 100%;  max-width: 1000px;}
.accordian-item {  background-color: white;  color: #111;  margin: 1rem 0;  border-radius: 0.5rem;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);}
.accordian-item-header {  padding: 0.5rem 3rem 0.5rem 1rem;  background: var(--GrayColor);  min-height: 3.5rem;  line-height: 1.25rem;  display: flex;  align-items: center;  position: relative;  cursor: pointer;}
.accordian-item-header::after {  content: "\002B";  font-size: 2rem;  color: #fff;  font-weight: bold;  position: absolute;  right: 1rem;  /* transition: all 0.2s ease; */}
.accordian-item-header.active::after {  content: "\2212";}
.accordian-item-body {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}
.accordian-item-body-content {  padding: 1rem;  line-height: 1.5;  border-top: 1px solid #34495e;}
.accordian-item-header span {    font-size: 18px;    color: #fff;}
.accordian-item-body-content p {    text-align: justify;    color: #333;}
img.rounded-fit {  border-radius: 50px;    object-position: 69% 49%;    height: 80vh;    object-fit: cover; border-radius: 10vw 0 0 10vw; margin-left: 30px;}
.under-concept-part span {    font-size: 30px; font-family: var(--Inknut);}
.under-concept-part p {    text-align: justify;}
.under-concept-part {    position: absolute;    top: 25%;}
.content-metter {    overflow: hidden;}

.why-choose-one {    position: relative;    display: block;}
.why-choose-one__single {    position: relative;    display: flex;    align-items: center;    background-color: #fff;    box-shadow: 0 8px 29px 0 rgba(0,0,0,.1);    border: 1px solid transparent;    border-radius: 10px;    padding: 24px 30px;    margin-bottom: 30px;    transition: all .5s ease}
.why-choose-one__single:hover {    border: 1px solid var(--PrimaryColor);    transform: translateY(-10px) translateX(10px)}
.why-choose-one__icon {    position: relative;    display: inline-block}
.why-choose-one__icon span {    font-size: 70px;    color:var(--PrimaryColor);    transition: all .5s linear;    transition-delay: .1s}
.why-choose-one__single:hover .why-choose-one__icon span {    transform: scale(.9)}
.why-choose-one__content {    position: relative;    display: block;    margin-left: 20px}
.why-choose-one__title {    font-size: 24px;    font-weight: 600;    line-height: 34px;    margin-bottom: 0px;}
.why-choose-one__title a {    color: #000;    transition: all .5s ease}
.why-choose-one__title a:hover {    color: var(--GrayColor)}
.why-choose-one__bottom {    position: relative;    display: block;    text-align: center;    margin-top: 23px}
.why-choose-one__bottom-text {    font-size: 20px;    font-weight: 600;    color: var(--SecondaryColor);    line-height: 30px}
.why-choose-one__bottom a {    position: relative;    display: inline-block;    color: #000;    transition: all .5s ease}
.why-choose-one__bottom a:hover {    color: var(--PrimaryColor);}
.why-choose-one__bottom a:before {    position: absolute;    bottom: 5px;    left: 0;    right: 0;    height: 1px;    background-color: #dc7171;    content: ""}
.why-choose-one__bottom a:hover:before {    background-color: var(--SecondaryColor);}
p.section-title__text {    color: #7b7b7b;}
.contact-form__input-box input {    width: 100%;    border: 1px solid #fff;    background-color: transparent;    outline: none;    padding-left: 15px;    font-size: 14px;    color: #fff;    font-weight: 400;    height: 45px;    border-radius: 4px;}
.contact-form__input-box {margin-bottom: 30px;}
.contact-form__input-box select{    width: 100%;    border: 1px solid #fff;    background-color: transparent;    outline: none;    padding-left: 15px;    font-size: 14px;    color: #fff;    font-weight: 400;    height: 45px;    border-radius: 4px;}
.contact-form__input-box option{color: #000;}
.contact-form__input-box input::placeholder{color: #fff;}
.contact-form__input-box select::placeholder{color: #fff;}
.contact-form__input-box textarea::placeholder{color: #fff;}
.contact-form__input-box textarea{    width: 100%;    padding-top: 10px;    border: 1px solid #fff;    background-color: transparent;    outline: none;    padding-left: 15px;    font-size: 14px;    color: #fff;    font-weight: 400;    height: 100px;    border-radius: 4px;}

button.thm-btn {    background:var(--PrimaryColor);    border: none;    padding: 10px 30px; transition: 0.5s;}
button.thm-btn:hover {background-color: var(--GrayColor);}
p.why-choose-one__text {    text-align: justify;    color: #7b7b7b;}
.our-products .title span{width: 10%;}
h3.why-choose-one__title {    font-size: 18px; font-family: var(--NunitoFamily);}
img.circle-red {    width: 10%;    right: 0;}
.why-choose-one__single {    z-index: 9;}
.faqs{    background: url(img/blog-one-shape-1.png) repeat;}
.why-choose-one .section-title .sub-title{    position: relative;    display: flex;    align-items: center;    color: var(--PrimaryColor);    font-size: 14px;    line-height: 1.2em;    font-weight: 700;    text-transform: uppercase;    margin: 0;    }
.why-choose-one .title p{font-size: 30px; font-family: var(--Inknut);}
.why-choose-one .title span{ position: relative;}
.why-choose-one .title span:after{position: absolute; content: ''; width: 30px; height: 2px; background: var(--PrimaryColor); left: -35px; right: 0px; top: 10px;}
/* Testimonial */
.testimonial .title p {    font-size: 30px;    font-family: var(--Inknut);}
.testimonial .title span {    position: relative;}
.testimonial .title span:after {    position: absolute;    content: '';    width: 30px;   height: 2px;    background: var(--PrimaryColor);    left: -35px;    right: 0px;    top: 10px;}
.testimonal-two,.testimonial-two__carousel {    position: relative;    display: block}
.testimonial-two__sinlge {    background-color: #fff;}
.testimonial-two__sinlge,.testimonial-two__sinlge-inner {    position: relative;    display: block;    border-radius: 25px;    z-index: 1}
.testimonial-two__sinlge-inner {    overflow: hidden;    padding: 35px}
.testimonial-two__sinlge-inner:before {    position: absolute;    top: 0;    bottom: 0;    right: 0;    left: 0;    content: "";    background-color: var(--SecondaryColor);    border-radius: 25px;    transition-delay: .1s;    transition-timing-function: ease-in-out;    transition-duration: .4s;    transition-property: all;    opacity: 1;    transform-origin: top;    transform-style: preserve-3d;    transform: scaleY(0);    z-index: -1;}
.testimonial-two__sinlge:hover .testimonial-two__sinlge-inner:before {    opacity: 1;    transform: scaleY(1);}
.testimonial-two__quote {    position: relative;    display: block;}
.testimonial-two__quote i {    font-size: 40px;    color: var(--PrimaryColor);    transition: all .5s ease;}
.testimonial-two__sinlge:hover .testimonial-two__quote i {    color: #fff;}
.testimonial-two__text {    font-size: 18px;    color: #000;    text-align: justify;    font-weight: 600;    padding-top: 19px;    padding-bottom: 33px;    transition: all .5s ease;}
.testimonial-two__sinlge:hover .testimonial-two__text {    color: #fff;}
.testimonial-two__info {    position: relative;    display: flex;    align-items: center}
.testimonial-two__client-img {    position: relative;    display: block;    width: 75px}
.testimonial-two__client-img img {    width: 100%;    border-radius: 50%;}
.testimonial-two__content {    margin-left: 20px;}
.testimonial-two__client-name {    font-size: 20px;    font-weight: 600;    color: var(--PrimaryColor);    line-height: 29px;    margin-bottom: 6px;    transition: all .5s ease;}
.testimonial-two__sinlge:hover .testimonial-two__client-name {    color: #fff;}
.testimonial-two__client-title {    font-size: 18px;    line-height: 18px;    transition: all .5s ease;}
.testimonial-two__sinlge:hover .testimonial-two__client-title {    color: #fff;}
.testimonial-two__carousel.owl-carousel .owl-stage-outer {    overflow: visible;}
.testimonial-two__carousel.owl-carousel .owl-item {    opacity: 0;    visibility: hidden;    transition: opacity .5s ease,visibility .5s ease;}
.testimonial-two__carousel.owl-carousel .owl-item.active {    opacity: 1;    visibility: visible;}
.testimonial-two__carousel.owl-carousel .owl-dots {    position: absolute;    bottom: -62px;    left: 0;    right: 0;    text-align: center;    margin: 0!important;    display: flex;    align-items: center;    justify-content: center;}
.testimonial-two__carousel.owl-carousel .owl-dots .owl-dot {    position: relative;    display: inline-block;    width: 6px;    height: 6px;    border-radius: 50%;    background-color: #000;   margin: 0 10px;    padding: 0;   transition: all .1s linear;    transition-delay: .1s;}
.testimonial-two__carousel.owl-carousel .owl-dot.active {    background-color: #000;}
.testimonial-two__carousel.owl-carousel .owl-dots .owl-dot:before {    position: absolute;    top: -6px;    left: -6px;   right: -6px;    bottom: -6px;    content: "";    border: 2px solid var(--PrimaryColor);    border-radius: 50%;    transform: scale(1);    transition: all .1s linear;    transition-delay: .1s;}
.testimonial-two__carousel.owl-carousel .owl-dot.active:before {    transform: scale(1);    border: 2px solid var(--SecondaryColor);}
.testimonial-two__carousel.owl-carousel .owl-dot:focus {    outline: none;}
.testimonial-two__carousel.owl-carousel .owl-dots .owl-dot span {    display: none;}

.page-header-bg {    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    background-repeat: no-repeat;    background-position: 50%;    background-size: cover;    mix-blend-mode: multiply;    z-index: -1;}
.page-header {    position: relative;    display: block;    padding: 120px 0 100px;    background-color: var(--GrayColor);    z-index: 1;}
.page-header__inner {    position: relative;    display: block;    text-align: center;    z-index: 15;}
.color-site {    background: #000;}
.skin-color {    background-color: var(--PrimaryColor);}
.sitema-links-item h2 {    font-size: 20px;}
.sitema-links-item h3 {    font-size: 20px;}

.white-wrap .form {    background-color: var(--SecondaryColor);    padding: 1px 20px 1px 20px;    position: relative;}
.img-side-details img {    width: 100%;    float: left;}
.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
.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;}
p.related-heading {    background: var(--PrimaryColor);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    border-radius: 5px;}
.read-btn a {    background: #000;    padding: 7px 15px;    color: #fff;}
.related_img img {    width: 100%;    object-fit: contain;    height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}
.inputBox input {    height: 40px;    padding-left: 15px;}
.inputBox select{    height: 40px;    padding-left: 15px;}
.inputBox button {    padding: 10px 0px;    background-color: var(--PrimaryColor);}
.inputBox textarea {    padding-left: 15px;    padding-top: 10px;}
.inputBox input:focus{    outline: none;}
.inputBox textarea:focus{    outline: none;}
.datails-content p {    text-align: justify;    margin-bottom: 15px;}

ul.stlyed-exporter li a {    background: var(--GrayColor);    padding: 10px 30px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}
.full-width-type {    background-color: var(--PrimaryColor);    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
ul.stlyed-exporter li {    width: 32%;}
.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-color: var(--SecondaryColor);    -webkit-transition-property: color;   transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.contact-page__left {    position: relative;    display: block;    background-color: #f1f1f1;    padding: 35px 40px 40px;}
.contact-page__shape-1 {    position: absolute;    top: -20px;    left: -7px;}
.contact-page__title {    font-size: 30px;    font-weight: 600;    line-height: 40px;    margin-bottom: 17px;}
.contact-page__form {    position: relative;    display: block;}
.contact-page__form input{    width: 100%;    background-color: #fff;    border-radius: 5px;    outline: none;    font-size: 16px;    height: 45px;    padding-left: 15px;    color: gray;}
.contact-page__form textarea{    width: 100%;    background-color: #fff;    border-radius: 5px;    outline: none;    font-size: 16px;   height: 100px;    padding-top: 10px;    padding-left: 15px;    color: gray;}
.contact-page__form select{    width: 100%;    background-color: #fff;    border-radius: 5px;    outline: none;    font-size: 16px;    height: 45px;    padding-left: 15px;    color: gray;}
.contact-page__form-input-box {    margin-bottom: 20px;}
a.thm-btn.contact-page__btn {    background: var(--PrimaryColor);    padding: 10px 30px;}

.section-title__title {    color: #000;    font-size: 25px;    line-height: 42px;    font-weight: 600;    margin: 14px 0 0;    margin-bottom: 10px;}
.contact-page__points-box-inner {    position: relative;    align-items: center;    padding-top: 27px;    border-top: 1px solid #e0e0e0;    margin-top: 31px;}
.contact-page__points-box {    position: relative;    display: block;}
.contact-page__points-title {    font-size: 20px;    font-weight: 600;    line-height: 30px;    margin-bottom: 21px;}
.contact-page__points-list {    position: relative;    display: block;}
.contact-page__points-box+.contact-page__points-box {    margin-left: 103px;}
.list-inline, .list-unstyled {    padding-left: 0;    list-style: none;}
.contact-page__points-list li {    position: relative;    display: flex;    align-items: center;}
.contact-page__points-list li .icon span {    position: relative;    display: inline-block;    font-size: 16px;    color: #000;}
.icon {    margin-right: 15px;}