/* ============================================================================

Theme Name: Rodx Sports
Theme URI: www.dynamicxperts.com
Description: A premium wordpress template.
Version: 1.0
Author: Saad ali Tariq
Author URI: mailto:dynamicexperts@gmail.com

============================================================================= */

@media (max-width: 767px) {
  .mobile-nav__btn {
 
    display: none;
  }
}
@media (max-width: 575px) {
  .main-header--two .main-header__nav {
    margin-right: 10px;
  }
}

.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "") !important;
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}


.leftmenu{ width:100%; }
.leftmenuhead .fa{ font-size:24px; float:left; display:inline-block; margin:0px 0 0 0px; padding:0 15px 0 0px;}

.leftmenu h4{ font:500 18px 'Oswald', sans-serif; /*background:#ee1d23;*/ text-transform:uppercase; color:#000; margin-bottom: 10px; padding:14px 14px; border-bottom: 3px solid #cccccc;}
.leftmenu ul{ margin:0; padding:0;}
.leftmenu li{ list-style: none;}
.leftmenu li:hover{}
.prdarea{ width:100%;}
.leftmenu .prordfa{ background:#282525; color:#fff; margin:0 0 0 0px; padding:2px 8px 2px 9px; font-size:20px; font-weight:bold; border-radius:24px;}

.proheading{font: 500 18px 'Oswald', sans-serif;

text-transform: uppercase;
color: #000;
margin-bottom: 25px;
padding: 14px 14px;
border-bottom: 3px solid #cccccc;}
.prdarea1 h4{ font:500 18px 'Oswald', sans-serif; background:#9a5f9b; color:#ebebeb; margin:0px 0 0 0px; padding:13px 14px; border-bottom:5px solid #ebebeb; text-transform:uppercase;}
.prdarea1 h4 a{ color:#303030;}

.fa{ padding:0px 0px;}
.prodcuts-details-page{ background-color: #eeeeee; }


.prdarea3{}
.prdarea3 h4{ font:500 18px 'Oswald', sans-serif; background:#ebebeb; color:#303030; margin:0px 0 0 0px; padding:13px 14px; border-bottom:2px solid #373737; text-transform:uppercase;}
.prdarea3 h4 a{ color:#303030;}

.nofound{ color:#fff; padding:15px 0px; width: 100%; }

.gallery_re{margin:0px 0px 10px 0px; padding:0px; float:left; width:100%;}
.gallery_re ul{margin:0px 0px 0px 2px; padding:0px;}
.gallery_re ul li{margin:0px; margin:0px 8px 0px 0px; width:95px; height:80px; list-style:none; float:left; }
.gallery_re ul li img{ height:100%; width:100%;}
.border{border:1px solid #b2b2b2; border-radius: 15px;}
.gallery_re ul li:last-child{ margin:0px;}

.border:hover{border:1px solid #da251d;}

.gallery{ float:left; width:100%;}
.gallery img { width:100%; height:auto; border:1px solid #b2b2b2; border-radius: 15px; margin-bottom:10px;}



.large_right_side{ width:100%;}
.deatial{ text-align:left;  }
.deatial h1{ font-size:17px; color:#fff; background-color:#111111; line-height:30px; font-weight:normal;  margin-bottom:5px; padding:5px 0px 5px 10px;}
.deatial h2{ font-size:14px; color:#fff; font-weight:normal; background-color:#797979; line-height:24px; margin-bottom:5px; padding:0px 0px 0px 10px;}
.deatial h2 span{ color:#fff; font-weight:bold;}
.deatial p{ text-align:justify; color:#454545; font-size:12px; line-height:22px; }


.deatial .cart a{ padding:15px 10px 15px 30px; text-align:center; color:#FFFFFF; font-size:14px; background:url(images/cart.png) no-repeat 38% 18px #393f4f; display:block; margin:20px 0px;}
.deatial .cart a:hover{ background:url(images/cart.png) no-repeat 38% -38px #fc0000;}



.wp-pagenavi a, .wp-pagenavi span{ color:#000; border-radius: 5px; padding: 4px 10px;}
.wp-pagenavi span.current{ color: var(--primary-color); border:solid 1px var(--primary-color)!important;}

.brdcrumb .home{ font:bold 14px arial; color: black;}
.brdcrumb .home:hover{ color: #ffffff; }
.breadcrumbs-link{ color: #ffffff; }
.brdcrumb  .category , .taxonomy {font:bold 14px arial; color: #ffffff;}
.brdcrumb  .category:hover , .taxonomy:hover{ color: #ffffff; }
/*=========  Checkout-content ========*/
.qty-input{ width: 100%;
	margin-bottom: 5px;
	height: 40px;
	line-height: 40px;
	margin-top:10px;
	border: 1px solid #E2E2E2;
	border-radius: 0px;
	background: #fff;
	box-shadow: none;
	outline: none;
	padding: 0 20px;
	font-size: 14px;
	color: #111111;}
.product-details-box a.add-to-cart, .add-to-cart {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	background: #9a5f9b;
	color:#ffffff;
	padding: 7px 10px;
	text-transform: uppercase;
	border:1px solid transparent;
	border-radius:3px;
	position: relative;
	display: inline-block;
	margin-top:5px;
}

.product-details-box a.add-to-cart i, .add-to-cart i {
	padding-left: 33px;
	color: #734774;
	font-size: 1.25em;
	vertical-align: middle;
}
.product-details-box a.add-to-cart:before, .add-to-cart:before  {
	content: '';
	width:1px;
	height:35px;
	background: #8b568c;
	position: absolute;
	right: 39px;
	top: 3px;
}
.product-details-box a.add-to-cart:after, .add-to-cart:after {
	content: '';
	width:1px;
	height:35px;
	background: #8b568c;
	position: absolute;
	right: 40px;
	top: 3px;
}
.product-details-box a.add-to-cart:hover, .add-to-cart:hover,  .product-details-box a.add-to-cart:hover i, .add-to-cart:hover i,  .product-details-page-content .shop-page-content .meta a:hover {
	color:#fff;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#checkout-content {
	padding: 98px 0 130px;
}
#checkout-content .row {
	width:100%;
	margin:0 auto;
}
#checkout-content .return-customer {
	background: #F9F9F9;
	border: 1px solid #EBEBEB;
	padding: 21px 30px;
	margin-bottom: 28px;
}
#checkout-content .return-customer p {
	margin-bottom: 0;
	font-size: 14px;
	color: #8e8e8e;
	line-height: 26px;
	letter-spacing: .02em;
}
#checkout-content .return-customer a {
	color: #fe5454;
	letter-spacing: .02em;
}
#checkout-content .section-title h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 1.625em;
	color:#323232;
	text-transform: capitalize;
	position: relative;
	padding-bottom:13px;
	margin-bottom: 43px;
}
#checkout-content .section-title h2:before {
	content: '';
	width:45px;
	height:3px;
	background: #f6921f;
	position: absolute;
	bottom:0;
	left:0;
}
#checkout-content .section-title h2.left_before_fix {
	letter-spacing: 0px;
	margin-bottom: 45px;
}
#checkout-content .section-title h2.left_before_fix:before {
	left:38px;
}
#checkout-content label,  #checkout-content input[type="text"] {
	display: block;
}
#checkout-content label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #8e8d8d;
	margin-bottom: 5px;
}
 #checkout-content input[type="text"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */
 color: #C6C6C6;
}
 #checkout-content input[type="text"]:-moz-placeholder { /* Firefox 18- */
 color: #C6C6C6;
}
 #checkout-content input[type="text"]::-moz-placeholder { /* Firefox 19+ */
 color: #C6C6C6;
}
 #checkout-content input[type="text"]:-ms-input-placeholder { /* IE 10+ */
 color: #C6C6C6;
}
 #checkout-content input[type="text"]::-ms-input-placeholder { /* Edge */
 color: #C6C6C6;
}
 #checkout-content input[type="text"]:placeholder-shown { /* Standard one last! */
 color: #C6C6C6;
}
#checkout-content input[type="text"],  #checkout-content .left-checkout button {
	width: 100%;
	margin-bottom: 10px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #E2E2E2;
	border-radius: 0px;
	background: #fff;
	box-shadow: none;
	outline: none;
	padding: 0 20px;
	font-size: 14px;
	color: #C6C6C6;
}
#checkout-content .left-checkout button {
	text-align: left;
	color: #8e8d8d;
	padding-right:10px;
	margin-bottom:0;
}
#checkout-content .left-checkout ul.dropdown-menu {
	width:100%;
	margin:0;
}
#checkout-content .left-checkout ul.dropdown-menu li {
	padding:10px;
	color: #8e8d8d;
	cursor:pointer;
}
#checkout-content .left-checkout button .fa {
	float:right;
	padding-top:12px;
}
#checkout-content input[type="text"]:last-child {
	margin-bottom: 0;
}
#checkout-content .left-checkout > .row {
	margin-bottom: 20px;
}
#checkout-content .select-box {
	padding: 0;
	margin: 0;
	border: 1px solid #E2E2E2;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	background: #fff url(../img/cart/select-box-bg.png) no-repeat 95% 50%;
}
#checkout-content .select-box select {
	padding: 5px 8px;
	width: 130%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#checkout-content .select-box select:focus {
	outline: none;
}
#checkout-content .row span {
	font-size: 1em;
	font-weight: 500;
	color: #fe5454;
}
#checkout-content .row span.create_account {
	color:#8e8d8d;
	font-size: 0.875em;
	text-transform: capitalize;
}
#checkout-content input[type="checkbox"] {
	margin: 0;
	vertical-align: middle;
	margin-right: 15px;
}
#checkout-content textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #E2E2E2;
	padding: 10px 20px;
	outline: none;
}
#checkout-content .ship-different {
	margin-top: 75px;
}
#checkout-content .order-box {
	border: 1px solid #D9D9D9;
	padding:21px 14px 26px 30px;
	background: #fdfdfd;
}
#checkout-content .order-box ul li {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	display: block;
	color: #8E8D8D;
	font-size: 14px;
	line-height: 43px;
	text-transform: uppercase;
}
#checkout-content .order-box ul li.total {
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	margin-top: 10px;
	margin-bottom: 19px;
}
#checkout-content .order-box ul li span {
	float: right;
	display: inline-block;
	color:#8e8d8d;
}
#checkout-content .order-box ul li span.bold {
	font-size: 18px;
	color: #010101;
}
#checkout-content .order-box ul li a span {
	color: #e81d23;
	text-transform: none;
}
#checkout-content .order-box ul li input[type="radio"] {
	margin-right: 10px;
}
#checkout-content .order-box ul li .note {
	font-family: 'Raleway', sans-serif;
	background: #ECECEC;
	padding: 15px 30px;
	color: #8e8d8d;
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	text-transform: none;
	margin-top: 12px;
	margin-bottom: 14px;
}
#checkout-content .order-box ul li .note .fa {
	font-size: 35px;
	position: absolute;
	top: -23px;
	left: 25px;
	color: #ECECEC;
}
#checkout-content .order-box ul li a.place-order {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #282f39;
	display: inline-block;
	background: #f6ba18;
	position: relative;
	line-height: 40px;
	padding-left: 35px;
	border-radius: 3px;
	margin-bottom: 27px;
	padding-right: 9px;
	font-size: 14px;
	margin-top: 40px;
}
#checkout-content .order-box ul li a.place-order i {
	padding-left: 15px;
	font-size: 1.25em;
	padding-right: 7px;
	vertical-align: middle;
	border-left: 1px solid #ffcd47;
	position: relative;
	margin-left: 30px;
	font-size: 14px;
	line-height: 28px;
}
#checkout-content .order-box ul li a.place-order i:after {
	content: '';
	width:1px;
	height:100%;
	background: #d7a41b;
	position: absolute;
	left: -2px;
	top: 0;
}
#checkout-content .order-box ul li a.place-order:hover,  #checkout-content .order-box ul li a.place-order:hover i {
	color:#fff;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}


