@font-face{
src: url(../assets/font/Merriweather/Merriweather-Bold.ttf);
font-family: Merriweather;
}
@font-face{
    src: url(../assets/font/new_merri/Merriweather-Bold.ttf);
    font-family: Merriweather-Bold;
}
@font-face{
src: url(../assets/font/Poppins-Light/OpenSans-SemiBold.ttf);
font-family:Poppins-Light;
}
@font-face{
src: url(../assets/font/Poppins/Poppins-Light.ttf);
font-family:Poppins-Light;
}
*{
margin:0;
padding:0px;
}

.container{

width:100%;
}
body{
cursor: pointer;
}
.nav-bg{
background: #000000 !important;
}

nav.navbar.navbar-expand-lg.navbar-dark.w-100.py-3 {
    display: flex;
    justify-content: center;
}

#why h1{
font-family:Poppins-Light;
font-style: normal;
font-weight: bold;
font-size: 50px;
text-align: center;
align-items: center;
color: #000000;
justify-content: center;
}
#why h6 {
    font-family: Poppins-Light;
    font-style: normal;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    color: #000000;
    line-height: 34px;
}
#why h5{
font-family: Poppins-Light;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
display: flex;
justify-content: center;
text-align: center;
color: #000000;
}
#sign-up{
background: rgba(139, 189, 67, 1);

}
#sign-up h1{
font-family:Poppins-Light ;
font-style: normal;
font-weight: normal;
font-size: 40px;
text-align: center;
color: #FFFFFF;
text-decoration: 3px underline;
text-underline-position: under;
text-underline-offset:6px;
}
#sign-up .border-bottom-2{
border-bottom: 1px solid #fff;
width: 347px;
margin-left: 195px;
margin-top:-11px;
}
#sign-up h6{
/*font-family: Poppins-Light;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #FFFFFF;*/
    font-family: Poppins-Light;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: #FFFFFF;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}
.form-check-label{
font-family: Poppins-Light;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: #FFFFFF;
}

.form-control{
padding: 1.6rem .75rem !important;
}
input[type="radio"] {
/* remove standard background appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* create custom radiobutton appearance */
display: inline-block;
width: 20px;
height: 20px;
padding: 6px;
/* background-color only for content */
background-clip: content-box;
border: 2px solid #fff !important;
background-color: #8BBD43;
border-radius: 50%;

}
input[type="radio"]:checked  {
background-color: #fff !important;
padding: 4px;
border: 4px solid #8BBD43 !important;
box-sizing: border-box;
box-shadow: 0px 0px 4px white;

}
input[type="radio"]:checked  {
background-color: #fff !important;
color: #fff !important;
border: 1px solid #fff !important;
}
#radio-btn label{
font-family: Poppins-Light;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 31px;
display: flex;
align-items: center;
letter-spacing: 0.5px;
color: white;
}
#local-delivery h2{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 31px;
display: flex;
align-items: center;
letter-spacing: 0.5px;
color: #8BBD43;
}
#sign-up h2{
font-family: Poppins-Light;
font-style: normal;
font-weight: normal;
font-size: 23px;
color: #FFFFFF;
}

#sign-up .setupp h2{
margin: 0 !important;		
}
#sign-up .setupp {
display: flex;align-items: center;
}




#sign-up .btn{
font-family: 'Poppins-Light';
font-style: normal;
font-weight: bold;
font-size: 26px;

display: flex;
align-items: center;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #000000;
background: #FFDE15;
border-radius: 107px;
width: 65%;
justify-content: center;
}
.img-hover:hover{
transform: scale(1.2);
}
#sign-up .btn:hover{
background-color: #8BBD43;
color: #fff;
border: 1px solid #fff;
}
.contact-img:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/***************************checkboxes*********************/
/*  input[type=checkbox] {
display:none;
}

input[type=checkbox]  {
display:inline-block;
padding: 0 0 0 0px;
background-color: white;
height: 25px;
width: 25px;;
background-size: 50%;
}

input[type=checkbox]:checked{
background-color: white;
height: 25px;
width: 25px;
display:inline-block;
background-size: 50%;
}*/
input[type=checkbox] {
cursor: pointer;
font-size: 17px;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
transform: scale(1.5);

}

input[type=checkbox]:after {
content: " ";
display: inline-block;
color: #fff;
margin-top: 3px;
width: 22px;
height: 22px;
visibility: visible;
border: 1px solid #FFF;
position: fixed;
/*border-radius: 50%;*/
box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);
}

