/*Customized CSS*/
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
/*Font Weight*/

.fw-100{
	font-weight: 100 !important
}
.fw-200{
	font-weight: 200 !important
}
.fw-300{
	font-weight: 300 !important
}
.fw-400{
	font-weight: 400 !important
}
.fw-500{
	font-weight: 500 !important
}
.fw-600{
	font-weight: 600 !important
}
.fw-700{
	font-weight: 700 !important
}
.fw-800{
	font-weight: 800 !important
}

/*Letter Spacing*/

.ls-1
{
	letter-spacing: 1px !important;
}
.ls-2
{
	letter-spacing: 2px !important;
}
.ls-3
{
	letter-spacing: 3px !important;
}
.ls-4
{
	letter-spacing: 4px !important;
}
.ls-5
{
	letter-spacing: 5px !important;
}
.ls-6
{
	letter-spacing: 6px !important;
}
.ls-7
{
	letter-spacing: 7px !important;
}
.ls-8
{
	letter-spacing: 8px !important;
}
.ls-9
{
	letter-spacing: 9px !important;
}
.ls-10
{
	letter-spacing: 10px !important;
}

/*Font Size*/

.fs-14{
	font-size: 14px !important;
	line-height: 24x;
}
.fs-16{
	font-size: 16px !important;
	line-height: 26px !important;
}
.fs-18{
	font-size: 18px !important;
	line-height: 28px;
}
.fs-20{
	font-size: 20px !important;
	line-height: 30px;
}
.fs-22{
	font-size: 22px !important;
	line-height: 32px;
}
.fs-24{
	font-size: 24px !important;
	line-height: 34px;
}
.fs-26{
	font-size: 26px !important;
	line-height: 36px;
}
.fs-28{
	font-size: 28px !important;
	line-height: 28px;
}
.fs-30{
	font-size: 30px !important;
	line-height: 40px;
}
.fs-32{
	font-size: 32px !important;
	line-height: 42px;
}
.fs-34{
	font-size: 34px !important;
	line-height: 44px;
}
.fs-36{
	font-size: 36px !important;
	line-height: 46px;
}
.fs-38{
	font-size: 38px !important;
	line-height: 48px;
}
.fs-40{
	font-size: 40px;
	line-height: 50px;
}
.fs-42{
	font-size: 42px !important;
	line-height: 52px;
}
.fs-44{
	font-size: 44px !important;
	line-height: 54px;
}
.fs-46{
	font-size: 46px;
	line-height: 56px;
}
.fs-48{
	font-size: 48px !important;
	line-height: 58px;
}
.fs-50 {
    font-size: 50px !important;
    line-height: 63px !important;
}
.fs-55{
	font-size: 55px !important;
	line-height: 65px;
}
.fs-60{
	font-size: 60px !important;
	line-height: 70px;
}
.fs-65{
	font-size: 65px !important;
	line-height: 65px;
}
.fs-70{
	font-size: 70px !important;
	line-height: 70px;
}
.fs-100{
	font-size: 100px !important;
	line-height: 100px;
}
.fs-120{
	font-size: 120px !important;
	line-height: 120px;
}



/*Margin Top*/
.mt-5{
	margin-top:05px !important;
}
.mt-10{
	margin-top:10px !important;
}
.mt-15{
	margin-top:15px !important;
}
.mt-20{
	margin-top:20px !important;
}
.mt-25{
	margin-top:25px !important;
}
.mt-30{
	margin-top:30px !important;
}
.mt-40{
	margin-top:40px !important;
}
.mt-50{
	margin-top:50px !important;
}
.mt-60{
	margin-top:60px !important;
}
.mt-70{
	margin-top:70px !important;
}
.mt-80{
	margin-top:80px !important;
}
.mt-90{
	margin-top:90px !important;
}
.mt-100{
	margin-top:100px !important;
}
.mt-110{
	margin-top:110px !important;
}
.mt-120{
	margin-top:120px !important;
}

/*Margin Bottom*/
.mb-10{
	margin-bottom:10px !important;
}
.mb-15{
	margin-bottom:15px !important;
}
.mb-20{
	margin-bottom:20px !important;
}
.mb-25{
	margin-bottom:25px !important;
}
.mb-30{
	margin-bottom:30px !important;
}
.mb-40{
	margin-bottom:40px !important;
}
.mb-50{
	margin-bottom:50px !important;
}
.mb-60{
	margin-bottom:60px !important;
}
.mb-70{
	margin-bottom:70px !important;
}
.mb-80{
	margin-bottom:80px !important;
}
.mb-90{
	margin-bottom:90px !important;
}
.mb-100{
	margin-bottom:100px !important;
}


