/*-------------------------- 
	Default
--------------------------*/


:root {
  --main_color: #F6AC00;
}

.section-title i {
  color: var(--main_color);
}
#scrollUp {
  background-color: var(--main_color);
}
.object{
  background-color: var(--main_color);
}
.pagination ul li a:hover {
  border-color: var(--main_color);
  color: var(--main_color);
}
.pagination ul li.active a, .pagination ul li.active a:hover {
  background-color: var(--main_color);
  border-color: var(--main_color);
}
blockquote {
  border-color: var(--main_color);
}
.sub-title::before {
  background-color: var(--main_color);
}
/*-------------------------- 
	Button
--------------------------*/
.btn.color {
  background-color: var(--main_color);
  border-color: var(--main_color);
}
.btn.color.transparent {
  color: var(--main_color);
}
.btn.color:hover {
  color: var(--main_color);
}
.btn.hover-color:hover {
  background-color: var(--main_color);
  border-color: var(--main_color);
}
/*-------------------------- 
	Form Style
--------------------------*/
.form .input input:focus, .form .input textarea:focus {
  border-color: var(--main_color);
}
.form .input input[type="submit"] {
  background-color: var(--main_color);
  border-color:  var(--main_color);
}
.form .input input[type="submit"]:hover {
  color: var(--main_color);
}
/*-------------------------- 
	Toggles & Accordions Style
--------------------------*/
.panel-title a {
  background: rgba(0, 0, 0, 0) url("../../img/shape/collapse/collapse.png") no-repeat scroll left 16px center;
}
.panel-title a[aria-expanded="true"] {
  background-color: var(--main_color);
  background-image: url("../../img/shape/collapse/collapse-active.png");
}
.panel-body {
  border-color:  var(--main_color) !important;
}
/*-------------------------- 
	Tabs Style
--------------------------*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: var(--main_color);
}
.tab-content > .tab-pane > .tab-body {
  border-color:  var(--main_color);
}
/*-------------------------- 
	Progress Bar Style
--------------------------*/
.progress-bar {
  background-color: var(--main_color);
}
/*-------------------------- 
	Header Style
--------------------------*/
.main-menu nav > ul > li.active > a {
  color: var(--main_color);
}
.main-menu nav > ul > li.active > a::before, .main-menu nav > ul > li.active > a::after {
  background-color: var(--main_color);
}
.main-menu nav > ul li ul li:hover > a {
  color: var(--main_color);
}
.menu-style-6 nav > ul > li.active > a, .menu-style-6 nav > ul > li:hover > a {
  background-color: var(--main_color);
}
.menu-style-7 nav > ul > li.active > a, .menu-style-7 nav > ul > li.active:hover > a {
  border-color: var(--main_color);
  color: var(--main_color);
}
.mean-container .mean-nav ul li a:hover {
  color: var(--main_color);
}
/*-------------------------- 
	Hero Style
--------------------------*/
.nivo-controlNav a.active {
  background-color: var(--main_color);
}
.nivo-directionNav a:hover {
  color: var(--main_color);
}
.hero-slide-content h1 span {
  color: var(--main_color);
}
.find-course-form h5 i {
  color: var(--main_color);
}
.bootstrap-select ul li.selected a, .bootstrap-select ul li a:hover {
  color: var(--main_color);
}
.find-course-form form .course-submit input {
  background-color: var(--main_color);
}
/*-------------------------- 
	1. Page Banner Title Area
--------------------------*/
.page-banner ul li a:hover {
  color: var(--main_color);
}
/*-------------------------- 
	2. Feature Area
--------------------------*/
.single-feature .icon i {
  color: var(--main_color);
}
/*-------------------------- 
	3. Course Area
--------------------------*/
.course-item i {
  color: var(--main_color);
}
.course-item h4::before {
  background-color: var(--main_color);
}
/* Course Hover */
.course-item:hover {
  background-image: url("../../img/shape/course/course-color.png");
}
/*--------------------------
	4. Video Area
--------------------------*/
.video-content a:hover {
  color: var(--main_color);
}
/*--------------------------
	5. Instructor Area
--------------------------*/
.instructor-social a:hover {
  background-color: var(--main_color);
  border-color: var(--main_color);
}
/*--------------------------
	7. Call To Action Area
--------------------------*/
.cta-area {
  background-color: var(--main_color);
}
/*--------------------------
	8. Contact Area
--------------------------*/
.contact-info .single-info .icon {
  background-color: var(--main_color);
}
.contact-info .single-info .content p a:hover {
  color: var(--main_color);
}
/*-------------------------- 
	Gallery Style
--------------------------*/
.gallery-filter button.active {
  color: var(--main_color);
}
.gallery-filter button.active::before, .gallery-filter button.active::after {
  background-color: var(--main_color);
}
.gallery-image::before {
  background-color: var(--main_color);
}
/*-------------------------- 
	Testimonial Style
--------------------------*/
.ti-slider::before {
  background-color: var(--main_color);
}
.ti-slider .single-slide.slick-center .image {
  border-color:  var(--main_color);
}
.ts-arrows:hover {
  color: var(--main_color);
}
/*-------------------------- 
	Pricing Style
--------------------------*/
.single-pricing:hover .pricing-head, .active .pricing-head {
  background-color: var(--main_color);
}
.single-pricing:hover .pricing-price, .active .pricing-price {
  background-image: url("../../img/shape/pricing/price-border-color.png");
}
.single-pricing:hover .pricing-action, .active .pricing-action {
  background-color: var(--main_color);
}
.single-pricing:hover .pricing-action:hover {
  color: var(--main_color);
}
/*-------------------------- 
	Blog Style
--------------------------*/
.blog-item .image::before {
  background-color: var(--main_color);
}
.blog-item .meta p a:hover, .blog-item .meta p a:hover i {
  color: var(--main_color);
}
.blog-item .title a:hover {
  color: var(--main_color);
}
.blog-meta p a i {
  color: var(--main_color);
}
.blog-meta p a:hover, .blog-meta p a:hover i {
  color: var(--main_color);
}
.blog-tag-share {
  border-color:  var(--main_color);
}
.blog-tags a:hover {
  color: var(--main_color);
}
.blog-share a:hover {
  color: var(--main_color);
}
.single-comment .content a i {
  color: var(--main_color);
}
.single-comment .content a:hover {
  color: var(--main_color);
}
.sidebar-title {
  border-color:  var(--main_color);
}
.category-sidebar ul li a:hover {
  color: var(--main_color);
}
.latest-blog-sidebar .sin-blog .image::after {
  background-color: var(--main_color);
}
.latest-blog-sidebar .sin-blog .content a:hover {
  color: var(--main_color);
}
.tags-sidebar a:hover {
  border-color: var(--main_color);
  color: var(--main_color);
}
/*-------------------------- 
	Footer Style
--------------------------*/
.contact-widget a:hover {
  color: var(--main_color);
}
.widget-blog .content a:hover {
  color: var(--main_color);
}
.widget-blog .image::before {
  background-color: var(--main_color);
}
.instagram-item a::after {
  background-color: var(--main_color);
}
.link-widget ul li a:hover {
  color: var(--main_color);
}
.footer-bottom::before {
  background-color: var(--main_color);
}
.footer-3-social a:hover {
  color: var(--main_color);
}
.copyright a:hover {
  color: var(--main_color);
}

