*{padding:0; margin:0;}
html{
	font-size:62.5%; /*default font-size is 10px */
}
body {margin:0; padding:0;  font-family: 'SF UI Text';   font-size:1.8rem;     font-weight: 300; color:#000000; line-height:1.2;}
.container{    max-width: 115.6rem;}
.form-control { height: 4.9rem; border-radius: 2.5rem; padding-left: 1.5rem; font-size: 1.5rem;
  box-shadow: none; outline: none;}
.form-control:focus { box-shadow: none; border-color: transparent;}
.btn1 { background: #eb1700; display: inline-block; padding: 1.3rem 3.5rem; color: #ffffff;
font-size: 1.8rem; font-weight: normal; border-radius: 7.5rem;}
.btn1 img { margin-left: .5rem;}
.btn1:hover { background: #232042; color: #fff; text-decoration: none;}
ul{padding-left:0;}
ul li { list-style: none; padding-left: 2rem; color: #000000; font-size: 1.8rem;}
ul li::before {
content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #f2ab2e; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/* header */
#main-header { position: absolute; width: 100%;  z-index: 2;}
#main-header .inner-header { width: 100%; display: flex; justify-content: space-between;
padding: 2.5rem 0;}
.main-navigation { align-self: flex-start; margin-top: 4.5rem;}
.main-navigation ul { margin-bottom: 0;}
.main-navigation ul li { list-style: none; display: inline-block; padding: 0 3.2rem;}
.main-navigation ul li a { color: #191919; font-weight: 500; font-size: 1.8rem; position: relative;  padding: 0!important;}
.main-navigation ul li:first-child { padding-left: 0;}
.main-navigation ul li:last-child { padding-right: 0;}


/* banner home */

.banner-part { width: 100%; display: block; min-height: 70.4rem; position: relative; overflow:hidden;
  padding-top: 20.7rem;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbc900+0,f7b800+100 */
background: rgb(251,201,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(251,201,0,1) 0%, rgba(247,184,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(251,201,0,1) 0%,rgba(247,184,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(251,201,0,1) 0%,rgba(247,184,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc900', endColorstr='#f7b800',GradientType=1 ); /* IE6-9 */

}

.banner-part .img1{ background-image: url(../images/circle-left.png); position: absolute;
width: 34.9rem; height: 37.8rem; left: -23.2rem; bottom: -11rem; background-repeat: no-repeat;     background-size: contain;}

.banner-part .img2 { background-image: url(../images/circle-right.png); position: absolute;
width: 41.9rem; height: 55.3rem; right: -13rem; top: -25rem; background-repeat: no-repeat;     background-size: contain;}

.banner-part .img3 { background-image: url(../images/banner-pickel.png); position: absolute;
width: 18.2rem; height: 22.4rem; right: 0rem; bottom: 0; background-repeat: no-repeat;     background-size: contain;}

.banner-part .img4 {background-image: url(../images/cake-graphic.png); position: absolute;
width: 67.9rem; height: 60rem; right: -8rem; top: -11.5rem; background-repeat: no-repeat; background-size: contain;}
.banner-part .img5 { background-image: url(../images/banner-food-image.png); position: absolute;
width: 34.3rem; height: 20.7rem; background-repeat: no-repeat;     bottom: -14rem;     background-size: contain;}
.banner-image-bx { width: 47.6rem; padding-top: 7rem;}
.banner-text-bx { width: calc(100% - 47.6rem); z-index: 1;}
.banner-text-bx .gen-heading { font-size: 6.5rem; color: #232042; font-weight: bold;
margin-top: 5.5rem; letter-spacing: -.1rem;}
.banner-text-bx .gen-txt {color: #232042;font-size: 2.5rem;font-weight: normal; letter-spacing: -.05rem; display: block;}
.banner-part .container { position: relative;}
.banner-text-bx p { color: #232042; font-weight: normal; margin-top: 5.5rem; line-height:inherit;}
.banner-text-bx .register-form { display: flex; width: 100%; margin-top: 1.8rem;}
.banner-text-bx .register-form form { display: flex; width: 100%;}
.banner-text-bx .register-form .field { width: 21.9rem; margin-right: .7rem;}

.submit-btn { width: 15rem; height: 4.9rem; background:#232042 ; box-shadow: none;
border: none; border-radius: 2.5rem; color: #ffffff; font-weight: normal; text-align: left;
padding-left: 3rem; background-image: url(../images/arrow-right.png); background-repeat: no-repeat;
background-position-x: 10.8rem; background-position-y: center; cursor: pointer!important;}
.submit-btn:hover { background-color: #eb1700;}

.scroll-down { position: absolute; display: flex; flex-direction: column; left: 11rem; bottom: 17.5rem;}
.scroll-down .scroll-txt { transform-origin: 0 0; transform: rotate(90deg); display: block; width: 100%; cursor: default;}
.scroll-down .mouse-icon { width: 1.6rem; display: block; position: absolute; bottom: -11.5rem;
left: -2rem;}

/* footer */
.footer-main { width: 100%; background: #232042; padding: 6.5rem 0; position: relative; overflow:hidden;}

.footer-main .footer-inner { width: 100%; text-align: center;}
.footer-main .footer-inner .gen-heding { font-size: 3.2rem; color: #fff; font-weight: bold;}

.footer-main .footer-inner .gen-txt { color: #dadada; font-size: 1.5rem; margin-top: 1.5rem;
position: relative; padding-bottom: 4.5rem;}
.footer-main .footer-inner .gen-txt:before {content: '';position: absolute;width: 5.3rem;height: .1rem;background: #e78522;bottom: 2rem;left: 0;right: 0;margin: auto;}

.footer-main .footer-inner .gen-txt { color: #dadada; font-size: 1.5rem; margin-top: 1.5rem;
position: relative; padding-bottom: 4.5rem;}
.footer-main .footer-inner .gen-txt:before {content: '';position: absolute;width: 5.3rem;height: .1rem;background: #e78522;bottom: 2rem;left: 0;right: 0;margin: auto;}
.footer-main .address-mail-bx { display: flex; width: 100%; justify-content: center;}
.footer-main .address-mail-bx .bx { padding: 1.3rem; background: #3b3957; border-radius: 1.2rem;
padding-left: 4.4rem; min-width: 33.7rem; margin-right: 1.7rem; text-align: left; display: flex;
align-items: center;}
.footer-main .address-mail-bx .bx .icon-part {  display: inline-flex; width: 6.2rem; height: 6.2rem;
background: #504f65; border-radius: 100%; justify-content: center; align-items: center;}
.footer-main .address-mail-bx .bx .icon-txt { color: #dadada; font-size: 1.45rem; padding-left: 2rem;}

.camera-part { display: flex; width: 100%; justify-content: center; margin: 4.5rem 0; position: relative;}
.camera-part .camera-bx {  width: 5.4rem; height: 5.4rem; border-radius: 100%; background: #3b3957;
justify-content: center; align-items: center; display: flex; z-index: 1;}
.camera-part:before { color: #373459; content: ''; width: 100%; position: absolute;
height: .1rem; background: #373459; top: 50%;}

.footer-navigation { display: flex; width: 100%; justify-content: center;}
.footer-navigation ul { display: flex; width: 100%; justify-content: center;}
.footer-navigation ul li { list-style: none; padding: 0 2.1rem; position: relative;}
.footer-navigation ul li a { font-size: 1.5rem; color: #dadada; position: relative; font-weight: 300;}
.footer-navigation ul li:after {content: '';position: absolute;width: .1rem;height: 1.1rem;background: #929292;right: 0;top: .6rem;}
.footer-navigation ul li:last-child:after { display: none;}

.footer-main .copyright-bx { display: flex; width: 100%; justify-content: center; margin-top: 2rem;}
.footer-main .copyright-bx .copyright-txt { color: #8c8c8c; font-size: 1.3rem; font-weight: 300;}
.footer-main .copyright-bx .webiste-bx { padding-left: 1rem; margin-left: 1rem; margin-top: -0.4rem;
display: inline-flex; align-items: center; position: relative;}
.footer-main .copyright-bx .webiste-bx .gen-txt2 { color: #8c8c8c; font-size: 1.3rem;
font-weight: 300; display: inline-block;}
.footer-main .copyright-bx .webiste-bx .gen-img { display: inline-block; padding-left: .5rem;}
.footer-main .copyright-bx .webiste-bx:before {content: '';width: .1rem; height: 1.1rem;position: absolute;background: #929292;left: 0;}

.footer-main:after {content: '';position: absolute;background: url(../images/footer-circle-right.png);background-repeat: no-repeat;width: 32rem;height: 34.5rem;right: -8.4rem;top: -5rem;     background-size: contain;}
.footer-main:before { content: ''; position: absolute; background: url(../images/footer-circle-left.png);
background-repeat: no-repeat; width: 32rem; height: 34.5rem; left: -14rem; bottom: -17rem;     background-size: contain;}

/* middle section home page */
.middle-section { width: 100%; display: block; padding: 7.5rem 0 11rem;}
.middle-section .part1 { width: 100%; display: block;}
.middle-section .part1 p { font-size: 2.6rem; font-weight: 300; text-align: center; line-height: 1.3;}
.middle-section .part2 { display: flex; width: 100%; align-items: center; margin-top: 8rem;}
.middle-section .part2 .left { width: 64rem; display: flex; justify-content: center;}
.middle-section .part2 .right { width: calc(100% - 70rem);}
.middle-section .part2 .right .gen-heading { font-size: 3.8rem; letter-spacing: -.1rem; font-weight: bold;
position: relative;}
.middle-section .part2 .right .gen-heading:before {content: '';position: absolute;width: 5.3rem;height: .1rem;background: #eaa744;bottom: -1.5rem;}
.middle-section .part2 .right p { color: #4d4d4d; font-size: 1.8rem; margin-bottom: 0;
font-weight: 300; margin-top: 2.5rem;}
.middle-section .part3 { display: flex; width: 100%; margin-top: 15rem; margin-bottom: 7rem;}
.middle-section .part3 .image-bx { text-align: center; min-height: 20.6rem; display: flex;
align-items: flex-end; justify-content: center; position:relative;}
.middle-section .part3 .txt-part { display: block; text-align: center; font-weight: 500;
font-size: 2rem;  position: absolute; bottom: -4.5rem; width: 100%;}
.middle-section .part3 .col:nth-child(2) .image-bx { margin-top: -1.8rem;}
.middle-section .part3 .col { position: relative;}
.middle-section .part3 .image-bx:after {content: '';position: absolute;height: .1rem;width: 7.9rem;background: #bfbfbf;top: 50%;right: -5.2rem;}
.middle-section .part3 .col:last-child .image-bx:after { display: none;}

.middle-section .part4 { display: flex; width: 100%; flex-wrap: wrap;}
.middle-section .part4 .sub-section { margin-top: 12rem; width: 100%; display: flex; align-items: center;}
.middle-section .part4 .sub-section .left { width: 57.6rem; padding-left: 11.5rem;}
.middle-section .part4 .sub-section .right { width: calc(100% - 57.6rem); padding-left: 4.5rem;
padding-right: 14rem;}
.middle-section .part4 .sub-section .left .gen-image { display: block; position: relative;}
.middle-section .part4 .sub-section .left .gen-image:before {content: '';position: absolute;background: url(../images/dot-image.png);width: 6.2rem;height: 5.1rem;left: -6.8rem;top: 2.5rem;}
.middle-section .part4 .sub-section .right .gen-heading { font-size: 3.8rem; letter-spacing: -.1rem;
font-weight: bold; position: relative; padding-right: 3rem;}
.middle-section .part4 .sub-section .right .gen-heading:before { content: ''; position: absolute;
width: 5.3rem; height: .1rem; background: #eaa744; bottom: -1.5rem; }
.middle-section .part4 .sub-section .right p { color: #000; font-size: 1.8rem; margin-bottom: 0;
font-weight: 300; margin-top: 2.5rem;}
.middle-section .part4 .sub-section .right .btn1 { margin-top: 3.3rem;}

.middle-section .part4 .sub-section.sub2 .right { padding-left: 12rem; padding-right: 4rem;}
.middle-section .part4 .sub-section.sub2 .left { padding-left: 8rem;}
.middle-section .part4 .sub-section.sub2 .left .gen-image:before { left: auto; right: 3rem; 
  transform: rotate(180deg);
}

/* middle bottom section homepage */
.middle-bottom-section { background: #f5f5f5; padding: 8.5rem 0; width: 100%;}
.middle-bottom-section .tp-part { width: 100%; display: block;}
.middle-bottom-section .tp-part > p { text-align: center; color: #1f1f1f; font-size: 2.6rem;
font-weight: 300; margin-bottom: 0; line-height: 1.3;}
.middle-bottom-section .tp-part .sub-section { margin-top: 9rem;  width: 100%; display: flex;
align-items: center;}

.middle-bottom-section .tp-part .sub-section .left { width: 57.6rem; padding-left: 11.5rem;}
.middle-bottom-section .tp-part .sub-section .right { width: calc(100% - 57.6rem); padding-left: 4.5rem;
padding-right: 5rem;}
.middle-bottom-section .tp-part .sub-section .left .gen-image { display: block; position: relative;}
.middle-bottom-section .tp-part .sub-section .left .gen-image:before { content: ''; position: absolute;
background: url(../images/dot-image.png); width: 6.2rem; height: 5.1rem; left: -6.8rem; top: 2.5rem;}
.middle-bottom-section .tp-part .sub-section .right .gen-heading { font-size: 3.8rem; letter-spacing: -.1rem;
font-weight: bold; position: relative; padding-right: 3rem;}
.middle-bottom-section .tp-part .sub-section .right .gen-heading:before{ content: '';
position: absolute; width: 5.3rem; height: .1rem; background: #eaa744; bottom: -1.5rem; }
.middle-bottom-section .tp-part .sub-section .right p { color: #000; font-size: 1.8rem;
margin-bottom: 0; font-weight: 300;  margin-top: 2.5rem;}
.middle-bottom-section .tp-part .sub-section .right .btn1 { margin-top: 3.3rem;}
.banner-image-bx img { max-width: 100%;}
.logo-part { width: 15.9rem;}
.logo-part img { max-width: 100%;}
.middle-bottom-section .tp-part .sub-section .left .gen-image img {max-width: 100%;}
.scroll-down .mouse-icon img { max-width: 100%;}

/* modal bx */
.modal-dialog { max-width: 76.1rem; margin: 9.75rem auto 0;}
.modal-header .close { font-size: 2.5rem; background: #1b1b1b; opacity: 1; color: #fff;
width: 4.2rem; text-shadow: none;}
.modal-header { padding: 1rem 0.9rem; border-bottom: 0;}
.modal-content-bx { display: flex; width: 100%; align-items: center; padding: 0 2.5rem 4rem;}
.modal-content-bx .left-bx { width: 28.5rem;  align-self: center;}
.modal-content-bx .left-bx img { max-width: 100%;}
.modal-content-bx .right-bx { width: calc(100% - 28.5rem); padding-left: 3rem;}
.modal-content-bx .right-bx .gen-heading { font-size: 3.8rem; letter-spacing: -.1rem;
font-weight: bold; position: relative; padding-right: 3rem;  margin-bottom: 3.5rem;}
.modal-content-bx .right-bx .gen-heading:before { content: ''; position: absolute; width: 5.3rem;
height: .1rem; background: #eaa744; bottom: -1.5rem;}
.modal-content-bx .right-bx .sub-heading { color: #292929; font-size: 2rem; margin-bottom: 0;
font-weight: 300; margin: 2.5rem 0; display: block;}
.modal-content-bx .right-bx .gen-txt { color: #585858; font-size: 1.5rem; line-height: 1.5;
font-weight: 300;}

/*  */

.main-navigation ul li a:hover { color: #ec2203; text-decoration: none;}
.main-navigation ul li a:hover:before {content: '';position: absolute;width: 100%;height: 1px;background: #eb1700;bottom: -.8rem;}


/* Riders Page */

.banner-part.rider-slider .banner-image-bx {  padding-top: 0; margin-top: -3rem;}
.banner-part.rider-slider .banner-text-bx .gen-txt {max-width: 59rem;}
.banner-part.rider-slider .banner-text-bx .register-form { margin-top: 2.5rem;}
.banner-part.rider-slider .container { min-height: 46.7rem;}
.banner-part.rider-slider .img3 { background-image: url(../images/banner-rider-dot.png);
width: 3.8rem; height: 5.6rem; bottom: 9.5rem; right: 12rem; background-repeat: no-repeat;
background-size: contain;}
.main-navigation ul li a.active { color: #ec2203; text-decoration: none;}
.main-navigation ul li a.active:before { content: ''; position: absolute; width: 100%;
height: 1px; background: #eb1700; bottom: -.8rem;}

.middle-section .part1 .gen-heading { display: block; text-align: center; position: relative;
color: #000000; font-size: 3.8rem; font-weight: bold;}
.middle-section .part1 .gen-heading:before {content: '';position: absolute;width: 5.3rem;height: .1rem;background: #e78522;bottom: -2rem;left: 0;right: 0;margin: auto;}

.middle-section .part3.riders-page { margin-top: 11rem;  margin-bottom: 3rem;}
.middle-section .part3.riders-page .image-bx:after { display: none;}
.middle-section .part3.riders-page .col:nth-child(2) .image-bx { margin-top: 0;}
.middle-section .part3.riders-page { padding-left: 0; padding-right: 0;}
.middle-section .part3 .txt-part2 { display: block; margin-top: 3.6rem; text-align: center;
font-weight: normal; font-size: 2rem;}
.middle-section .part3 .txt-part2 .red { color: #eb1700; font-weight: 600;}
.middle-section .part4 ul { margin-top: 3.5rem;}
.middle-section .part4 ul li { line-height: 1.4;}
.footer-navigation ul li:before { display: none;}

/* Vendor Page */
.banner-part.rider-slider.vendor-slider .banner-text-bx .gen-txt {max-width: 60rem;}
.banner-part.rider-slider.vendor-slider .banner-image-bx { width: 44.6rem;}
.banner-part.rider-slider.vendor-slider .banner-text-bx { width: calc(100% - 44.6rem);}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form { flex-wrap: wrap;
justify-content: center; max-width: 63rem;}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form form { flex-wrap: wrap;
justify-content: center;}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .field {
width: 100%; max-width: 31.1rem;  margin-bottom: 1rem;}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .field:nth-child(odd) { margin-right: 0;}

.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .button .submit-btn {
width: 19rem; padding-left: 5rem; background-position-x: 12.8rem;}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .button { margin-top: 1rem;}

.our-serices-bx { display: flex; width: 100%; flex-wrap: wrap; margin-top: 10rem;}
.our-serices-bx .gen-heading { display: block; text-align: center; position: relative;
color: #000000; font-size: 3.8rem; font-weight: bold; width: 100%;}
.our-serices-bx .gen-heading:before { content: ''; position: absolute; width: 5.3rem;
height: .1rem; background: #e78522; bottom: -2rem; left: 0; right: 0; margin: auto;}

.our-serices-bx .sub-section { margin-top: 10rem; width: 100%; display: flex; align-items: center;}
.our-serices-bx .sub-section .left {  width: 42rem; padding-left: 2.5rem; align-self: flex-start;}
.our-serices-bx .sub-section .right { width: calc(100% - 42rem); padding-left: 7rem; padding-right: 1rem;}
.our-serices-bx .sub-section .left .gen-image { display: block; position: relative;}
.our-serices-bx .sub-section .left .gen-image:before { content: ''; position: absolute;
background: url(../images/dot-image.png); width: 6.2rem; height: 5.1rem; left: -6.8rem; top: 2.5rem;}
.our-serices-bx .sub-section .left .gen-image img { max-width: 100%;}
.our-serices-bx .sub-section.sub2 .right { padding-left: 2rem; padding-right: 5rem;}
.our-serices-bx .sub-section.sub2 .left { padding-right: 2.5rem; padding-left: 0;}
.our-serices-bx .sub-section.sub2 .left .gen-image:before { left: auto; right: -7rem;
transform: rotate(180deg);}

.our-serices-bx .sub-section .right ul { margin: 0; display: block;}
.our-serices-bx .sub-section .right ul li { list-style: none; display: flex; padding-left: 0;
align-items: flex-start; margin-bottom: 5rem;}
.our-serices-bx .sub-section .right ul li:before { display: none;}
.our-serices-bx .sub-section .right ul li .image-bx { background: #eaa744; width: 6.2rem;
height: 6.2rem; border-radius: 100%; padding: 1rem; display: flex; align-items: center; justify-content: center;}
.our-serices-bx .sub-section .right ul li .txt-bx { width: calc(100% - 6.2rem); padding-left: 2.3rem; padding-right: 1rem;}
.our-serices-bx .sub-section .right ul li .image-bx img { max-width: 100%;}
.our-serices-bx .sub-section .right ul li .sb-heading { font-size: 2.4rem; position: relative;
margin-bottom: 1.5rem;}
.our-serices-bx .sub-section .right ul li p { font-size: 1.6rem; line-height: 1.4;}
.our-serices-bx .sub-section .right ul li .sb-heading:before { content: ''; position: absolute;
width: 3rem; height: .1rem; background: #eaa744; bottom: -0.7rem;}
.our-technology-bx {width: 100%; display: block; background: url(../images/technology-banner.jpg);
background-repeat: no-repeat; padding: 12.4rem 0; background-size: cover; min-height: 56.7rem;}

.our-technology-bx .gen-heading { color: #ffffff; font-size: 3.2rem; font-weight: bold;
position: relative; margin-bottom: 4rem; display: block;}
.our-technology-bx .gen-heading:before { content: ''; position: absolute; width: 5.3rem;
height: .1rem; background: #eaa744; bottom: -1.5rem;}
.our-technology-bx p { color: #ffffff; font-weight: 300; font-size: 1.8rem; line-height: 1.4;
margin-bottom: 3.5rem;}
.our-technology-bx p:last-child { margin-bottom: 0;}

.gen-heading-part {display: block; text-align: center; position: relative; color: #000000;
font-size: 3.8rem; font-weight: bold; width: 100%;}
.gen-heading-part:before{ content: ''; position: absolute; width: 5.3rem; height: .1rem;
background: #e78522; bottom: -2rem; left: 0; right: 0; margin: auto;}

.h-work-bx { width: 100%; display: block; padding: 9rem 0;}
.h-work-bx .inner-bx { width: 100%; display: flex; padding: 8.5rem 0 0 0; justify-content: space-around;}

.h-work-bx .inner-bx .sub-bx { max-width: 30rem; display: block; text-align: center; position: relative;}
.h-work-bx .inner-bx .sub-bx .step-img { display: inline-flex; width: 17.3rem; height: 17.3rem;
background: #fff8ee; justify-content: center; align-items: center; border-radius: 100%;
margin-bottom: 1.5rem;}
.h-work-bx .inner-bx .sub-bx .step-heading { width: 100%; color: #dedede; font-weight: bold;
font-size: 2rem; display: block;}
.h-work-bx .inner-bx .sub-bx .step-txt { width: 100%;     margin-top: 1.5rem;}
.h-work-bx .inner-bx .sub-bx .step-txt p { font-weight: normal; font-size: 2rem;}
.red { color: #eb1700; font-weight: 500;}
.h-work-bx .inner-bx .sub-bx:after {content: '';position: absolute;width: 57%;height: 1px;top: 8.6rem;right: -43%;border-bottom: 1px dashed #dadada;}
.h-work-bx .inner-bx .sub-bx:last-child:after { display: none;}

.why-bmf { width: 100%;  display: block; padding: 7.4rem 0; background: #f5f5f5;}
.why-bmf .gen-heading-part { margin-bottom: 4rem;}
.why-bmf .gen-txt { font-size: 2.6rem; text-align: center; color: #303030; line-height: 1.4;
font-weight: 300; font-style: italic; padding: 0 4rem;}

.why-bmf .content-bx {  margin-top: 5.3rem; width: 100%; display: flex;}

.why-bmf .content-bx .part1 { padding-top: 2rem; padding-right: 4rem;}
.why-bmf .content-bx ul { margin-bottom: 0;}
.why-bmf .content-bx ul li { line-height: 1.4; margin-bottom: 3rem; color: #303030;}
.why-bmf .content-bx .part3 { padding-top: 2rem; padding-left: 4rem;}
.why-bmf .content-bx .part2 { min-width: 33rem;}
.why-bmf .content-bx .part2 .gen-img { display: block; position: relative;}
.why-bmf .content-bx .part2 .gen-img img {max-width: 100%;}

.why-bmf .content-bx .part2 .gen-img:before {
content: ''; position: absolute; background: url(../images/dot-image.png); width: 6.2rem;
height: 5.1rem; right: -1.8rem; top: -1.5rem; left: auto;
transform: rotate(180deg);}
.why-bmf .content-bx .part2 .gen-img img { z-index: 1; position: relative;}
.why-bmf .content-bx .part2 .gen-img:after { content: ''; position: absolute; background: url(../images/dot-image.png);
width: 6.2rem; height: 5.1rem;  bottom: -1.5rem; left: -3rem;}

.t-partner { width: 100%; display: block; padding: 5rem 0;}
.t-partner .t-partner-heading { font-size: 2.4rem; font-weight: bold; color: #000000;
display: block; width: 100%; text-align: center; position: relative;}

.t-partner .t-partner-heading .inner-txt { display: inline-block; background: #fff; padding: 0 1.5rem;    z-index: 1;
  position: relative;}
.t-partner .t-partner-heading:before {content: '';width: 100%;height: 1px;position: absolute;left: 0;background: #f1f1f3;top: 57%;}

/* slick slider */
.slider-bx { width: 100%; margin-top: 5rem;}
.slick-initialized .slick-slide { margin: 0 2.3rem; padding: 0 1.5rem; border: 1px solid rgba(192,192,192,.17);}
/* .slick-list.draggable {padding-left: 4.3rem;} */
.slick-prev:before, .slick-next:before{ content: ''; width: 3.2rem; height: 3.2rem; padding: 1.6rem;
border-radius: 100%; color: #c5c5c5; box-shadow: .4rem .5rem .5rem rgba(0,0,0,.08); font-size: 0!important;}
.slick-prev:before { background: url(../images/angle-left.png)!important; background-color: #fff!important;
background-repeat: no-repeat!important; background-position: center!important;}
.slick-next:before { background: url(../images/angle-right.png)!important; background-color: #fff!important;
background-repeat: no-repeat!important; background-position: center!important;}
/*  */

/* devlopment side changes */
.main-navigation ul li:before {  display: none;}
.primary-navigation .current_page_item > a:first-child:before { content: ''; position: absolute;
width: 100%; height: 1px; background: #eb1700; bottom: -.8rem;}
.footer-main .address-mail-bx .bx .icon-txt a { color: #dadada; text-decoration: none;}

/* contact form */

.banner-text-bx .register-form form p { width: 100%; display: none; margin-top:0;}
.banner-text-bx .register-form form { flex-wrap: wrap; position: relative;}
.banner-text-bx .register-form .field { position: relative;}
.banner-text-bx .register-form .field .wpcf7-not-valid-tip { position: absolute; display: block;
width: 110%; font-size: 1.3rem; bottom: -2.2rem; left: .5rem; color: #eb1700; font-weight: 400;}
.banner-text-bx .register-form .field > span { display: block;}
.wpcf7 form .wpcf7-response-output { position: absolute; display: block; width: 100%; font-size: 1.3rem;
top: -1.8rem; left: .5rem; color: #eb1700; border: none; margin: 0!important; padding: 0; font-weight: 400;}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form form p { flex-wrap: wrap; justify-content: center;}
.banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .field .wpcf7-not-valid-tip {position: static; margin-top: 5px;}
.banner-text-bx .register-form .button { position: relative;}
.banner-text-bx .register-form .button .ajax-loader { position: absolute;}
.footer-main .address-mail-bx .bx .icon-txt a:hover { color: #e78522;}

.footer-navigation ul li a:hover { color: #e78522; text-decoration: none;}

.banner-text-bx .register-form form p { display: none;}
.wpcf7 form.sent .wpcf7-response-output {color: #1ca720;}

/* css for animation */

body{overflow-x: hidden;}
.banner-text-bx,.banner-image-bx,#main-header , .scroll-down{opacity:0}
.banner-text-bx.animate__animated ,.banner-image-bx.animate__animated,#main-header.animate__animated,.scroll-down.animate__animated{opacity:1;}

.banner-part .img1 , .banner-part .img2 , .banner-part .img3 ,.banner-part .img4 ,.banner-part .img5{opacity:0}
.banner-part .img1.animate__animated ,.banner-part .img2.animate__animated , .banner-part .img3.animate__animated,.banner-part .img4.animate__animated ,.banner-part .img5.animate__animated{opacity:1}


/* homepage */

/* .animated .part1{opacity:0;}
.animated .part1.animate__animated{opacity:1;} */

/* .middle-section.animated .part2 .left,.middle-section.animated .part2 .right{opacity:0;}
.middle-section.animated .part2 .left.animate__animated , .middle-section.animated .part2 .right.animate__animated{opacity:1;} */

/* .middle-section.animated .part3 {opacity:0;}
.middle-section.animated .part3.animate__animated {opacity:1;} */

/* .middle-section.animated .part4 .sub-section.first div:first-child , .middle-section.animated .part4 .sub-section.first div:last-child {opacity:0;}
.middle-section.animated .part4 .sub-section.first div:first-child.animate__animated , .middle-section.animated .part4 .sub-section.first div:last-child.animate__animated {opacity:1;} */


/* .middle-section.animated .part4 .sub-section.sub2 div:first-child , .middle-section.animated .part4 .sub-section.sub2 div:last-child {opacity:0;}
.middle-section.animated .part4 .sub-section.sub2 div:first-child.animate__animated , .middle-section.animated .part4 .sub-section.sub2 div:last-child.animate__animated {opacity:1;} */

/* .middle-bottom-section .tp-part > p.animation-part {opacity: 0;}
.middle-bottom-section .tp-part > p.animation-part.animate__animated {opacity: 1;}

.middle-bottom-section .tp-part .sub-section .left , .middle-bottom-section .tp-part .sub-section .right {opacity:0}

.middle-bottom-section .tp-part .sub-section .left.animate__animated , .middle-bottom-section .tp-part .sub-section .right.animate__animated {opacity:1} */

/* footer.footer-main {opacity: 0;}
footer.footer-main.animate__animated {opacity: 1;} */


/*  */
footer.footer-main { position: -webkit-sticky; position: sticky; top: auto; left: 0;
bottom: 0; right: 0;}

.middle-section { background: #fff;}
.h-work-bx { background: #fff;}
.t-partner { background: #fff;}

.banner-text-bx.animate__animated { -webkit-animation-delay: .5s!important; animation-delay: .5s!important;}
.banner-image-bx.animate__animated { -webkit-animation-delay: 1s!important; animation-delay:1s!important;}
.banner-part .img1.animate__animated{ -webkit-animation-delay: 1.2s!important; animation-delay:1.2s!important;}
.banner-part .img2.animate__animated{ -webkit-animation-delay: 2s!important; animation-delay:2s!important;}
.banner-part .img3.animate__animated{-webkit-animation-delay: 2.5s!important; animation-delay:2.5s!important;}
.banner-part .img4.animate__animated{ -webkit-animation-delay: 2.5s!important; animation-delay:2.5s!important;}
.banner-part .img5.animate__animated{ -webkit-animation-delay: 3s!important; animation-delay:3s!important;}
.scroll-down.animate__animated{ -webkit-animation-delay: 3.3s!important; animation-delay:3.3s!important;}

.banner-image-bx img { animation: pulse; animation-duration: 2s; animation-delay: 3s; animation-iteration-count: infinite;}
.scroll-down .scroll-txt{animation: flash; animation-duration: 1.8s; animation-delay: 4s; animation-iteration-count: infinite;}
.scroll-down .mouse-icon{animation: flash; animation-duration: 1.8s; animation-delay: 4s; animation-iteration-count: infinite;}

.submit-btn:hover {  transform: translateY(-1px); color: #fff; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
background-position-x: 11rem;}
.submit-btn {  position: relative; overflow: hidden; transition: all .3s ease-in-out;}
.form-control:focus { transform: translateY(-1px); box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
transition: all .3s ease-in-out;}
.form-control { transition: all .3s ease-in-out;}

.middle-bottom-section { z-index: 1; position: relative;}
.middle-section { position: relative; z-index: 1;}
.banner-part { z-index: 1;}

.btn1 { transition: all .3s ease-in-out;}
.btn1:hover { transform: translateY(-1px); color: #fff; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
background-position-x: 11rem;}
.btn1:hover img { margin-left: .7rem;}
.btn1 img {transition: all .3s ease-in-out;}
.middle-section .part4 .sub-section .left .gen-image:hover img {opacity: .9;filter: brightness(105%);}
.middle-section .part4 .sub-section .left .gen-image img { transition: all .3s ease-in-out;}

.middle-bottom-section .tp-part .sub-section .left .gen-image img{transition: all .3s ease-in-out;}
.middle-bottom-section .tp-part .sub-section .left .gen-image:hover img{opacity: .9;filter: brightness(105%);}
.footer-main .address-mail-bx .bx:hover { transform: scale(1.02);}
.footer-main .address-mail-bx .bx { transition: all .3s ease-in-out;}

.our-technology-bx { position: relative; z-index: 1;}
.h-work-bx { position: relative; z-index: 1;}
.why-bmf { position: relative; z-index: 1;}
.t-partner { position: relative; z-index: 1;}

/* vendor page animation */
/* .our-serices-bx .gen-heading-part , .our-serices-bx .sub-section.first .left ,.our-serices-bx .sub-section.first .right {
opacity: 0;}
.our-serices-bx .gen-heading-part.animate__animated ,.our-serices-bx .sub-section.first .left.animate__animated ,.our-serices-bx .sub-section.first .right.animate__animated  {
opacity: 1;} */


/* .our-serices-bx .sub-section.sub2 .right ,.our-serices-bx .sub-section.sub2 .left {opacity: 0;}

.our-serices-bx .sub-section.sub2 .right.animate__animated ,.our-serices-bx .sub-section.sub2 .left.animate__animated {opacity: 1;} */

/* .our-technology-bx .tech-bx { opacity: 0;}
.our-technology-bx .tech-bx.animate__animated { opacity: 1;} */

/* .h-work-bx .gen-heading-part , .h-work-bx .inner-bx , .why-bmf .gen-heading-part , .why-bmf .gen-txt {
opacity: 0;}

.h-work-bx .gen-heading-part.animate__animated , .h-work-bx .inner-bx.animate__animated , .why-bmf .gen-heading-part.animate__animated , .why-bmf .gen-txt.animate__animated {
opacity: 1;} */

/* .why-bmf .content-bx .part1 ,.why-bmf .content-bx .part2 ,.why-bmf .content-bx .part3 {
opacity: 0;}
.why-bmf .content-bx .part1.animate__animated ,.why-bmf .content-bx .part2.animate__animated ,.why-bmf .content-bx .part3.animate__animated {
opacity: 1;}
.t-partner .t-partner-heading,.slider-bx {
opacity: 0;}
.t-partner .t-partner-heading.animate__animated ,.slider-bx.animate__animated {
opacity: 0;} */

.our-serices-bx .sub-section .left .gen-image img { transition: all .3s ease-in-out;}
.our-serices-bx .sub-section .left .gen-image:hover img { opacity: .9; filter: brightness(105%);}
.why-bmf .content-bx .part2 .gen-img img { transition: all .3s ease-in-out;}
.why-bmf .content-bx .part2 .gen-img:hover img { opacity: .9; filter: brightness(105%);}

/* feedback changes */

.t-partner .slick-slide { min-height: 9rem; display: flex!important; align-items: center; justify-content: center;}

/* .t-partner .slick-slide.slick-current { padding-left: 4.5rem;} */

.t-partner .slick-list {padding: 1rem 0;}
.middle-bottom-section .tp-part .sub-section .right .gen-heading {padding-right: 13rem;}
.camera-part .camera-bx {display: none;}

.middle-section .part3 .gen-heading-part { margin-bottom: 10rem;}
.middle-section .part3 { flex-wrap: wrap;}

/* for cms */
.banner-part.page-part { min-height: 15.7rem; padding-top: 15.7rem;}
.banner-part.page-part .img1 { width: 16.9rem; height: 20.8rem; left: -9.2rem; bottom: -7rem;
-webkit-animation-delay: .5s!important; animation-delay: .5s!important;}
.banner-part.page-part .img2 { width: 18.9rem; height: 26.3rem; right: -4rem; top: -12rem;
-webkit-animation-delay: 1.2s!important; animation-delay: 1.2s!important;}
.cms-content { width: 100%;     font-family: 'SF UI Text';}
.page-template-default #main-header .logo-part { width: 12.9rem;}
.page-template-default .main-navigation { margin-top: 5.5rem;}
.page-template-default #main-header .inner-header { padding: 1.5rem 0;}
.cms-content .page-heading { display: block; margin-bottom: 4rem;}
.cms-content .gen-heading { font-size: 3.8rem; letter-spacing: -.1rem; font-weight: bold;
position: relative;}
.cms-content .gen-heading:before { content: ''; position: absolute;  width: 5.3rem; height: .1rem;
background: #eaa744; bottom: -1.5rem;}

.cms-content h2 , .cms-content h3 ,.cms-content h4 ,.cms-content h5,.cms-contenth6 {
margin-bottom: 2rem; font-weight: bold;}
.cms-content p { margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.4; font-weight: 300;
color: #000000;}
.cms-content h2 { font-size: 2.4rem;}
.cms-content p:last-child { margin-bottom: 0;}

.cms-content ul { margin-bottom: 2rem;}
.cms-content ul li { margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.4; font-weight: 300;
color: #000000;}

.cms-content strong {  color: rgb(251,201,0);}
.cms-content ul li ul {margin-top: 2rem;}

/* for success message */
.wpcf7 form .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #1ca720;
  font-size: 1.7rem;
  bottom: -3rem;
  top: auto;
  text-align: left;
  font-weight: bold;
  text-shadow: #ffffff 0px 0px 13px;
  display: block;
}