/*Margin Right*/
.mr-10{
	margin-right:10px !important;
}
.mr-15{
	margin-right:15px !important;
}
.mr-20{
	margin-right:20px !important;
}
.mr-25{
	margin-right:25px !important;
}
.mr-30{
	margin-right:30px !important;
}
.mr-40{
	margin-right:40px !important;
}
.mr-50{
	margin-right:50px !important;
}
.mr-60{
	margin-right:60px !important;
}
.mr-70{
	margin-right:70px !important;
}
.mr-80{
	margin-right:80px !important;
}
.mr-90{
	margin-right:90px !important;
}
.mr-100{
	margin-right:100px !important;
}

/*Margin Left*/
.ml-10{
	margin-left:10px !important;
}
.ml-15{
	margin-left:15px !important;
}
.ml-20{
	margin-left:20px !important;
}
.ml-25{
	margin-left:25px !important;
}
.ml-30{
	margin-left:30px !important;
}
.ml-40{
	margin-left:40px !important;
}
.ml-50{
	margin-left:50px !important;
}
.ml-60{
	margin-left:60px !important;
}
.ml-70{
	margin-left:70px !important;
}
.ml-80{
	margin-left:80px !important;
}
.ml-90{
	margin-left:90px !important;
}
.ml-100{
	margin-left:100px !important;
}
.ml-150{
	margin-left:150px !important;
}

/*Padding Top*/
.pt-10{
	padding-top:10px !important;
}
.pt-15{
	padding-top:15px !important;
}
.pt-20{
	padding-top:20px !important;
}
.pt-25{
	padding-top:25px !important;
}
.pt-30{
	padding-top:30px !important;
}
.pt-40{
	padding-top:40px !important;
}
.pt-50{
	padding-top:50px !important;
}
.pt-60{
	padding-top:60px !important;
}
.pt-70{
	padding-top:70px !important;
}
.pt-80{
	padding-top:80px !important;
}
.pt-90{
	padding-top:90px !important;
}
.pt-100{
	padding-top:100px !important;
}


/*Padding Bottom*/
.pb-10{
	padding-bottom:10px !important;
}
.pb-15{
	padding-bottom:15px !important;
}
.pb-20{
	padding-bottom:20px !important;
}
.pb-25{
	padding-bottom:25px !important;
}
.pb-30{
	padding-bottom:30px !important;
}
.pb-40{
	padding-bottom:40px !important;
}
.pb-50{
	padding-bottom:50px !important;
}
.pb-60{
	padding-bottom:60px !important;
}
.pb-70{
	padding-bottom:70px !important;
}
.pb-80{
	padding-bottom:80px !important;
}
.pb-90{
	padding-bottom:90px !important;
}
.pb-100{
	padding-bottom:100px !important;
}


/*Padding Right*/
.pr-0 {
	padding-right: 0px !important;
}
.pr-10{
	padding-right:10px !important;
}
.pr-15{
	padding-right:15px !important;
}
.pr-20{
	padding-right:20px !important;
}
.pr-25{
	padding-right:25px !important;
}
.pr-30{
	padding-right:30px !important;
}
.pr-40{
	padding-right:40px !important;
}
.pr-50{
	padding-right:50px !important;
}
.pr-60{
	padding-right:60px !important;
}
.pr-70{
	padding-right:70px !important;
}
.pr-80{
	padding-right:80px !important;
}
.pr-90{
	padding-right:90px !important;
}
.pr-100{
	padding-right:100px !important;
}

/*Padding Left*/
.pl-0 {
	padding-left: 0px !important;
}
.pl-10{
	padding-left:10px !important;
}
.pl-15{
	padding-left:15px !important;
}
.pl-20{
	padding-left:20px !important;
}
.pl-25{
	padding-left:25px !important;
}
.pl-30{
	padding-left:30px !important;
}
.pl-40{
	padding-left:40px !important;
}
.pl-50{
	padding-left:50px !important;
}
.pl-60{
	padding-left:60px !important;
}
.pl-70{
	padding-left:70px !important;
}
.pl-80{
	padding-left:80px !important;
}
.pl-90{
	padding-left:90px !important;
}
.pl-100{
	padding-left:100px !important;
}

