/*
Theme Name: Biker Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*-------------------------------------------------------------- 
# Root css 
--------------------------------------------------------------*/
 :root{
    --black:#111827;
    --darkblack:#000;
     --text: #000;
     --white: #FFFFFF;
     --yellow: #F8D247;
     --grey: #E5E7EB;
     --transition: all 0.5s ease-in-out;
}
 body::-webkit-scrollbar {
     width: 6px;
}
 body::-webkit-scrollbar-track {
     background:var(--white);
     border-radius: 8px;
}
 body::-webkit-scrollbar-thumb {
     background:var(--black);
     border-radius: 8px;
}
 a{
     transition: all 0.5s;
}
/*-------------------------------------------------------------- 
# Header css 
--------------------------------------------------------------*/
div#wpadminbar ~  div[data-elementor-type="header"]{
    top: 32px;
}
div[data-elementor-type="header"] {
    position: fixed;
    top: 0px;
    z-index: 99;
    width: 100%;
    left: 0px;
    transition: all 0.3s;
}
div[data-elementor-type="header"].sticky{
    background-color: var(--darkblack) !important;
}
/*--------------------------------------------------------------
 # Home css
--------------------------------------------------------------*/
.hero_slider .owl-dots {
    bottom: 20px !important;
    position: absolute;
    display: flex;
    justify-content: center !important;
    margin: 0px auto !important;
    max-width: fit-content !important;
    left: 50%;
    transform: translateX(-50%);
    grid-gap: 15px;
}
.hero_slider .owl-dots button,.owl-dots button span {
    margin: 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
}
.hero_slider .owl-dots button span {
    background-color: var(--white) !important;
    opacity: 0.5;
}
.hero_slider .owl-dots button.active span {
    opacity: 1 !important;
}
nav.breadcrumbs {
    display: flex;
    justify-content: left;
    font-size: 16px;
    color: var(--white) !important;
    font-family: "Rajdhani", Sans-serif;
    grid-gap: 10px;
    align-items: center;
}
nav.breadcrumbs a,nav.breadcrumbs span {
    color: var(--white) !important;
    font-family: "Rajdhani", Sans-serif;
}
nav.breadcrumbs span {
    color: var(--yellow) !important;
}
.left_box ul {
    padding-left: 20px;
}
.img_contact  .elementor-icon-box-icon{
    display: flex;
    background-color: var(--white) !important;
    padding: 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
	transition:all 0.4s;
}
.img_contact  .elementor-icon-box-icon:hover{
	background-color:var(--yellow) !important;
}
.img_contact .elementor-icon-box-icon:hover *{
	fill:var(--white) !important;
}
.img_contact h3.elementor-icon-box-title *,.img_contact h3.elementor-icon-box-title {
    font-size: 22px !important;
}
.contact_box p {
    margin: 0
}
.contact_box input,.contact_box select,.contact_box textarea {
    border-radius: 0px!important;
    padding: 10px 13px!important;
    border: 1px solid rgba(255,255,255,.0.2) !important;
    outline: unset!important;
    font-weight: 600;
    font-family: 'Rajdhani' !important;
    background-color: transparent;
    color: var(--white);
}
.contact_box select{
	background-image: url(images/down.svg);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: calc(100% - 15px);
	appearance: none;
	padding-right: 40px !important;
}
.contact_box select option{
	color: var(--black);
}
.contact_grid {
    display: flex;
    grid-gap: 15px;
    flex-flow: wrap
}
.contact_box label {
    font-weight: 500;
    margin-bottom: 3px;
    color: var(--white);
}
.contact_grid>div:nth-child(1),.contact_grid>div:nth-child(2) {
    /* width: calc(100%/2 - 8px); */
}
.contact_grid>div {
    width: 100%;
    /* margin: 0px; */
}
.contact_grid>div textarea {
    height: 100px;
    resize: none
}
.contact_grid>div input[type="submit"] {
    font-size: 16px;
    line-height: 26px;
    background-color: var(--yellow);
    color: var(--black);
    border:unset !important;
    min-width: 122px;
    text-align: center;
    transition: all 0.3s;
    padding: 12px 20px!important;
}
.contact_grid>div input[type="submit"]:hover {
    background-color: var(--black);
      color: var(--white);
}
.privacy_sec .privacy_box ul {
    padding-left: 20px;
}
.privacy_sec .privacy_box a {
    color: var(--yellow) !important;
    font-weight: 600;
}
.img_box h3 {
    min-height: 60px;
}
.order_form .contact_box {
    width: calc(100% / 2 - 8px);
}
.order_form .contact_box:nth-last-child(1),.order_form .contact_box:nth-child(3), .order_form .contact_box:nth-last-child(2) {
    width: 100%;
}