.proceed-to-checkout input{text-decoration: none; font-family: 'Oswald', sans-serif; font-size:15px; font-weight:500; color: #fff; background: #d91101; padding: 15px 65px; display: inline-block; text-transform:uppercase; border: 0px; margin-top: 10px;}
.proceed-to-checkout input:hover{background: #000000;}


/* contact pages start*/

.Submit-btn{padding:10px 10px; 
	text-align:center; 
	color:#FFFFFF; 
	font-size:12px; 
	background:#ed3d00; 
	display:block; 
	margin:20px 0px;
	border: 0px;
	text-transform:uppercase;}
.Submit-btn:hover{background:#111111; }
.contactbx{border: 1px #e5e5e5 solid; list-style:none;}
.contactbx ul {margin:0px; padding:0px; list-style: none}
.contactbx ul li{border-bottom: 1px #e5e5e5 solid;}
.contactbx ul li:last-child{border-bottom:0;}
.contactbx ul li span{border-right: 1px #e5e5e5 solid;font-size: 20px; color: #ea2c33;width: 50px;height: 50px;text-align: center;line-height: 50px;}
.backk2{ background:#323030; padding:0 0 54px 10px;}
.contactbxm{ -webkit-box-shadow: -1px 2px 23px 1px rgba(0,0,0,0.62);
-moz-box-shadow: -1px 2px 23px 1px rgba(0,0,0,0.62);
box-shadow: -1px 2px 23px 1px rgba(0,0,0,0.62);}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ clear:both;}
.form_name{   width: 100%; height: 50px; border: none; border: 2px solid #d0d0d0; padding: 10px;  margin: 8px 0px 8px 0px; font-family:Arial, Helvetica, sans-serif;}
.form_textarea{  width: 100%;  border: none; border: 2px solid #d0d0d0; padding: 10px;  margin: 8px 0px 8px 0px; font-family:Arial, Helvetica, sans-serif;}
.submit{font-family: Poppins-Medium; font-size:13px; color:#fff; padding:10px 30px; border:0px; text-decoration:none; background:#111111; transition: 0.5s all; text-transform:uppercase;}
.submit:hover{color:#fff; background:#f6921f;}
.about-section ol{ width: 100%; }


.whatsapp-btn{ background:#25d366 !important; text-transform: uppercase; }
.whatsapp-btn:hover{color:#000;  }

.dropdown-toggle::after {

	display: none;
  }




.service-sidebar__nav li a {
  display: block;
  padding: 16px 40px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--wallox-text-dark, #2E2A20);
  background: var(--wallox-white, #fff);
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
  letter-spacing: -0.9px;
  border-radius: 6px;
}
.service-sidebar__nav li a::after {
  content: "";
  width: 4px;
  position: absolute;
  top: 24px;
  left: -0.0001px;
  bottom: 24px;
  background: var(--wallox-text-dark, #2E2A20);
  transition: all 0.2s ease;
}
.service-sidebar__nav li a::before {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wallox-base, #DF9E42);
  z-index: -1;
  transform: translateX(-100%);
  transition-duration: 0.4s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .service-sidebar__nav li a {
    padding: 16px 20px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .service-sidebar__nav li a {
    padding: 16px 20px;
    font-size: 18px;
  }
}



.neet-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	background-color: var(--wallox-text-dark, #2E2A20);
	color: #fff;
	font-family: var(--wallox-font, "Plus Jakarta Sans", sans-serif);
	padding: 15px 24px;
	transition: 500ms;
	background-color: var(--wallox-text-dark, #2E2A20);
	color: #fff;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.25;
	text-transform: capitalize;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 100%;
	margin: 10px 0px;
  }
  .neet-btn:hover {
	color: var(--wallox-text-dark, #2E2A20);
	background-color: #DF9E42;
  }
  .neet-btn::before {
	content: "";
	background-color: var(--wallox-base, #DF9E42);
	border-radius: 100px;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%, 0) rotate(10deg);
	transform-origin: top left;
	transition: 0.2s transform ease-out;
	will-change: transform;
	z-index: -1;
  }
  