/*
Template: Marblex - Marble & Tiles HTML Template
Author: Peacefulqode.com
Version: 1.0
Design and Developed by: Peacefulqode
*/

/*================================================
[  Table of contents  ]
================================================

==> Fonts
==> Moz Selection
==> General
==> Loading
==> Back to Top
==> WordPress Core
==> Button Core
==> Dummy data
==> Blog Sidebar
==> Blog
==> Pagination
==> Error
==> isotope Portfolio
==> slider portfoliio
==> Header
==> Sidebar Menu
==> Breadcrumb
==> Footer
==> OWL Carousel
==> Section Title
==> Background Images
==> Service Box
==> Client
==> Portfolio Styles
==> Video Popup
==> Testimonialbox
==> Image Box
==> Gallery
==> Counter
==> Team
==> Icon Box
==> FAQ
==> Custom CSS

======================================
[ End table content ]
======================================*/

/*+++++++++++++++++++++++++++++++++++++++++
Fonts
++++++++++++++++++++++++++++++++++++++++*/

@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');
body {
    font-family: 'Arvo', serif;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    color: #555555;
    font-size: 14px;
	overflow-x: hidden;
}
img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.btn {
    border-radius: 0px;
    font-size: 14px;
   padding: 12px 15px;
    height: auto;
    line-height: 30px;
    border-radius: 8px;
}
a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}
a:hover {
  color: #333;
  text-decoration: none;
}
a:focus {
  color: #333;
  text-decoration: none;
}
a,
button,
input {
    outline: medium none;
    color: #686868;
}
input:focus,select:focus,textarea:focus{
	outline: none;
}
.uppercase { 
    text-transform: uppercase
}
.capitalize { 
    text-transform: capitalize
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    font-style: normal;
	font-family: 'Arvo', sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit 
}
h1 {
    font-size: 46px;
    font-weight: 500;
}
h2 {
    font-size: 37px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin: 0px;
    padding: 0px;
}
li { list-style: none }

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 0;
}
a {
    text-decoration: none;
}
hr{
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}
strong{
    font-weight: bold;
}
hr.style-2{
    border-bottom: 1px dashed #f10;
}
hr.mp-0 {
    margin: 0;
    border-bottom: 1px solid #eceff8;
}
hr.mtb-40 {
    margin: 40px 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}
ol, ul {
    padding-left: 0 !important;
}

