@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

/*==================== Click Top ====================*/
.scroll-top {
position: fixed;
bottom: max(3vw, 18px);
right: max(3vw, 18px);
z-index: 99;
display: none;
cursor: pointer;
border-radius: 50%;
}
.scroll-top i {
width:45px;
height:45px;
text-align: center;
line-height: 45px;
color:#fff;
font-size: 23px;
display: block;
background-color: #337ab7;
border: none;
border-radius: 50%;
opacity: 0.7;
transition: ease 0.2s opacity;
}
.scroll-top:hover i, .scroll-top:active i {
opacity: 1;
}

/*______________________ icons ___________________*/
@font-face {
  font-family: 'kurstaxi';
  src: url('../fonts/kurstaxi.eot?23934860');
  src: url('../fonts/kurstaxi.eot?23934860#iefix') format('embedded-opentype'),
       url('../fonts/kurstaxi.woff2?23934860') format('woff2'),
       url('../fonts/kurstaxi.woff?23934860') format('woff'),
       url('../fonts/kurstaxi.ttf?23934860') format('truetype'),
       url('../fonts/kurstaxi.svg?23934860#kurstaxi') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="t-icon-"]:before, [class*=" t-icon-"]:before {
  font-family: "kurstaxi";
  font-style: normal;
  font-weight: normal;
  speak: never;
}
.t-icon-arrow:before { content: '\e800'; } /* '' */
.t-icon-arrow-down:before { content: '\e801'; } /* '' */
.t-icon-arrow-top:before { content: '\e802'; } /* '' */
.t-icon-clock:before { content: '\e803'; } /* '' */
.t-icon-location:before { content: '\e804'; } /* '' */
.t-icon-mail:before { content: '\e805'; } /* '' */
.t-icon-phone:before { content: '\e806'; } /* '' */
* {
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
font-weight: normal;
color:#6c6c6c;
font-size: 16px;
position: relative;
margin: 0;
}
body .main-page-wrapper {
overflow-x:hidden;
position: relative;
}
.container {
	width: 100%;
	max-width: 1300px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}
@media(max-width: 767px){
.container { 
padding:0;
}
}
.container:before, .container:after {
  content:'';
  display: table;
  width: 100%;
}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0; line-height: 1.4;}
h1,h2,h3,h4,h5,h6 {color:#262626;}
h1 {font-size: 28px; font-weight: 700; font-family: 'Inter', sans-serif; margin-bottom: 8px;}
h2 {font-size: 24px; font-weight: 600; font-family: 'Inter', sans-serif; text-transform: uppercase;}
h3 {font-size: 22px; font-weight: 500; font-family: 'Inter', sans-serif;}
h4 {font-size: 18px;font-weight: normal;}
h5 {font-size: 16px;font-weight: normal;}
h6 {font-size: 14px;font-weight: normal;}
p {line-height: 1.4; font-weight: 400; margin-bottom: 4px;}
ul {list-style-type: none;}
a {color: #337ab7;text-decoration: none; display: inline-block;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
a:hover {color:#0059a5;}
img {max-width: 100%; display: block;}

ul {
    list-style-type: disc;
    padding-left: 20px;
}

.title {
	text-align: center;
}
@media(min-width: 768px){
.title {
    margin: 40px 16px;
}
}
@media(max-width: 767px){
.title {
    margin: 28px 16px 16px;
}
}

/*============================ Header Style One ======================*/

.back-image {
position:relative;
height: 400px;
background: url(../images/road.jpg);
background-position: 50%;
max-height: 40vh;
}


header i[class^="t-icon-"]:before {
font-size: 20px;
position: absolute;
top:0;
left:0;
}
header .single-content {
    position: relative;
    max-width: 100%;
}

.new-header {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 16px;
}
.new-header1 {
    margin-right: auto;
    align-self: center;
}
.new-header1 img {
    max-width: 50vw;
}
@media(max-width: 850px) {
.new-header1 {
    flex: 100% 1 0;
}
header .single-content {
padding: 0;
}
header i[class^="t-icon-"]:before {
    display: none;
}
}
.new-header2 {
    flex: auto 0 0;
}
.new-header3 {
    flex: auto 0 0;
}
@media(min-width: 851px) {
.new-header {
padding: 28px 0;
}
header .single-content {
padding-left: 32px;	
}
header .single-content {
font-size: 18px;
font-weight: 500;
}
header i[class^="t-icon-"]:before {
font-size: 26px;	
}
}

/*service rates*/

.service-rates {
    background-color: #f7f7f7;
    padding: 32px 0;
}
.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(280px, calc((100% - 40px))/3), 1fr));
    gap: 20px;
}

.service-item {
    box-shadow: 0px 4px 12px rgba(34, 10, 51, 0.15);
    background-color: #ffffff;
    border-radius: 9px;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
	position:relative;
}
.service-item:hover {
    box-shadow: 0px 4px 12px rgba(34, 10, 51, 0.3);
}
.service-label {
	position: absolute;
	right: 0;
	top: 0;
	background: #337ab7;
	color: #fff;
	font-size: 13px;
	padding: 4px 12px;
	border-radius: 0 9px;
	opacity: 0.7;
}
.service-prices {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #000;
    font-size: 28px;
}
.service-subtitle {
    color: #6c6c6c;
    font-size: 14px;
}
.service-list {
    font-size: 14px;
}
.service-list ul {
    margin: 12px 0;
}

/*=================== FAQ =================*/
.faq {
	margin: 40px 0;
}
.t_faq {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    padding: 0 16px;
}	
.t_faq_left, .t_faq_right {
    flex: 270px 1 0;
}
.t_faq_question {
	transition: all .15s linear;
	cursor: pointer;
	display: flex;
	gap: 8px;
}
.csfq_icon {
	flex: 20px 0 0;
}
.t_faq_el:not(.open) .t-icon-toggle:before {
	content: '\e801';
}
.t_faq_el.open .t-icon-toggle:before {
	content: '\e802';
}
.t_faq_question_content {
	font-weight: 600;
	width: 100%;
	color: #333;
}
.t_faq_el:hover .t_faq_question_content, .t_faq_el.open .t_faq_question_content {
	color: #337ab7;
}
.t_faq_question,.t_faq_answer {
	font-size: 18px;
	padding: 12px 0;
}
.t_faq_answer_content {
padding-left: 28px;
}
/*about*/
.about {
    background-color: #f7f7f7;
    padding: 40px 16px;
}
.about-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}
.about-text {
    flex: calc(75% - 16px) 1 0;
}
.about-img {
    flex: 25% 1 0;
    max-width: 300px;
    min-width: 180px;
    margin: 0 auto;
}
.about p {
	padding: 4px;
}
/*========================= Footer ================*/
footer {
background: #3c3c3c;
}
.footer-title {
font-size: 24px;
font-weight: 400;
color:#fff;
margin-bottom: 30px;
}
.footer {
    display: grid;
    grid-template-columns: 280px auto;
    gap: 16px;
    padding: 0 16px;
}
footer .footer-address {
    padding: 36px 0;
}
footer .footer-address-item {
font-size: 18px;
color:#fff;
margin-bottom: 16px;
position: relative;
padding-left: 38px;
}
footer .footer-address .ficon {
position: absolute;
top:0px;
left:0;
font-size: 22px;
}

footer .bottom-footer {
background: #333333;
text-align: center;
padding: 12px 0;
}
footer .bottom-footer p {
color:#fff;
}

canvas {
	position:relative;
	display: block;
	margin: 0 auto;
}
@media(max-width: 930px){
canvas {
display: none;
}
}