.c_yellow{
  color: var(--main_color);
}

.item_box{
  background-color: white;
  padding:5px;
}

.full_width_tbl{
  width:100%;
}

.feature-wrapper{
  margin-top:15px;
}

.img_n_price{
  position: relative;
}

.price_tag{
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--main_color);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  font-size: larger;
}

.round_border{
  border-radius: 20px;
}

.btn_see_more{
  text-align: center;
  margin: 30px 0;
}

.abt_us_home h1,p{
   color:white;
}

.abt_txt{
  background:rgba(0,0,0,0.7);
  padding:15px;
}

.txt_black{
  color:black;
  font-weight: bold;
}

.why_us_txt{
  padding-top: 10%;
}

.item_box_why{
  padding:5px;
  background-color: white;
}

.item_box_why:hover{
  background:rgba(0,0,0,0.7);
}

.item_box_why:hover .txt_black{
  color:var(--main_color);
}

.testi_back{
  background:rgba(0,0,0,0.7);
  padding:15px;
}

.item_box_testi{
  padding:15px;
  background-color: white;
}

.testi_outer_l{
  padding-left:10%;
}

.testi_outer_r{
  padding-right:10%;
}

.testi_text{
  color:black;
}

.testi_user_p{
  margin-top:10px;
}

.testi_icon{
  font-size: x-large;
}

.testi_img{
  padding-top:18%;
}

.item_box_brands{
  padding:60px 5px;
  background-color: white;
}
.item_box_brands h3{
    font-weight: bolder;
}

.link_white{
  color:white;
  margin-bottom:15px;
}

@media (max-width: 768px) {
  .testi_outer_l{
    padding:15px ;
  }

  .testi_outer_r{
    padding:15px;
  }
}

.blog-area p{
  color:black;
}

.price_tag_parts{
    background-color: var(--main_color);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-size: larger;
}

.sell_input{
  color: var(--main_color);
}

.contact-area p{
  color:black;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}



.rebuild_item_td_padding{
  padding-left:7%;
}

.rebuild_item_box{
  background-color: white;
  padding:15px;
  color:var(--main_color);
}

.rebuild_item_box h4, h5{
  color:var(--main_color);
  font-weight: bolder;
}


.rebuild_item_box:hover{
    background:rgba(0,0,0,0.7);
}

.highlight{
  color:var(--main_color);
}

/*.item_box_why:hover .txt_black{*/
    /*color:var(--main_color);*/
/*}*/