.table_inner table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Ridez", Sans-serif
    font-size: 16px;
    color: var(--white);
  }
.table_inner  th,.table_inner td {
    border: 1px solid rgba(255,255,255,.2);
    padding: 10px;
    text-align: left;
    font-size: 16px;
    font-family: "Rajdhani", sans-serif;
  }
 .table_inner th {
	 font-size: 18px;
    background-color: transparent;
  }
 .table_inner tr:nth-child(even) {
    background-color: transparent;
  }
.table_inner  td:last-child, th:last-child {
    /* text-align: right; */
  }
.contact_inner {
    grid-gap: 15px 24px;
    display: flex;
    flex-flow: wrap;
    margin-top: 12px;
}
.contact_inner:nth-last-child(2){
	margin-top:0px;
}
.contact_inner h4 {
    font-size: 20px;
    margin: 0px;
    width: 100%;
}
.contact_inner .contact_box {
    width: calc(100%/4 - 18px) !important;
}
.contact_inner .contact_box input[type="checkbox"] {
    padding: 0px !important;
    margin-left: -10px !important;
    position: relative;
    top: 1px;
}
.contact_inner:nth-last-child(3) .contact_box,.contact_inner:nth-last-child(2) .contact_box {
    width: 100% !important;
}
/*--------------------------------------------------------------
 # Responive css
--------------------------------------------------------------*/
@media(max-width: 1300px){
	.hero_slider .e-con-inner,div[data-elementor-type="header"] .e-con-inner {
	    max-width: 92% !important;
	}
}
@media(max-width: 1024px){
	.hero_slider .e-con-inner,div[data-elementor-type="header"] .e-con-inner {
	    max-width: 100% !important;
	}
}
@media(max-width: 991px){
    .header_menu{
        transform: translateX(100%);
        transition: all 0.6s;
    }
    .header_menu.show{
        transform: translateX(0%);
    }
    .header_menu .cross_icon {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    div[data-elementor-type="header"] nav > ul > li:last-child > a{
        border-bottom: unset;
    }
    .header_menu {
        position: fixed !important;
        width: 100% !important;
        max-width: 281px;
        top: 0px;
        padding: 10px 24px !important;
        height: 100vh !important;
        right: 0px !important;
        background-color: var(--white) !important;
        z-index: 99 !important;
    }
    .header_menu nav > ul {
        display: block !important;
        width: 100% !important;
        margin-top: 42px;
    }
    .header_menu nav > ul * {
        text-align: left !important;
    }
    .header_menu nav > ul > li > a{
        padding: 15px 0px !important;
        width: 100% !important;
        margin: 0px !important;
        justify-content: space-between;
        color: var(--darkblack) !important;
    }
	.contact_inner {
		grid-gap: 15px 12px;
	}
	.contact_inner .contact_box {
		width: calc(100% / 2 - 6px) !important;
	}
	.contact_inner:nth-last-child(2) .contact_box {
		width: 100% !important;
	}
}
@media(max-width: 680px){
	.order_form .contact_box {
		width: 100%;
	}
}