/*Text Color*/

.text-white{
	color: #fff !important;
}
.text-gray{
	color: #999 !important;
}
.text-black{
	color: #000 !important;
}
.text-red{
	color:red;
}
.theme-color1{
	color: #d31612 !important;
}
.theme-color2{
	color: #000 !important;
}
.theme-color3{
	color: #4B4B4E !important;
}

/*Animation*/
.in-sroll{
	-webkit-transition: all 5s linear; */
    -moz-transition: all 5s linear;
    -ms-transition: all 5s linear;
    -o-transition: all 5s linear;
    /* transition: all 5s linear;	*/
}


.bounce {
	-webkit-animation: float 1500ms infinite ease-in-out;
	animation: float 1500ms infinite ease-in-out
}

.moveHorizontal {
	-webkit-animation: moveHorizontal 6000ms infinite ease-in-out;
	animation: moveHorizontal 6000ms infinite ease-in-out
}

.moveVertical {
	-webkit-animation: moveVertical 3000ms infinite ease-in-out;
	animation: moveVertical 3000ms infinite ease-in-out
}

.moveHorizontal_reverse {
	-webkit-animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
	animation: moveHorizontal_reverse 3000ms infinite ease-in-out
}

.animationFramesTwo {
	-webkit-animation: animationFramesTwo 20000ms infinite ease-in-out;
	animation: animationFramesTwo 20000ms infinite ease-in-out
}

.waving_left {
	-webkit-animation: waving_left 7s infinite linear;
	animation: waving_left 7s infinite linear;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.waving_right {
	-webkit-animation: waving_right 5s infinite linear;
	animation: waving_right 5s infinite linear;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.rotate {
	-webkit-animation: rotation 20s infinite linear;
	animation: rotation 20s infinite linear
}

.rotate {
	-webkit-animation: rotation 20s infinite linear;
	animation: rotation 20s infinite linear
}

@-webkit-keyframes waving_left {
	0% {
		-webkit-transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(3deg)
	}
	50% {
		-webkit-transform: rotate(6deg)
	}
	75% {
		-webkit-transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@keyframes waving_left {
	0% {
		-webkit-transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(3deg)
	}
	50% {
		-webkit-transform: rotate(6deg)
	}
	75% {
		-webkit-transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@-webkit-keyframes waving_right {
	0% {
		-webkit-transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(-3deg)
	}
	50% {
		-webkit-transform: rotate(-6deg)
	}
	75% {
		-webkit-transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@keyframes waving_right {
	0% {
		-webkit-transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(-3deg)
	}
	50% {
		-webkit-transform: rotate(-6deg)
	}
	75% {
		-webkit-transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
	50% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@keyframes float {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
	50% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg)
	}
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg)
	}
}

@-webkit-keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg)
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg)
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg)
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg)
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg)
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg)
	}
}

@keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg)
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg)
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg)
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg)
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg)
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg)
	}
}

