@font-face {
    font-family: 'brevialight';
    src: url('../fonts/Brevia-Light.woff2') format('woff2'),
         url('../fonts/Brevia-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'breviaregular';
    src: url('../fonts/Brevia-Regular.woff2') format('woff2'),
         url('../fonts/Brevia-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'breviamedium';
    src: url('../fonts/Brevia-Medium.woff2') format('woff2'),
         url('../fonts/Brevia-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'breviasemibold';
    src: url('../fonts/Brevia-Semibold.woff2') format('woff2'),
    url('../fonts/Brevia-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'breviablack';
    src: url('../fonts/Brevia-Black.woff2') format('woff2'),
         url('../fonts/Brevia-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Common css */
.title {font-size: 50px;text-align: center;margin-bottom: 50px !important;}
.sub-title {font-size: 25px;margin-bottom: 30px;}
.all-btn{font-size: 20px;background-color: #7dba3f;color: #fff;padding: 8px 34px;text-decoration: none; border: 5px solid #7dba3f;transition: 1s;display: inline-block;position: relative;border-radius: 5px;}
.all-btn:hover{color: #ffffff; /* background-color: #fff0; *//* border: 5px solid #ddd; */box-shadow: 0px 0px 15px -5px #000;border-radius: 0px;}
ul{padding: 0;margin: 0;list-style: none;}
li{list-style: none;}
a{text-decoration: none;}

body, html{overflow-x: hidden;}
/* NavBar CSS */
.navbar-dark .navbar-brand {
    padding: 0;
    position: relative;
}
.navbar-dark .navbar-brand:before {
    content: "";
    position: absolute;
    /* border: 6px solid #ffffff; */
    top: -80px;
    left: -10px;
    right: -150px;
    bottom: -80px;
    border-radius: 50%;
    box-shadow: 3px 3px 40px 30px #dbdbdb00 inset;
}
.navbar-brand img{max-width: 140px;height: auto;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;/* border: 5px solid #9b9b9b; */border-radius: 50%;/* left: -120px; */border: 10px solid;background-image: linear-gradient(45deg, white, white);/* border-image: linear-gradient(45deg, black, black) 1; */transition: 0.5s;}
.navbar-cst nav.navbar {transition: 1s;padding: 0px;background-color: rgb(255 255 255 / 83%);max-width: 80%;margin: auto;margin-top: 30px;}
.navbar-cst ul.navbar-nav {display: flex;align-items: center;}
.navbar-cst nav.navbar.sticky{background-color: #222222;padding: 0px 0px;box-shadow: 0px 0px 20px -5px #000;background-color: rgb(255 255 255);max-width: 1375px;margin-top: 0px;}
/* .navbar-cst .navbar>.container{align-items: flex-start;} */
.navbar-cst nav.navbar.sticky>.container {align-items: center;}
.navbar-cst nav.navbar.sticky img {/* height: 50px; *//* width: auto; */max-width: 110px;margin-top: 5px;border: 0px solid #000;}
.navbar-cst li.nav-item {margin: 0px 12px;}
.navbar-cst li.nav-item a.nav-link {color: #000 !important;padding: 40px 0px;font-weight: 600;}
.navbar-cst li.nav-item a.nav-link.login-btn {border: 1px solid #000;padding: 7px 47px;font-size: 20px;position: relative;overflow: hidden;transition: 0.5s;}
.navbar-cst li.nav-item a.nav-link.login-btn:before {content: "";position: absolute;background-color: #000000;width: 100%;height: 100%;left: -100%;top: 0px;z-index: -1;transition: 0.5s;}
.navbar-cst li.nav-item a.nav-link.login-btn:hover:before {left: 0%;}
.navbar-cst li.nav-item a.nav-link.login-btn:hover {border: 1px solid #7dba3f;color: #fff !important;}
/* Home Banner  */
.home-banner-content {position: absolute;top: 50%;transform: translate(-50%, -50%);left: 70%;}
.home-banner {position: relative;}
.home-banner .owl-item {background-image: url(../img/banner.jpg);position: relative;background-size: cover;/* height: 863px; */background-position: right;}
.home-banner .owl-item:nth-child(odd) {background-image: url(../img/banner2.jpg);}
.home-banner-content h3 {font-size: 50px;color: #fff;font-family: breviablack;font-style: normal;font-weight: 800;}
.home-banner-content h3 span {color: #7dba3f;}
.home-banner-content p {font-size: 25px;color: #fff;}
.home-banner .carousel-caption {z-index: 99;right: unset;left: 15%;bottom: unset;top: 50%;transform: translateY(-50%);}
.home-banner {position: relative;height: 100vh;}
.home-banner .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);font-size: 21px !important;background-color: rgb(0 0 0 / 30%) !important;width: 50px;height: 50px;border-radius: 50%;color: #fff !important;}
.home-banner .owl-nav button.owl-next {right: 3%;}
.home-banner .owl-nav button.owl-prev {left: 3%;}
.form-content {background-color: #fff;width: 478px;height: 489px;border-radius: 5px;padding: 25px;}
.form-content h3 {color: #000;}
.form-content select.form-select {border: none;background-color: #f5f5f5;margin: 21px 0px;padding: 15px 20px;font-size: 20px;color: #00000080;}
.form-select:focus{box-shadow: none;}
.form-content button {display: block;width: 100%;border: none;background-color: #7dba3f;width: 428px;height: 60px;border-radius: 5px;font-size: 20px;color: #fff;}


.home_banner .item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* Top Deal */
.top-deal{padding: 60px 0px;position: relative;}
.top-deal-content {/* text-align: center; */}
.top-deal-content .nav {justify-content: center;}
.top-deal-content .nav-pills .nav-link {background-color: #ffffff;border: 1px solid #e2e2e2;border-radius: 0px;padding: 11px 67px;font-size: 25px;color: #000;margin: 0px 0px 20px 0px;font-weight: 300;}
.top-deal-content .nav-pills .nav-link.active {/* color: #000; */background-color: #e2e2e2;}
ul.top-deal-contents-box {display: flex;align-items: center;justify-content: flex-start;margin-bottom: 12px;}
ul.top-deal-contents-box li img {width: 26px !important;height: auto;margin-bottom: 10px;}
ul.top-deal-contents-box li {background-color: #fff;margin-right: 20px;width: 84px;height: 75px;font-size: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 5px;}
.top-deal-contents {background-color: #f8f8f8;padding: 20px;}
.top-deal-top-contents h5{font-size: 18px;font-weight: 600;}
ul.top-deal-contents-box li p {margin-bottom: 0px;}
ul.top-deal-contents-detail {display: flex;justify-content: space-between;align-items: center;}
ul.top-deal-contents-detail li h6 {font-size: 25px;color: #222222;font-weight: 600;margin-bottom: 0px;}
ul.top-deal-contents-detail li p {margin-bottom: 0px;font-size: 14px;color: #00000080;}
ul.top-deal-contents-detail li span{font-size: 16px;font-weight: 500;}
ul.top-deal-contents-detail li i {font-size: 30px;vertical-align: middle;margin-left: 10px;}


.top-deal .top-deal-content img{height: 200px;width: 100%;object-fit: cover;}



.packaging-text {
	padding: 0px 0px 50px 0px;
}
.packaging-text .text-box {
	padding: 30px;
	/*border-top: 5px solid #00A1CF;*/
	position: relative;
	transition: 1s;
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
	height: 100%;
	background: #fff;
}
.packaging-text .text-box:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	border-top: 5px solid #5fa32b;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
}

.packaging-text .text-box p {
	line-height: 28px;
	color: #444444;
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.packaging-text .text-box h5 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 12px 0;
	font-family: 'Bitter', serif;
}


/* why-us  */
.why-us {background-image: linear-gradient(to bottom, #EEFDEF, transparent);padding: 60px 0px;}
ul.whyus-icons {display: flex;align-items: center;margin-bottom: 50px;margin-top: 30px;}
ul.whyus-icons li {border: 1px solid #d7d7d7;margin-right: 30px;width: 84px;height: 75px;display: flex;transition: 0.5s;}
ul.whyus-icons li:hover {background-color: #7dba3f66;transform: translateY(-5px);}
ul.whyus-icons li img {width: auto; height: 30px;display: block;margin: auto !important;}


.qualitybox {margin: 0px 0px 0px 0px;}
.quality .whyimg {width: 50px;height: auto;margin: 0px auto;z-index: 9;}
.quality .bb-title p {
	margin-bottom: 40px;
	line-height: 28px;
	color: #444444;
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-align: center;
}
.quality .card {
	background: #fff;
	text-align: center;
	background-size: 200%;
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
	padding: 50px 20px;
	margin: 0;
	position: relative;
	border: 1px solid rgb(81 49 125 / 51%);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
	box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
	-webkit-transition: .8s cubic-bezier(.17,.85,.438,.99);
	-o-transition: .8s cubic-bezier(.17,.85,.438,.99);
	transition: .8s cubic-bezier(.17,.85,.438,.99);
}
.quality .card:hover {transform: translateY(-7.5px);}
.quality .card:hover:before {opacity: 1;}

.quality .sb .card:before{top: -10px;right: 0; bottom: 0;left: -10px;}

.quality .card:before {content: "";background: #000000;width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;opacity: 0;border-radius: 8px;}
.quality .card:before {-webkit-transition: .8s cubic-bezier(.17,.85,.438,.99);-o-transition: .8s cubic-bezier(.17,.85,.438,.99);transition: .8s cubic-bezier(.17,.85,.438,.99);}
.quality .card-body {position: relative;z-index: 5;overflow: hidden;}
.quality .card:hover .card-text, .quality .card:hover .card-title , .card-text:hover{color: #fff;}
.quality .card:hover .whyimg{filter: invert(1);}


/* how-it-work */
.how-it-work {padding: 0px 0px 60px 0px;background-image: linear-gradient(to top, #CEDFFF, transparent);}
ul.how-it-work-content {display: flex;position: relative;}
ul.how-it-work-content li {text-align: center;flex: 0 0 auto;width: 20%;margin: 0px auto 50px auto;}
ul.how-it-work-content li .img {margin-bottom: 30px;background-color: #FBEAEA;width: fit-content;margin: auto;padding: 35px;border-radius: 50%;margin-bottom: 40px;transition: 0.5s;}
ul.how-it-work-content li .img:hover {transform: scale(1.1);box-shadow: 0px 0px 10px -5px #000;}
ul.how-it-work-content:before {content: "";position: absolute;background-image: url(../img/line.png);top: -12%;width: 100%;height: 100%;z-index: -1;background-size: contain;background-repeat: no-repeat;}
ul.how-it-work-content li:nth-child(3) {margin-top: 110px;}
.how-it-work .all-btn, .subscription .all-btn{width: fit-content;display: block;margin: auto;}

.subscription {padding: 100px 0px;background-image: linear-gradient(to top, rgb(0 0 0 / 70%), rgb(0 0 0 / 70%)), url(../img/car-bg.png);position: relative;background-attachment: fixed;color: #fff;background-size: cover;}


/* Testimonial */
.testimonial {padding: 60px 0px;}
.testimonial-content {background-color: #f7f7f7;padding: 25px;position: relative;}
.testimonial-content ul {display: flex;margin: 22px 0px 10px 0px;}
.testimonial-content ul li i {color: #7dba3f;font-size: 23px;}
.testimonial-content:before {content: "";background-image: url(../img/quote.png);position: absolute;right: 50px;top: 31px;width: 45px;height: 39px;background-repeat: no-repeat;}


footer {background-color: #787878;padding: 50px 0px 30px;color: #fff;}
.logo-content img {margin-bottom: 15px;max-width: 120px;}
.logo-content li a {color: #fff;}
.logo-content li a i {margin-right: 10px;}
footer h6 {margin-bottom: 20px;}
.cst-border h6 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
}
footer ul li{margin: 15px 0px;}
footer ul li a {color: rgb(255 255 255);transition: 0.5s;position: relative;/* margin: 10px 0px; *//* display: block; */}
footer ul.links li a:before {content: "\f324";position: absolute;left: 0px;font-family: 'Font Awesome 5 Pro';font-size: 10px;top: 50%;transform: translateY(-50%);opacity: 0;}
footer ul.links li a:hover:before {opacity: 1;}
footer ul.links li a:hover{color: #fff;padding-left: 15px;}
footer p {color: #ffffff;}
ul.social {display: flex;flex-wrap: wrap;/* border-bottom: 1px solid rgb(255 255 255 / 50%); */padding-bottom: 0px;align-items: center;}
ul.social li {margin: 10px 0px;margin-right: 10px;}
ul.social li.icon {background-color: #fff;border-radius: 50%;width: 50px;height: 50px;line-height: 50px;font-size: 24px;text-align: center;position: relative;transition: 0.5s;}
ul.social li.icon:before {content: "";position: absolute;border: 3px solid #fff;top: 0px;left: 0px;right: 0px;bottom: 0px;border-radius: 50%;transition: 0.5s;opacity: 0;}
ul.social li.icon:hover:before {top: -5px;left: -5px;right: -5px;bottom: -5px;opacity: 1;}
ul.social li.icon a i {color: #222222;margin: 0;}
ul.social li a {color: #fff;font-size: 20px;}
ul.social li a i {color: #7dba3f;font-size: 24px;margin-right: 10px;}



/* button Hover */
.all-btn:before, .all-btn:after {content: "";position: absolute;width: 0%;height: 0%;opacity: 0;transition: 0.5s;}
.all-btn:before {border-top: 2px solid #7dba3f;border-left: 2px solid #7dba3f;top: -10px;left: -10px;}
.all-btn:after {border-bottom: 2px solid #7dba3f;border-right: 2px solid #7dba3f;bottom: -10px;right: -10px;}
.all-btn:hover:before, .all-btn:hover:after {width: 100%;height: 100%;opacity: 1;}



.navbar-cst li.nav-item ul.dropdown-menu {
    position: absolute;
    display: block;
    top: 170%;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
    padding: 0px;
    border: none;
    border-right: 0px;
    z-index: 999999;
    box-shadow: 0px 0px 5px -2px #000;
    /* padding: 10px 10px; */
    /* overflow: hidden; */
}

.navbar-cst li.nav-item:hover ul.dropdown-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 25%);
    overflow: hidden;
    box-shadow: none;
    background-color: rgb(255 255 255 / 83%);
    border-radius: 0px;
}

.navbar-cst li.nav-item:hover ul.dropdown-menu li {
    border-bottom: 1px solid #919191;
}

.navbar-cst li.nav-item ul.dropdown-menu li a {
    padding: 10px 30px;
}