label {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}
*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
.mark, mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}
span.tooltip-content {
  color: #00a9da;
  cursor: help;
  font-weight: 600;
}
.f-left {
    float: left
}
.f-right {
    float: right
}
.fix {
    overflow: hidden
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/***************************
    transtion
****************************/
a.button::after,
a.button-small::after {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.share ul,
.share:hover ul {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
a.button-border span,
a.button-border-white span,
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}


/*************************
         button
*************************/
.button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #9c9c9c;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9c9c9c;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  overflow: hidden;
  padding: 12px 30px;
  position: relative;
  text-transform: uppercase;
}
.button:hover{border:1px solid #fff;color:#fff}



/*************************
        Text color
*************************/
.text-blue { color: #4FC1F0; }
.text-white { color: #fff ;}
.text-black { color: #363636; }
.text-theme { color: #f10; }
.text-theme {
  color: #4a90e2;
}

.text-white h1, .text-white p, .text-white h2{ color: #fff; }
/*************************
        Input
*************************/
input {
    background: #eceff8;
    border: 1px solid #eee;
    height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    color: #626262;
    width: 100%;
}
select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}
option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    font-size: 14px;
}
input:focus {
    background: transparent;
    border: 1px solid #4FC1F0;
}
textarea {
    resize: vertical;
    background: #eceff8;
    border: 2px solid #eceff8;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 2px solid #4FC1F0;
    outline: none;
}
::-moz-placeholder {
    color: #444;
}
.input-group.divcenter.input-group .form-control { padding-left: 0px }
/*************************
        back-to-top
*************************/
#scrollUp {
	background: #ea3a3c none repeat scroll 0 0;
	bottom: 85px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	position: fixed;
	right: 12px;
	text-align: center;
	width: 45px;
	z-index: 9999;
	border-radius: 50%;
	border: 2px solid #fff;
    -webkit-transition: .3s;
    transition: .3s;
}
#scrollUp:hover {
  border-color: #ea3a3c;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}


.fw-500 {
	font-weight: 500 !important;
}

.pt-pb-100 {
    padding: 100px 0;
}

.pt-pb-130 {
    padding: 130px 0;
}
/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-12 { margin-top: 12px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-37 { margin-top: 37px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-160 { margin-top: 160px }
.mt-179 { margin-top: 179px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-12 { margin-right: 12px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-35 { margin-right: 35px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-12 { margin-bottom: 12px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-12 { margin-left: 12px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-125 { margin-left: 125px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-37 { padding-top: 37px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-95 { padding-top: 95px }
.pt-90 { padding-top: 90px }
.pt-97 { padding-top: 97px }
.pt-100 { padding-top: 100px }
.pt-95 { padding-top: 95px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-155 { padding-top: 155px }
.pt-180 { padding-top: 180px }
.pt-205 { padding-top: 205px }
.pt-365 { padding-top: 365px }
.pt-370 { padding-top: 370px }   
.pt-380 { padding-top: 380px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
.pr-155 { padding-right: 155px }
.pr-155 { padding-right: 155px }
.pr-180 { padding-right: 180px }
.pr-195 { padding-right: 195px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-95 { padding-bottom: 95px }
.pb-97 { padding-bottom: 97px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-107 { padding-bottom: 107px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-178 { padding-bottom: 178px }
.pb-180 { padding-bottom: 180px }
.pb-280 { padding-bottom: 280px }
.pb-210 { padding-bottom: 210px }
.pb-285 { padding-bottom: 285px }
.pb-290 { padding-bottom: 290px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-125 { padding-left: 125px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
.pl-155 { padding-left: 155px }
.pl-190 { padding-left: 190px }
.pl-195 { padding-left: 195px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-32 { padding: 32px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-135 { padding: 135px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-177 { padding: 177px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
.ptb-200 { padding: 200px 0 }
.ptb-210 { padding: 210px 0 }
.ptb-220 { padding: 220px 0 }
.ptb-250 { padding: 250px 0 }
.ptb-290 { padding: 290px 0 }
.ptb-310 { padding: 310px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
.mtb-290 { margin: 290px 0; }

/*************************
        Extra class
*************************/
.pricing .container .row [class*="col-"] { }



/*Custom cloumn*/

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}
.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
 /*************************************
    Background variation set 
 **************************************/
/*colored background*/
 .white-bg { background: #fff; }
 .black-bg { background: #252525 }
 .theme-bg { background: #f4ecea }
 .gray-bg { background: #f0f1f5; }
 .blue-bg { background: #4FC1F0; }
 .default-bg { background: #50C1F0; }
 .transparent-bg { background: transparent; }

/*Opacity background*/
/* black overlay */
[data-overlay] {
  position: relative;
} 
[data-overlay]::before {
  background: #252525 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
[data-overlay="3"]::before {
  opacity: 0.3;
}
[data-overlay="4"]::before {
  opacity: 0.4;
}
[data-overlay="5"]::before {
  opacity: 0.5;
}
[data-overlay="56"]::before {
  opacity: 0.56;
}
[data-overlay="6"]::before {
  opacity: 0.6;
}
[data-overlay="7"]::before {
  opacity: 0.7;
}
[data-overlay="8"]::before {
  opacity: 0.8;
}

/* white overlay */
[white-overlay] {
  position: relative;
} 
[white-overlay]::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
[white-overlay="3"]::before {
  opacity: 0.3;
}
[white-overlay="4"]::before {
  opacity: 0.4;
}
[white-overlay="5"]::before {
  opacity: 0.3;
}
[white-overlay="6"]::before {
  opacity: 0.6;
}
[white-overlay="7"]::before {
  opacity: 0.8;
}
[white-overlay="9"]::before {
  opacity: 0.9;
}


/*+++++++++++++++++++++++++++++++++++++++++
Button Core
++++++++++++++++++++++++++++++++++++++++*/
[type="button"],
[type="reset"],
[type="submit"] {
	font-family: var(--title-fonts);
	overflow: inherit;
	/* position: relative; */
	width: auto;
	color: var(--white-color);
	/* text-transform: uppercase; */
	font-size: 14px;
	padding: 5px 10px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 2;
	vertical-align: middle;
	border: none;
	display: inline-block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
	color: var(--white-color);
	/* background: var(--dark-color); */
}

.pq-button {
	font-family: var(--title-fonts);
	font-weight: 500;
	text-transform: uppercase;
	line-height: 2;
	font-size: 13px;
	padding: 10px 22px;
	position: relative;
	width: auto;
	background: var(--dark-color);
	color: #000;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #ffc031;
	border-radius: 8px;
	letter-spacing: 1px;
}

.pq-button:hover,
.pq-button:focus {
	background: #fff;
	color: var(--white-color);
}

.pq-button-block {
	display: flex;
	align-items: center;
}


.nav-item {
	position: relative;
	display: inline-block;
	padding-left: 16px;
}

.nav-item i{
    padding-left:0;
}

.navbar-nav {
	display: flex;
	align-items: center;
	margin-left: 92px;
}

.nav-item .nav-link {
	color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Arvo', serif;
}

.nav-item .nav-link:hover {
	color: #ffc031;
}


.nav-item .nav-link.active {
	color: #ffc031;
	background-color: transparent !important;
}
.navbar-brand img {
        width: 175px;
    }


.banner_content {
		padding-right: 10px;
		padding: 240px 0;
		position: absolute;
		top: 0px;
    max-width: 650px;
    left: 23em;
	transform: translateY(100px);
		transition: all 0.5s ease-in-out;
	}
	 .banner_content h6 {
		font-size: 16px;
		line-height: 16px;
		padding-left: 55px;
		margin-bottom: 16px;
		position: relative;
	}
	.banner_content h1 {
		font-size: 56px;
		line-height: 62px;
		font-weight: 500;
		
	}
	.banner_content {
		animation: slideUpFade 0.8s ease forwards;
	  }
	@keyframes slideUpFade {
		0% {
		  transform: translateY(100px);
		  opacity: 0;
		}
		100% {
		  transform: translateY(0px);
		  opacity: 1;
		}
	  }
.banner_content h6::before {
		content: "";
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 40px;
		height: 1px;
		position: absolute;
		background-color: #ffc031;
	}
	
	.padd-top {
	padding-top:80px;
	}
	.banner_content p {
		margin-bottom: 42px;
		font-size: 16px;
	}
.custom-cursor {
		position: fixed;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: yellow;
		box-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
		pointer-events: none;
		z-index: 9999;
		transform: translate(-50%, -50%);
	  }
	  
	  .smoke-trail {
		position: fixed;
		width: 8px;
		height: 8px;
		background: rgba(255, 255, 0, 0.05);
		box-shadow: 0 0 20px rgba(255, 200, 0, 0.5);
		border-radius: 50%;
		pointer-events: none;
		transform: translate(-50%, -50%) scale(1);
		animation: fadeOut 0.6s ease-out forwards;
		z-index: 9998;
	  }
	  
	  @keyframes fadeOut {
		to {
		  opacity: 0;
		  transform: translate(-50%, -50%) scale(2);
		}
	  }
	  
	.progress-wrap {
		position: fixed;
		bottom: 30px;
		right: 30px;
		height: 44px;
		width: 44px;
		cursor: pointer;
		display: block;
		border-radius: 50px;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: all 400ms linear;
		-o-transition: all 400ms linear;
		transition: all 400ms linear;
		mix-blend-mode: difference;
	  }
	  
	  .progress-wrap.active-progress {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	  }
	  
	  .progress-wrap::after {
		position: absolute;
		font-family: 'Font Awesome 5 Free';
		content: '\f077';
		text-align: center;
		line-height: 44px;
		font-size: 13px;
		font-weight: 900;
		color: #ccc;
		left: 0;
		top: 0;
		height: 44px;
		width: 44px;
		cursor: pointer;
		display: block;
		z-index: 1;
		-webkit-transition: all 400ms linear;
		-o-transition: all 400ms linear;
		transition: all 400ms linear;
	  }
	  
	  .progress-wrap svg path {
		fill: none;
	  }
	  
	  .progress-wrap svg.progress-circle path {
		stroke: #ccc;
		stroke-width: 4;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 400ms linear;
		-o-transition: all 400ms linear;
		transition: all 400ms linear;
	  }
	  
	
	
	  .pq-service-img {
		transform: translateX(-40%) skewX(2deg) scale(1.2);
		transition: transform 1s ease-out, opacity 0.8s ease;
		will-change: transform;
		opacity: 0;
	  }
	  .pq-service-img img {
		border-radius:0 20px;
	  }
	  
	  .pq-service-img.in-view {
		transform: translateX(0%) skewX(0deg) scale(1);
		opacity: 1;
	  }
	  
	  .pq-service-img.from-left {
		transform: translateX(-40%) skewX(2deg) scale(1.2);
	  }
	  
	  .pq-service-img.from-right {
		transform: translateX(40%) skewX(-2deg) scale(1.2);
	  }
	  

	  .pattern-3 {
		position: absolute;
		height: 210px;
		width: 210px;
		right: 0;
		opacity: 0.3;
		z-index: -1;
		overflow-x: hidden;
	}

	.services .count_pro h3 {
		color: #222;
		font-size: 34px;
		line-height: 23px;
		text-transform: uppercase;
		margin-bottom: 31px;
		/* font-family: 'Open Sans', sans-serif; */
	}

	.full-wid {
		padding: 0 130px;
	}

	.pq-service-box.pq-style-3 .text_wrapper h4 {
		font-size: 22px;
		font-weight: 500;
		padding: 10px 0 20px;
		color: #000;
	}


	.newsletter_area.news_four {
		padding: 134px 0 140px;
		background: url(../img/home-bg-subscribe.webp);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
	}
	.newsletter_area.news_four .newsletter_content h2 {
		font-size: 34px;
		font-weight: 400;
		letter-spacing: 10px;
		text-transform: uppercase;

	}
	.newsletter_content h2 {
		font-size: 24px;
		line-height: 31px;
		font-weight: 600;
		margin-bottom: 28px;
		color: #fff;
	}

	.newsletter_content p {
		font-size: 16px;
		color: #fff;
	}

	.newsletter_area.news_four .newsletter_content form {
		margin-top: 34px;
	}
	
	.newsletter_content form {
		position: relative;
		margin: 0 25%;
		margin-top: 37px;
	}
	.newsletter_area.news_four .newsletter_content h2 span{
		color: #ffc031;
		font-weight: 600;
	line-height: 2em;
	}
	.newsletter_area.news_four .newsletter_content input {
		height: 70px;
		border: 1px solid #fff;
		background: inherit;
		color: #fff;
	}
	.newsletter_content {
		text-align: center;
	}
	.newsletter_area.news_four .newsletter_content input::-webkit-input-placeholder {
		color: #fff;
	}
	
	.newsletter_area.news_four .newsletter_content input:-ms-input-placeholder {
		color: #fff;
	}
	
	.newsletter_area.news_four .newsletter_content input::placeholder {
		color: #fff;
	}
	
	.newsletter_area.news_four .newsletter_content button:hover{
		background: #ffc031;
		color: #fff;
	}

	.newsletter_area.news_four .newsletter_content button {
		top: 35%;
		right: 0;
		height: 66%;
		background: #fff;
		color: #222;
		-webkit-transform: translatey(-50%);
		transform: translatey(-50%);
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 600;
	}
	
	.newsletter_area.news_four .newsletter_content input {
		height: 70px;
		border: 1px solid #fff;
		background: inherit;
		color: #fff;
	}

	.newsletter_content input {
		width: 100%;
		padding: 0 185px 0 26px;
	}

	.newsletter_content button {
		position: absolute;
		top: 0;
		right: -3px;
		padding: 0 50px;
		height: 100%;
		border: 0;
		background: #222;
		color: #fff;
		font-weight: 400;
		border-radius: 4px;
		cursor: pointer;
		-webkit-transition: .3s;
		transition: .3s;
	}


	.pattern-1 {
		position: absolute;
		height: 360px;
		width: 360px;
		bottom: -37px;
		left: -133px;
		opacity: 0.3;
		z-index: -1;
		animation: 20s linear 0s infinite normal none running rotate;
	}

	@keyframes rotate {
		from {
		  transform: rotate(0deg);
		}
		to {
		  transform: rotate(360deg);
		}
	  }
	
	.about_section {
    position: relative;
    z-index: 1;
    padding: 70px 0px;
    overflow: hidden;
	}

	.about_section::before {
		position: absolute;
		content: "";
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		opacity: 0.1;
		z-index: -1;
		background: url(../img/smoke-white-bg.webp) center center / cover no-repeat;

	}
	.pq-button-text{
		font-family: "poppins", sans-serif;
	}
	.about_thumb img {
		width: 89%;
		border-radius: 0 40px;
	}

	.about_title h1, .chose_title h1, .testimonial_titile h1 {
		display: inline-block;
		font-size: 32px;
		line-height: 42px;
		text-transform: uppercase;
		font-weight: 500;
		color: rgb(36, 36, 36);
		margin-bottom: 30px;
	}
	
	.bg-green {
	background: linear-gradient(to right, #fceaff, #fffef9);
	}
	
	.bg-purple {
	background: linear-gradient(to right, #dcd4d8, #ffffff);
	}
	
	.bg-orange {
	background: linear-gradient(to right, #fff0dc, #fffaf5);
	}
	
	.about_section_content p:last-child {
		margin-bottom: 0px;
		font-size: 17px;
		line-height: 34px;
	}

	.about_section_content p {
		color: rgb(110 110 110);
		margin-bottom: 16px;
		font-weight: 300;
	}

	.choose-con {
		padding: 60px 0;
		background-color:#f5f5f5;
	}
	.choose-con .choose_content h6 {
		margin-bottom: 14px;
	}
	.choose-con .choose_content h2 {
		margin-bottom: 32px;
	}
	.choose-con .choose_wrapper ul{
		display: flex;
	}
	.choose-con .choose_wrapper ul li{
		padding: 0 32px;
		transition: all 0.3s ease-in-out;
	}
	.choose-con .choose_wrapper ul li:first-child{
		padding-left: 0;
	}
	.choose-con .choose_wrapper ul li:last-child{
		padding-right: 0;
		margin-bottom: 0;
	}
	.choose-con .choose_wrapper ul li .icon {
		width: 87px;
		height: 87px;
		display: contents;
		line-height: 87px;
		margin-bottom: 22px;
		border-radius: 100%;
		text-align: center;
		background-color: #fff;
		transition: all 0.3s ease-in-out;
	}
	
	.choose-con .choose_wrapper ul li h5{
		color: #000;
	}
	.choose-con .choose_wrapper ul li:hover .icon{
		transform: translateY(-5px);
	}
	
	.footer_social ul li {
		display: inline-block;
		margin-bottom: 0 !important;
	}
	.single_footer h3 {
		font-size: 20px;
		text-transform: capitalize;
		font-weight: 500;
		line-height: 12px;
		margin-bottom: 25px;
		color: #fff;
	}
	.footer_area {
		background: #2a2a2a;
		position: relative;
    z-index: 1;
    padding: 0px 0px;
    overflow: hidden;
	}

	.footer_area::before {
		position: absolute;
		content: "";
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		opacity: 0.1;
		z-index: -1;
		background: url(../img/smoke-bg-footer.webp) center center / cover no-repeat;
	}

	.footer_top {
		padding: 80px 0 77px;
		border-bottom: 1px solid #ddd;
	}
	.single_footer p {
		font-size: 16px;
		line-height: 24px;
		color: #c4c2c2;
		margin-bottom: 32px;
	}
	.footer_social h3 {
		margin-bottom: 17px;
	}
	.footer_social ul li a {
		display: block;
		height: 40px;
		width: 40px;
		border: 2px solid #999;
		border-radius: 100%;
		text-align: center;
		line-height: 36px;
		color: #999;
		margin-right: 5px;
	}
	.footer_social ul li a:hover{
		color: #e53131;
		border-color: #e9cc26;
	}
	.footer_social ul li:last-child a{
		margin-right: 0;
	} 
	.single_footer ul li {
		margin-bottom: 21px;
		line-height: 24px;
	}
	.single_footer ul li:last-child{
		margin-bottom: 0;
	}
	.single_footer ul li a,.single_footer ul li {
		color: #c4c2c2;
	}
	
	.single_footer ul li a,.single_footer ul li a{
		text-decoration: none;
		font-size:16px;
	}
	.single_footer ul li a:hover,.footer_menu ul li a:hover{
		color: #e9cc26;
	}
	.single_footer.column_3 ul li {
		font-size: 16px;
		line-height: 26px;
	}
	.column-mid {
		text-align: center;
	}
	.footer-payment {
		margin-top: 30px;
	}
	.footer_menu{
		text-align: right;
	}
	.footer_menu ul li {
		display: inline-block;
	}
	.copyright_conent p {
		font-size: 13px;
		line-height: 20px;
		color: #999999;
		text-transform: capitalize;
	}
	.copyright_conent p a{
		color: #999999;
		font-weight: 500;
		padding: 0 3px;
		
	}
	.copyright_conent i {
		color: red;
	}
	.copyright_conent p a:hover{
		color: #e9cc26;
		text-decoration: underline;
	}
	.footer_menu ul li a {
		font-size: 14px;
		color: #999999;
		margin-right: 15px;
	}
	.footer_menu ul li:ladt-child a{
		margin-right: 0;
	}
	.footer_menu ul {
		line-height: 13px;
	}
	.copyright_area {
		padding: 30px 0;
	}
	/*footer area css end*/
	
/* About us page*/
	.pq-breadcrumb {
		background-image: url(/projects/TGI/images/good/all-page-header.webp);
	}

	.pq-breadcrumb {
		color:#fff;
		padding: 60px 0;
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.pq-section-title.pq-style-1 .pq-section-sub-title {
		font-weight: 600;
		font-size: 14px;
		line-height: 22px;
		text-transform: uppercase;
		color:#000;
		letter-spacing: 1px;
		margin: 0 0 10px;
		display: inline-block;
		position: relative;
		padding-left: 40px;
	}

	.pq-section-title.pq-style-1 .pq-section-sub-title:before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 30px;
		height: 2px;
		border-bottom: 1px solid #00a9da;
	}

	.pq-section-title.pq-style-1 .pq-section-main-title {
		font-weight: 500;
		font-size: 40px;
		line-height: 56px;
		z-index: 9;
		/* color:#000; */
		padding: 0;
		margin: 0 0;
		position: relative;
		display: block;
		text-transform: capitalize;
	}

	.pq-breadcrumb .pq-breadcrumb-title h1 {
		font-size: 56px;
		line-height: 64px;
		margin-bottom: 15px;
		text-align: center;
		color: #fff;
	}

	.pq-breadcrumb-container {
		text-align: center;
		padding-top: 15px;
	}

	.pq-breadcrumb-container .breadcrumb {
		padding: 0;
		margin: 0;
		justify-content: center;
		display: inline-flex;
	}
	
	.pq-breadcrumb-container .breadcrumb li:first-child {
		padding-left: 20px;
	}
	
	.pq-breadcrumb-container .breadcrumb li {
		list-style-type: none;
		padding-left: 0;
		padding: 10px 8px;
		text-transform: capitalize;
		background: #fff;
	}

	.pq-breadcrumb-container .breadcrumb li.active {
		color: #e6ac2c;
    margin-right: 0;
}

.pq-about-us-padding {
    padding: 0px 15px 0 20px;
}

.pq-section-title.pq-style-1 .pq-section-sub-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color:#ffc031;
    letter-spacing: 1px;
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
}

.pq-section-title.pq-style-1 .pq-section-sub-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    border-bottom: 1px solid #ffc031;
}

.pq-section-title.pq-style-1 .pq-section-description {
    z-index: 9;
    font-size: 16px;
    position: relative;
	line-height: 30px;
    margin: 15px 0 0;
}

.pq-fancy-box.pq-style-1 {
    background: #fff;
    padding: 60px 45px;
    padding-bottom: 45px;
    position: relative;
}
.pq-fancy-box.pq-style-1 .pq-fancy-box-info {
    position: relative;
}
.pq-fancy-box.pq-style-1 .pq-fancy-box-info .pq-fancy-box-title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px;
	color:#000;
}
.pq-fancy-box.pq-style-1 .pq-fancy-box-info .pq-fancy-box-description {
	padding-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}

.pq-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    font-size: 14px;
    color:#000;
    font-family: "Ionicons";
    padding-right: 14px;
    float: none;
    opacity: 0.4;
}

.pq-breadcrumb-single {
    background-image: url(../img/african-lion-header-img.webp);
    width: 100%;
    height: 90vh;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.features-section {
    background: url(../img/sunset-bg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 66vh;
    width: 100%;
    margin: auto;
    text-align: center;
    opacity: 0.8;
}

.single-product-text p {
    font-size: 16px;
    line-height: 1.6;
	color: #fff;
}

.pq-service-box.pq-style-3 .pq-service-info {
    position: relative;
}

.pq-service-box.pq-style-3 .pq-service-info .pq-service-title {
    position: absolute;
    bottom: -7px;
    width: 100%;
    padding: 20px;
    color:#fff;
	border-radius: 0 15px;
    background: rgba(0, 0, 0, 0.5);
}
.pq-service-box.pq-style-3 .pq-service-info .pq-service-title:hover {
    background: #ffc031;
	color: #fff;
}


.pq-service-box.pq-style-3 .pq-service-title {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    width: 100%;
    transition: 0.5s ease-in-out;
}
.royal-sand-2 {
    background-color: #f4dfae;
    position: relative;
    z-index: 2;
}

.features-section-two .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feature-section .pq-thumbs-column .item h5 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.single-product-banner {
    position: relative;
    overflow: hidden;
    height: 800px;
    display: flex;
    align-items: center;
    background-color: #f8f5f0;
}
.single-product-banner img {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.90);
   
}
.pq-image1 {
	border-radius: 20px;
}

.single-product-text {
	position: relative;
	z-index: 1;
    padding: 60px 20px;
}
.single-product-text h1 {
    font-size: 70px;
    padding-bottom: 15px;
    line-height: 1.2em;
}

.features-section-two .overlay-content {
    position: relative;
    z-index: 2;
    display: flex
;
    align-items: center;
}
.sandalwood-plant {
    position: absolute;
    height: 443px;
    width: 410px;
    bottom: -67px;
    left: -133px;
	transition: transform 0.3s ease;
}
.sandalwood-plant:hover {
	transform: scale(1.1); /* zoom in by 10% */
  }
  
  .sandalwood-bg {
    background: linear-gradient(to top, #b99c7f 10%, #986d46 100%);
  }
  .sandal-bgcl{
      background: linear-gradient(to top, #9e754f 10% 40%, #b99c7f 100%);
  }
.merged-sections {
    overflow: hidden;
}

.saffron2 {
    background-color: #e3d6e6;
    position: relative;
    z-index: 2;
}

.saffron {
    background: linear-gradient(to top, #ffffff 30%, #e3d6e6 100%);
}
.saffron-pattern {
    position: absolute;
    height: 360px;
    width: 360px;
    bottom: 0;
    right: -20px;
	animation: blink 6s infinite;
}

@keyframes blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
  }

.bg-lion {
	position: relative;
	z-index: 1;
    overflow: hidden;	
}

.bg-lion:before {
	position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: -1;
    background: url(../img/sunset-bg.webp) center center / cover no-repeat;
}
.african-lion {
    background: linear-gradient(to top, #fbfbfbcf 80%, #eed4efb5 100%);
}

/* .african-lion {
    background: linear-gradient(to top, #fbfbfbcf 80%, #eed4efb5 100%);
} */

.bg-shivom {
    background: #af9c8e;
	position: relative;
	z-index: 1;
    overflow: hidden;
}

.bg-shivom :before{
	position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.1;
    z-index: -1;
    background: url(../img/shivom-background-imge.webp) center center / cover no-repeat;
}


.shivom {
	background: linear-gradient(to top, #af9c8e 80%, #afa195 100%);
}

.shiv-shakti {
    position: absolute;
    height: auto;
    width: 31%;
    bottom: 0;
    right: -5%;
    opacity: 0.1;
    z-index: 1;
}
/*@keyframes dance {
	0%, 100% {
	  transform: translateY(0) rotate(0deg);
	}
	25% {
	  transform: translateY(-10px) rotate(-2deg);
	}
	50% {
	  transform: translateY(0) rotate(0deg);
	}
	75% {
	  transform: translateY(-10px) rotate(2deg);
	}
  }*/

  .background-shade {
	/* background: radial-gradient(circle at center, #3c003f, #0c0015); */
	background-size: cover;
    border-radius: 20px;
    box-shadow: 0 0 150px rgba(255, 0, 128, 0.2);
    position: relative;
    overflow: hidden;
  }
  
  .hero::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url('../img/star-saffron-bg.gif');
	opacity: 0.1;
	pointer-events: none;
  }

  .hero {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 40px 0;
	background: linear-gradient(to right, #090814, #331745);
  }

  .hero-sandalwood{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 40px 0;
	background: linear-gradient(to right, #e5a736, #ba6514);
  }
  .hero img {
	  padding-top: 30px;
	width: 38%;
	border-radius: 20px;
  }

  .hero-text {
	max-width: 36%;
  }

  .hero-text h1 {
	  font-size: 70px;
  padding-bottom: 30px;
  line-height: 1.2em;
	color: #fff;
  }

  .hero-text p {
	margin: 20px 0;
	line-height: 1.6;
  }

  .about-section {
	padding: 80px 40px;
	    background: linear-gradient(to top, #ceadd9 50%, #c9cccf 100%);
  }
.saffron-bgcol {
  background: linear-gradient(to top, #d9d5df 20%, #ceadd9 100%);
}
  .about-section h2 {
	color: #ff4c4c;
	margin-bottom: 20px;
  }

  .about-section p {
	max-width: 700px;
	line-height: 1.6;
  }

  .egyptian {
	background: url(../img/egyptianmusk-background-body.webp);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
  }

  .egypt-king {
    position: absolute;
    height: auto;
    width: 28%;
    bottom: 0;
    right: -5%;
    opacity: 0.1;
    z-index: 1;
	transition: transform 0.3s ease;
}

.egypt-king:hover {
	transform: scale(1.1); /* zoom in by 10% */
  }


  .text-pink {
color: #b97480;
  }

.bg-pink {
    background: #d8cbd0c7;
}
  .flora-sketch {
	position: absolute;
    bottom: 0;
    right: -117px;
    opacity: 0.4;
    width: 595px;
  }
.bubble{
position: absolute;
    bottom: 80px;
    left: 0;
    opacity: 0.4;
    width: 595px;
}
  .flora-flower {
	position: absolute;
	top: 0;
	left:0;
	opacity: 0.1;
  }
.lion-cl{
background: linear-gradient(to top, #613f02c4 10%, #7b4c0c 100%);
}

.lion-clr{background: linear-gradient(to top, #7d5012 40%, #856b3c 100%);
}

.persian-bgcol {
background: linear-gradient(to top, #2f3d71 10%, #728ba5 100%);
}
 
 .persian-bg {
background: linear-gradient(to top, #7992a7 10%, #2f3d71 100%);
}
 
  /*.sahar-bg::before {
	position: absolute;
    content: "";
    left: 0px;
    top:62px;
    height: 100%;
    width: 100%;
    background: url(../img/white-wavew.webp) center center / cover no-repeat;
  }*/
  .sahar-bg {
    background: linear-gradient(to top, #683f21 50%, #70482c 100%);
  }
  
  .sahar-bgcol {
  background: linear-gradient(to top, #825638 50%, #683f21 100%);
  }
  .oud-light {
	position: absolute;
	top: 0;
	left: 0;
	width:400px;
	height: 700px;
	opacity: 0.2;
}

.oud-light {
	position: absolute;
	top: 0;
	left: 0;
	width:400px;
	height: 700px;
	opacity: 0.2;
}

.smoke-gif {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	opacity: 0.1;
}

.Eye-bg{
 background: linear-gradient(to top, #1e2c48 10%, #819ec2 100%);
}
.eye-bgcl {
    background: linear-gradient(to top, #4b617c 0%, #1e2c48 100%);
	}
.coco-plant {
	position: absolute;
	top: 86%;
    width: 510px;
}

.coco-bg {
	position: absolute;
	top: 90px;
	right: 0;
    width: 510px;
	  transform: scaleX(-1);
}

.camel {
	position: absolute;
	bottom: -28px;
	right: 0;
    width: 300px;
	transform: scaleX(-1);
}

.w-30 {
	width: 25%;
}

  @media screen and (max-width: 768px) {
	.hero {
	  flex-direction: column;
	  text-align: center;
	}
	.hero img, .hero-text {
	  max-width: 100%;
	}
  }

 /* contact us */
.pq-section-title.pq-style-1 .pq-section-main-title {
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    z-index: 9;
    color: #2c2c2c;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    text-transform: capitalize;
}

.pq-icon-box.pq-style-3 {
    display: flex
;
}

.pq-icon-box.pq-style-3 .pq-icon i {
    font-size: 18px;
	padding-right: 17px;
    color: #ffc131;
}
.pq-icon i {
    font-size: 50px;
    line-height: 1;
    color: #ffc131;
    display: inline-block;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

.pq-my-15 {
    margin: 25px 0;
}
.divider {
    border-top: 1px solid #0000001a;
    position: relative;
}

input, input.form-control {
    background: #f6f4f5;
    border: 1px solid #f6f4f5;
    color:#363636;
    width: 100%;
    float: none;
    font-size: 16px;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 30px;
}

textarea {
    background: #f6f4f5;
    border: 1px solid #f6f4f5;
    color: #363636;
    width: 100%;
    float: none;
    padding: 10px 15px;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    height: 100px;
    margin-bottom: 30px;
}

.contact-btn {
    background: #e6af5d;
    border: 1px solid var(--grey-color);
    color: #fff;
    float: none;
    font-size: 14px;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    outline: none;
    border-radius: 0;
    margin-bottom: 30px;
}

.pq-icon-box-content h6 {
	color: #2b2a2a;
	font-size: 20px;
}

.circle {
	position: absolute;
	width: 150px;
	height: 150px;
	background-color: #f7ffdd;
	border-radius: 50%;
}
.smoke {
	content: "";
	position: absolute;
	background: url('../img/smoke-white-bg.webp');
	width: 100%;
	z-index: 9;
}

.leaf {
	background-color: #d1ddbd;
}
.bg-leaf {
	background: linear-gradient(to top, #a6c58a 60%, #d1ddbd 100%)
}

.leaf-pattern {
	position: absolute;
	width: 400px;
	bottom: 0;
	left: -90px;
	transform: rotate(50deg);
}

.leaf-pattern2 {
	position: absolute;
	width: 400px;
	bottom:0;
	right: -70px;
	transform: rotate(290deg);
}

.product-bg:before {
	position: absolute;
	    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
	background: linear-gradient(to right, #ff980057, #fffae1);
  /* background: url(/wp-content/uploads/2025/06/smoke-home.jpg) center center / cover no-repeat;*/
}

.bg-cl {
background: #fff9e4;
}

.sahar {
    background: url(/wp-content/themes/tecobytes/img/sahar-desert-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
} 

/* Blog page set up */
.wp-block-group {
    margin-bottom: 40px;
    background: #f0f8ff;
    padding: 10px 19px;
    border-radius: 6px;
}
.wp-block-heading {
    color: #0d6efd;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 600;
    background: #f7f8fc;
    padding: 10px 20px;
    margin-top: 0;
    margin-bottom: 20px;
    text-decoration: none;
    border-bottom: 1px solid #6fb7631a;
    border-top: 1px solid #6fb7631a;
}
.widget-area ul {
    padding-left: 10px;
    list-style: circle;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
    color: #000 !important;
}