input[type=checkbox]:checked:after {
content: "\2713";
display: unset;
padding-left: 3px;
font-family: FontAwesome;
}
input[type=checkbox]:checked {
background-color: #e9ecee;
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #99a1a7 ;
}
input[type=checkbox]:checked:before{
background-color:tr;
color: #000;
}
.arrow {
border: solid white;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
height: 50px;
margin-left: -55px;
margin-top: 57px;
position: absolute;
width: 50px;
border-radius: 0px;
background: white;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.form-control::placeholder{
font-family:Poppins-Light ;
font-style: normal;
font-weight: normal;
font-size: 20px;


color: #000000 !important;
}
.video {
width: 100%;

}
.wrapper{
display:table;
width:auto;
position:relative;
width:71%;
}
.playpause {
background:url(../shipper-3-images/play.svg),rgba(255,255,255,0.4);
background-repeat:no-repeat;
width:16%;
height:30%;
position:absolute;
left:0%;
border: 1px solid transparent;

border-radius: 50%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:auto;
background-position: center;
}
h4{

font-size: 14px !important;

color: #fff;
font-family: Jost-Regular;
}
.positions{
position: absolute; 
top: 3%;
left: 2%;
}
/* ***************************media queries******************************/
/* Smartphones (portrait) ----------- */
@media (min-width: 357px) and (max-width: 767px) {
	
.row.py-4.px-lg-4.ml-lg-5.ml-3.mt-lg-5.pt-lg-5.justify-content-xl-start.justify-content-center.shipting {
	    padding-left: 0 !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
}

.row.py-3.ml-lg-5.ml-1.justify-content-xl-start.justify-content-center.pl-3.socialicons {
	padding-left: 0px !important;
    margin-left: 0px !important;
    justify-content: flex-start !important;
}

img.img-fluid.px-2.img-hover.fb {
	padding-left: 0 !important;
}

#sign-up .setupp h2{
	margin-bottom: 20px !important;		
}

.form-check.form-check-inline.pl-md-0.pl-3.yess {
    padding-left: 0 !important;
}


.navbar {
	    justify-content: center !important;
}

.form-check-inline {
	    margin-left: 20px !important; 
}

.shipting {
margin-left: 0 !important;
    align-items: center;
    padding-bottom: 0 !important;
}	

.socialicons{
margin-left: 0 !important;
    align-items: center;
}	

.form-check-inline {
    margin-left: 20px !important;
}

.fb {
	padding-left: 0 !important;
}

.yess {
	padding-left: 0px !important;
}

.signupp {
	    padding-bottom: 0px !important;
    margin-bottom: 0 !important;
}



.setupp {
	    padding-top: 2rem !important;
}


	
#why h1{
font-size: 35px;
}
#sign-up .border-bottom-2{
margin-left: 10px;
}
#sign-up h1 {
font-size: 35px;
}
#why h6{
font-size: 20px;
}
.form-check-label ,#sign-up h2 ,#why h5{
font-size: 22px;
}



}


@media (min-width: 768px) and (max-width: 1023px)  {
#sign-up .border-bottom-2{
border-bottom: 1px solid #fff;
width: 347px;
margin-left: 173px;
margin-top:-11px;
}
#why h1{
font-size: 45px;
}

}
@media (min-width: 1024px) and (max-width: 1280px) {
#sign-up .border-bottom-2 {
border-bottom: 1px solid #fff;
width: 347px;
margin-left: 47px;
margin-top: -11px;
}
#sign-up .row.pt-3.setupp .col-md-9 {
    max-width: 68% !important;
}
}
@media (min-width: 1281px) and (max-width: 1640px) {
#sign-up .border-bottom-2 {
border-bottom: 1px solid #fff;
width: 347px;
margin-left: 145px;
margin-top: -11px;
}
#sign-up .row.pt-3.setupp .col-md-9 {
    max-width: 68% !important;
}
}

.banner-video{
	min-width: 450px;
    width: 100%;
    max-width: 450px;
}

.banner-video iframe {
    border: 0;
    width: 100%;
    max-width: 100%;
    height: 275px;
}

@media(max-width:767px){
	.banner-video{
		min-width:100%;
		width:100%;
		max-width:100% !important;
		}
		
	.banner-video iframe{
		max-width:600px !important;
	width:100% !important}
}