@-webkit-keyframes moveHorizontal {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
	50% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes moveHorizontal {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
	50% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@-webkit-keyframes moveHorizontal_reverse {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
	50% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes moveHorizontal_reverse {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
	50% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@-webkit-keyframes moveVertical {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@keyframes moveVertical {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

/*Text Strock*/

.stroke {
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #B22D30;
    color: transparent;
    text-shadow: 6px 2px 2px rgb(68 68 68 / 15%);
}

/*Background*/

.fact-bg {
    background:
    rgba(0, 0, 0, 0) url("../img/bg/fact-bg.jpg") no-repeat fixed center center / cover !important;
}
.contact-bg {
    background:
    rgba(0, 0, 0, 0) url("../img/bg/fact-bg.jpg") no-repeat fixed center center / cover !important;
}
.bg-theme1{
	background: #045b51 !important;
}
.bg-theme2{
	background: #d6ad6b;
}
.bg-white{
	background: #fff;
}
.bg-gray{
	background: #f0efeb;
}

.box-shadow{
	-webkit-box-shadow: 10px 10px 24px 0px rgba(204,204,204,1);
-moz-box-shadow: 10px 10px 24px 0px rgba(204,204,204,1);
box-shadow: 10px 10px 24px 0px rgba(204,204,204,1);
}

.shadowimage {
    box-shadow: 0 18px 8px -16px rgba(43,42,41,0.7);
}

/*Border*/
.border-radius0{
	border-radius: 0px !important;
}
.border-radius-25{
	border-radius: 25px;
}
.border-radius200{
	border-radius: 200px !important;
}
.border-radius-right{
	border-radius: 0px 15px 0px 15px;
}
.border-radius-15{
	border-radius: 15px;
}

/* Font Style*/

.passon-one{
	font-family: 'Passion One', cursive;
}
.font-js{
	font-family: 'Josefin Sans', sans-serif;
}
.fact-font{
	font-family: 'Passion One', cursive;
}
.num-font{
	font-family: 'Anton', sans-serif !important;
}
.cookie-font{
	font-family: 'Kaushan Script', cursive;
}
.cairo{
	font-family: 'Cairo', sans-serif;
}
.oswald{
	font-family: 'Oswald', sans-serif;
}
.abril{
	font-family: 'Abril Fatface', cursive;
}
.font-italic{
	font-style: italic;
}

/*Others*/

.gray-scale {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
    cursor: pointer;
}
.gray-scale:hover {
	-webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
.text-center{
	text-align:center !important;
}
.text-left{
	text-align:left !important;
}
.text-justify{
	text-align:justify;
}
.left-flot{
	float:left !important;
}
.right-flot{
	float:right !important;
}
.text-block{
	display: block;
}
.divider-call-back {
    content: "";
    margin-bottom: 10px;
    left: 0;
    width: 20px;
    height: 2.5px;
    background: #423922;
    display: inline-block;
}
.divider-short {
    content: "";
    left: 0;
    width: 40px;
    height: 5px;
		margin-left: -2px;
    background: #d31612;
    display: inline-block;
}
.divider-short-white {
    content: "";
    margin-bottom: 10px;
    left: 0;
    width: 40px;
    height: 5px;
    background: #fff;
    display: inline-block;
}
.divider-big {
    content: "";
    margin-bottom: 15px;
    margin-top: 20px;
    left: 0;
    width: 60px;
	border-radius: 0px 0px 15px 15px;
    height: 10px;
    background: #d6ad6b;
    display: inline-block;
}
.divider-big-white {
	content: "";
	margin-bottom: 15px;
	margin-top: 0px;
	left: 0;
	width: 60px;
	border-radius: 0px 0px 15px 15px;
	height: 10px;
	background: #fff;
	display: inline-block;
}

/*Web Customs*/
	
.tp-about-area{
	padding:180px 0 120px 0;
}
.company-features{
	padding: 100px 0;
}
.faq-area{
	padding: 100px 0;
}
.tp-testimonila-tabs{
	padding: 100px 0;
}
.about-area{
	padding: 100px 0;
}
.common-title{
	font-size:70px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0.6;
}

.h-why-title{
	font-size:70px;
	line-height:1;
	text-transform:uppercase;
	font-weight:200;
	letter-spacing:0.6;
	color:#fff;
}

.vision-title{
	font-size:50px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0.6;
	color:#009a88;
	margin-top:20px;
}
.tp-service-area {
    padding: 100px 0;
}
.faq-area.mt-120.mb-120.bg-gray {
    padding: 120px 0;
}
.product-title{
	font-size:50px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0.6;
}
.quotes-bg {
    padding-top: 40px;
    padding-bottom: 40px;
}
.quotes-title{
	font-size:70px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0.6;
	color:#045B51;
}
.footer-quotes{
	font-size:22px !important;
	font-weight:400;
	line-height:1.2;
	color:#fff;
}
.quote-box{
	padding:120px 0px
}
.collaborative-area {
		padding-bottom: 70px;
	}

/* add new code by bhautik on 16-05-2025 */
 .flaticon-packaging {
	padding: 14px 14px;
 }
 .breadcrumb-title.breadcrumb-title-sd {
	color: #d6ad6b !important;
 }
 .copy-right {
 	padding : 20px 0;
	border-top: 1px solid #01685d !important;
 }
.bt-nav {
	margin-bottom: 10px;
	padding-bottom: 10px;
    border-bottom: 1px solid #01685d !important;
}
.pr-title { 
	color: #fff;
}
.pr-title:hover {
	color: #fff !important;
    text-decoration: none;
}
.p-tp-section-title {
	text-align: justify;
}
ul .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  min-width: 200px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
ul .submenu li {
	display: flex;
    padding: 0px 30px 0px 30px;
	white-space: nowrap;
}

.quotes-title-new {
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.6;
    color: #045B51;
}

/* Submenu links */
ul .submenu li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}

/* Hover to show submenu */
ul > li:hover > .submenu {
  display: block;
}

/* Optional: hover effect */
ul .submenu li:hover {
  background-color: #f5e1c1;
}

.main-menu ul li li {
    margin-right: 0px !important;
    position: relative;
}
.main-menu-h1 ul li li a::before {
    background: transparent !important; 
}

.divider-small {
	margin-bottom: 20px;
    margin-top: 20px;
    left: 0;
    width: 85%;
    height: 1px;
    background: #3f3f3f;
}
.h-600 {
	height:600px;
}
.wa-chat-box-poweredby {
 display: none !important;
}
/*Mobile Settings*/

@media only screen and (max-width:480px) {
	.row {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(var(--bs-gutter-y) * -1);
		margin-right: calc(var(--bs-gutter-x) * .-1);
		margin-left: calc(var(--bs-gutter-x) * -.1);
	}	
	.desktop-view {
				display: none !important;
			}
	
	.tp-about-area {
		padding: 100px 0 100px 0;
	}
	.tp-about-content {
		padding-left: 0;
		margin-top: 40px;
		padding-left: 0px;
	}
	.btn-ab-2 {
		background: #045b51;
		border: medium none;
		color: #ffffff;
		cursor: pointer;
		border-radius: 0;
		display: inline-block;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 3px;
		line-height: 1;
		margin-bottom: 0;
		text-align: center;
		text-transform: uppercase;
		touch-action: manipulation;
		transition: 0.3s;
		vertical-align: middle;
		white-space: nowrap;
		border: 3px solid transparent;
		border-radius: 40px;
		height: 49px;
		width: 175px;
		display: inline-block;
		line-height: 45px;
		transition: 0.3s;
	}
	.common-title {
		font-size: 40px !important;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 0.6;
	}
	.features-item {
		padding: 50px 40px;
	}
	.vision-title {
		font-size: 30px;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 0.6;
		color: #009a88;
		margin-top: 20px;
	}
	.product-title {
		font-size: 38px;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 0.6;
		color:#045b51;
	}
	.tp-service-area {
		padding: 100px 0 20px 0;
	}
	.fs-30 {
		font-size: 20px !important;
		line-height: 30px;
	}
	.faq-area.mt-120.mb-120.bg-gray {
		padding: 80px 0;
	}
	.accordion-button {
		border: 0;
		font-size: 14px;
		line-height: 24px;
		color: #045b51;
		position: relative;
		padding: 1rem 1.5rem;
	}
	.h-why-title {
		font-size: 50px;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 200;
		letter-spacing: 0.6;
		color: #fff;
	}
	.video-features-item {
		max-width: 150px;
	}
	.quotes-title {
		font-size: 38px;
		line-height: 1.2;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 0.6;
		color: #045B51;
	}
	.quotes-bg {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.read-btn {
		font-size: 16px;
		display: inline-block;
		font-weight: 500;
		border: 3px solid #d6ad6b;
		border-radius:40px;
		outline: none;
		box-shadow: none;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		background: #045b51;
		text-align: center;
		padding: 0px 38px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		transition: 0.3s;
	}
	.video-box {
		transform: translateY(0px);
		overflow: hidden;
	}
	.quote-box {
		padding: 60px 15px;
	}
	.video-features-title {
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
		margin-top: 10px;
	}
	.tp-testimonila-tabs-2 {
		margin-top: 0px;
		position: relative;
		z-index: 1;
	}
	.tp-testimonila-tabs {
		padding: 80px 0;
	}
	.company-features{
		padding: 80px 0;
	}
	.faq-area{
		padding: 80px 0;
	}
	.tp-testimonila-tabs{
		padding: 80px 0;
	}
	.about-area{
		padding: 80px 0;
	}
	.mtw{
		color:#fff !important;
	}
	.collaborative-area {
		padding-bottom: 70px;
	}
}

@media only screen and (max-width:840px) {
	.vision-title {
		font-size: 37px !important;
	}
	.common-title {
		font-size: 37px !important;
	}
}
@media only screen and (max-width:1210px) {
	.vision-title {
		font-size: 27px !important;
	}
	.main-menu ul li a { 
		font-size: 11px !important;
	}
}

@media only screen and (max-width:910px) {
	.vision-title {
		font-size: 27px !important;
	}
}

@media only screen and (min-width: 992px){
	.mobile-view {
				display: none !important;
			}
}