/********** Template CSS **********/
:root {
    --primary: #FB5B21;
    --secondary: #BDBDBF;
    --light: #F4F5F8;
    --dark: #222429;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-size: inherit;
    margin-left: 0;
}
body{color:#000000; margin: 0 auto;}

h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.btn {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    transition: .5s;
}

.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 30px;
    height: 30px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.header{background-color: #000; position: relative; top: 0;}
.bg-dark {background-color: #000000 !important;}
.d-lg-block {display:inline-block !important;}
.btn-order-header{background-image: linear-gradient(to bottom, #F9B007, #F83108) !important; border: hidden; border-radius:25px; font-size: 20px;     text-shadow: 0 1px 1px #000000;}

/*-------------------Banner Section Starts------------------------*/
.banner{background: linear-gradient(rgb(3 3 4 / 68%)), url(../img/Banner-images.webp) no-repeat center; background-size: cover; position: relative; width:100%; height:850px;}
.banner .headings-position{position: relative; right:60px; padding-top:48px;}
.banner .price{}
.banner .price .left{background-image: linear-gradient(to top, #FD3D01, #FDF500); color:#ffffff; border:solid 1px #ffff00;   border-radius:20px 0 0 20px; font-size:33px; line-height: 40px; font-weight: 700; text-shadow: 0 2px 3px #000; padding-top:10px;}
.banner .product{padding-top:48px;}
.banner .price .right{background-image: linear-gradient(to bottom, #FDF500, #FF9204); color:#000000; border:solid 1px #ffff00;   border-radius:0px 20px 20px 0;    }
.banner .price .right .top{text-decoration: line-through; font-size:20px; line-height: 40px; font-weight: 700; display:inline-flex;}
.banner .price .right .bottom{font-size:50px; line-height: 40px; font-weight: 700;     font-family: 'Oswald', sans-serif;
}
.price .right .top::before {
    content: "\20B9 ";
	padding-right:2px;
	text-decoration: line-through;
	}
.price .right .bottom::before {
    content: "\20B9 ";
	padding-right:2px;
	font-size: 30px;
	text-decoration: line-through;
}
.banner .tagline{font-size:61px; color: white; }
.banner .tagline span {font-size:100px; color:#FFFF00;}
.banner .tagline div{font-size:30px; color:#FFFF00; display:block; white-space: nowrap;}
.banner .subtagline{text-align: right;}
.banner .icons{text-align: right;}
.banner .headings-position h2{color:#ffffff; text-align: right;}
.banner .headings-position h2 span{color:#ffff00; font-size:50px; display: block;}

 
/*-------------------Offer Section Starts------------------------*/
.offer-section{background-color:#DFDFDF; border-radius: 10px; display: inline-block; float: right;}
.offer-section .top{background-color: #000000; font-size:20px; color: #ffffff; border-radius: 10px 10px 0 0; text-align: center;}

/*-------------------Product Section Starts------------------------*/
.product-section{background-image: linear-gradient(to bottom, #31221B, #563C30);}
.product-section .size{padding:48px 48px 48px 48px;	}
.product-section h1{font-size:40px; color: #FFCC00;}
.product-section .nav-link{ font-size:30px; font-family: 'Oswald', sans-serif; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #FB5B21;
	border-radius:10px;}
.product-section .tab-content{background-color: #E9E9E9; border-radius:20px 20px 0 0;     box-shadow: 0 12px 8px -5px #32170a;}
.product-section .content-spacing{padding-right:48px; padding-left:48px;}	
.product-section .text-secondary ul {list-style-image: url('../img/check.webp'); color:#000000; font-size: 20px; }
.product-section .text-secondary li{margin-right:40px; padding-bottom: 08px;}
.product-section .text-secondary img{padding-bottom: 48px;}
.addition{font-size:50px; color:#000000; font-weight: 700;}
.btn-order-product{background-image: linear-gradient(to bottom, #7B2A00, #C55500) !important; border: hidden; border-radius:25px; font-size: 20px;}
.btn-order-product:hover{transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}
.product-section .combo-lg{display:flex;}
.product-section .combo-mob{display:none;}

/*-------------------Benefits Product Section Starts------------------------*/
.benefit-section{margin-top:50px;}
.benefit-section .size{padding:48px 48px 48px 48px;	}

.benefit-section h1{font-size:45px; color:#66BB04; display: block; text-align: center;}
.benefit-section h1 span{font-size:45px; color:#FD5C01; display: block; padding-bottom: 70px;}
.benefit-section .bg-light {min-height:332px !important;}
.benefit-section h4{font-size:45px; color:#ffffff; display: block; text-align: center;}
.benefit-section h4 span{font-size:45px; color:#ffff00; display: block; padding-bottom: 70px;}
.benefit-section .discount{font-size:60px; color: #ffff00; display: inline-block;}
.btn-benefit:hover{transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}
/*-------------------Before After Section Starts------------------------*/
.before-section{margin-top:-8px; background-color: antiquewhite;}
.before-section h1{font-size:35px; display: block; line-height: 65px;}
.before-section h1 span{font-size:45px; display: block; color: #000000; font-weight: 700;}

/*-------------------Expert Opinion Section Starts------------------------*/
.opinion-section{}
.opinion-section .size{padding:48px 48px 48px 48px;	}
.opinion-section .bg-dark{min-height:448px;}
.opinion-section h1{font-size:35px; display: block; line-height: 65px;}
.opinion-section h1 span{font-size:45px; display: block; color: #000000; font-weight: 700;}
.opinion-section h3{font-size:20px; color:#ffff00; display: block; line-height: 30px;}
.opinion-section h3 span{font-size:18px; display: block; color: #ffffff; font-weight: 500;}

/*-------------------Footer Section Starts------------------------*/
.footer {
    font-family: "Roboto", sans-serif;
    padding-bottom: 123px;
    overflow: hidden;
 background-repeat: repeat;
	background: url("../img/carbon_fibre.png");
    background-position: center;
    
}
.footer::before {
    position :absolute;
    content: "";
    width: 100%;
    min-height: 724px;
   right: 150px;
   z-index: 1;
   background: url("../img/footer-back-pic.webp") top right no-repeat;
	
    
    
}
.footer_title {
    font-size: 60px;
    color: #ffffff;
    font-weight: 700;
    padding-top: 50px;
    letter-spacing: -1.5px;
    max-width: 620px;
}
.footer_yellow {
    font-size: 34px;
    font-weight: 300;
    color: #ffa800;
    letter-spacing: -0.9px;
    margin-top: 12px;
    max-width: 620px;
}
.form {
    max-width: 50%;
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    background-image: linear-gradient(to top, #fba200, #ff3600);
    background-size: cover;
    text-align: center;
    padding: 40px 40px 45px;
    margin-top: 10px;
	border-radius:10px 10px;
	position: relative;
	z-index: 4;
}
.form .title {
    font-weight: 700;
    color: #ffffff;
    font-size: 28px;
    text-transform: uppercase;
	text-shadow:0 1px 1px #7e4500;
   
}
.form_item, .form label {
    display: block;
    width: 100%;
    font-size: 18px;
}
.form label input, select {
    font-family: "Roboto Condensed", sans-serif;
    padding: 10px 10px;
    width: 100%;
    border: none;
    margin-bottom: 19px;
	border-radius: 5px;
}
.form .top2 {
    background: #f68601;
    height: 50px;
    position: relative;
	padding-top:9px;
	 margin-bottom: 40px;
	border-radius:05px 05px 0 0;
	box-shadow: 0 15px 15px -10px #932e00;
}
.form .top2::before {
    position: absolute;
    width: 0;
    content: "";
    top: 50px;
    margin-bottom: 62px;
    left: 50%;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f68601;
	z-index: 4;
	
}
.form .btn {
    background-image: linear-gradient(to top, #d70000, #ffe700);
    border-radius: 50px;
    max-width: 194px;
    padding: 10px 5px;
    text-align: center;
    font-size: 18px;
    width: 100%;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
	border:solid 1px #f5c000;
	box-shadow: 0 8px 6px -3px #b15800;
  text-transform: uppercase;
    cursor: pointer;
    margin-top: 8px;
    transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s, -ms-transform 0.2s;
}
.form .btn {
    font-size: 24px;
    max-width: 215px;
    margin-top: 29px;
	text-shadow: 0 1px 1px #000000;
}
.form .btn:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

/*-------------------Mobile Bar Bottom Starts------------------------*/
.bottom-mob{background-color: #6c1717; margin:0 auto; padding:10px 0; position: fixed; bottom: 0; width:100%; z-index: 100;}
.bottom-mob h1{font-size: 24px; color:#ffffff; font-family: 'Rubik'; }
.bottom-mob h1 a{font-size: 30px; color:#ffca2c;}
.bottom-mob h1 a:hover{font-size: 32px; color:#ffffff;}


.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 0;
    border-radius: 0;
    z-index: 99;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: 'Oswald', sans-serif;
    margin-right: 30px;
    padding: 40px 0;
    color: var(--light);
    font-size: 17px;
    text-transform: uppercase;
    outline: none;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34, 36, 41, .8);
    z-index: 1;
}

@media (max-width: 576px) {
   
	.d-lg-block {
        display:none !important;
    }
	
/*-------------------Banner Section Starts------------------------*/
.banner{background: linear-gradient(rgb(0 0 0 / 38%)), url(../img/Banner-images2.webp) no-repeat bottom center; background-size: contain;  height:auto; background-color: #000000;}
.banner .tagline div{font-size:26px;}
.banner .subtagline{text-align:left;}
.banner .headings-position{padding-top:20px; text-align: left; right:0;}
.banner .headings-position h2{text-align: center; font-size:46px;}
.banner .headings-position h2 span{color:#ffff00; font-size:50px; display: block;}	
.banner .icons{text-align: left;}
.banner .icons img{ width:33%;}
.banner .price .left{font-size:30px; margin-left:9%; }
.banner .product{padding-top:16px; text-align: center;}	
	
	
/*-------------------Offer Section Starts------------------------*/
.offer-section{ position: relative; right:20%; margin-bottom: 20px;}
/*-------------------Product Section Starts------------------------*/
.product-section .size{padding:0 15px 48px 15px;	}
.product-section h1{font-size:36px;}
.product-section .content-spacing{padding-right:10px; padding-left:10px;}	
.addition{text-align: center;}
.product-section .text-secondary img{padding-bottom: 18px;}
.product-section .combo-lg{display:none;}
.product-section .combo-mob{display:block;}


/*-------------------Benefits Product Section Starts------------------------*/
.benefit-section{margin-top:50px;}
.benefit-section h1{line-height: 56px; font-size: 40px;}
.benefit-section h1 span{font-size:43px;}
.benefit-section .bg-light {min-height:332px !important;}
.benefit-section .discount{font-size:60px; color: #ffff00; display: inline-block;}
.benefits::after {background:url("") top left no-repeat !important;}
.benefits::before{top:200px !important; height: calc(100% - 70px) !important;
}
.benefit-section h4{padding-bottom: 50px; font-size: 34px;}
.benefit-section h4 span{padding-bottom: 20px;}
.benefit-section .size{padding:0 15px 0px 15px;	}

/*-------------------Expert Opinion Section Starts------------------------*/
.opinion-section .size{padding:48px 15px 48px 15px;	}

/*-------------------Footer Section Starts------------------------*/
.footer {padding-bottom: 194px;
}
.footer::before {
    position :absolute;
    content: "";
    width: 100%;
    right: 0px;
   z-index: 1;
   background: none;    
}
.footer_title {
 max-width: 100%;
	position: relative;
	z-index: 4;
	font-size: 46px;
}
.footer_yellow {
    max-width: 100%;
	position: relative;
	z-index: 4;
	font-size: 29px;
}
.form {
    max-width: 100%;
}
.form .top2::before {
   left: 48%;
    }
	/*-------------------Mobile Bar Bottom Starts------------------------*/
.bottom-mob h1{font-size: 24px; color:#ffffff; font-family: 'Rubik'; display: block; }
.bottom-mob h1 a{font-size: 42px; color:#ffca2c; display: block;}
.bottom-mob h1 a:hover{font-size: 42px; color:#ffffff;}	
}
@media (max-width: 376px) {
/*-------------------Banner Section Starts------------------------*/
.banner .tagline{font-size:56px;}
.banner .subtagline{text-align: left;}
.banner .tagline div{font-size:23px; line-height: 35px;}
.banner .icons{text-align: left;}
.banner .icons img{ width:33%;}
.benefit-section h1 span{font-size:36px;}
	.footer {padding-bottom: 92px;}
.footer_title {
 max-width: 100%;
	position: relative;
	z-index: 4;
	font-size: 40px;
}
	.footer_yellow {
    max-width: 100%;
	position: relative;
	z-index: 4;
	font-size: 26px;
}
}
.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

.bg-hero {
    background: linear-gradient(rgba(34, 36, 41, .8), rgba(34, 36, 41, .8)), url(../img/carousel-1.jpg) top center no-repeat;
    background-size: cover;
}

.benefits::after {
    position :absolute;
    content: "";
    width: 100%;
    height: calc(100% - 125px);
    top: 253px;
    left: 0;
	background: #292228;
	background:url("../img/back-pic-benefits.webp") top left no-repeat;
	background-size: contain;
    z-index: -1;
}
.benefits::before {
    position :absolute;
    content: "";
    width: 100%;
    height: calc(100% - 125px);
    top: 253px;
    left: 0;
	background: #292228;
    z-index: -1;
}

.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.2);
}

.team-item .team-overlay {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(34, 36, 41, .9);
    transition: .5s;
    opacity: 0;
}

.team-item:hover .team-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: start;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next{
    position: relative;
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    font-size: 22px;
    border-radius: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}

.testimonial-carousel .owl-item img {
    width: 90px;
    height: 90px;
}

.blog-item img {
    transition: .5s;
}

.blog-item:hover img {
    transform: scale(1.2);
}

@media (min-width: 991.98px) {
    .credit {
        background: var(--primary);
    }
}