*
{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul, p, h1{
	margin-bottom: 0px;
	text-decoration: none !important;
}

a{
	text-decoration: none;
}

/* start hover */

li.nav-item:hover{
    border-right: none;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    border-left:none;
}
li.nav-item{
    border-left: 1px solid #222222;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #222222;
    padding: 5px 0;
}
.nav {
   gap: 10px;
}

.ser-img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.ser-img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
/* end ser */

.about-img{
    position: relative;
    overflow: hidden;
  }
  .about-img::before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
  }
  .about-img:hover::before{
    animation: 1.30s shining;
  }@keyframes shining {
    100% {
        left: 125%
    } 
  }
  
/* end welcome */
.proudect-area:hover{
    border: 2px solid red;
    box-shadow: 2px 2px 7px #aba6a6;
    transform: translateY(-10%);
    background-color: #f8e78eb0;
}
.proudect-area{
    transition: all ease 0.4s;
    border: 2px solid transparent;
}


.client-main, .ser-area{
    transition: all ease 0.4s;
}
.ser-area:hover{
     transform: translateY(-10%) !important;
}








/* end hover */


.upper-nav {
    background-color: #FFF1F1;
    padding: 10px 0;
}
.main-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.upper-top{
    display: flex;
    align-items: center;
    gap: 30px;
}
.lo {
    display: flex;
    gap: 10px;
    align-items: center;
}


.call{
    display: flex;
    gap: 10px;
     align-items: center;
}
.em{
    display: flex;
    gap: 10px;
     align-items: center;
}
.loca{
    color: #193962;
    font-size: 18px;
}
.call-text P{
    font-size: 14px;
    color: #222222;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.ph{
    color: #193962;
    font-size: 18px;
    border-radius: 100%; 
}

.env{
    color: #193962;
    font-size: 18px;
    border-radius: 100%; 
}

.fac-2{
    color: #193962;
    font-size:20px;
    border-radius: 100%; 
}

.upper-bot{
    display: flex;
    gap: 20px;
}


/* end upper nav */



.home-area{
    overflow: hidden;
}

.naa{
    display: flex;
    align-items: center;
}
.nav-lo-main img{
  width: 100% !important;
  height: auto !important;
  
}
.nav-logo-2 img{
    width: 100% !important;
    height: auto !important;
}
.nav-main-l {
    width: 73%;
}
.nav-logo-2{
    width: 10%;
}
.nav-lo-main{
    width: 15%;
}





.page-wrapper {
	width: 100%;
	height: auto;
  }
  
  .nav-wrapper {
	width: 100%;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	background-color: #fff;
  }
  
  .grad-bar {
	width: 100%;
	height: 5px;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
		-webkit-animation: gradbar 15s ease infinite;
	  -moz-animation: gradbar 15s ease infinite;
	  animation: gradbar 15s ease infinite;
  }
  
  /* NAVIGATION */
  
  .navbar {
	display: inline;
	grid-template-columns: 1fr 3fr;
	align-items: center;
	height: 50px;
	overflow: hidden;
  }
  
  .navbar img {
	height: 16px;
	width: auto;
	justify-self: start;
  }
  
  .navbar ul {
	list-style: none;
	/* display: grid; */
	grid-template-columns: repeat(6,1fr);
	justify-self: end;
	
  }

li.nav-item-2 {
    border-right: none;
}
li.nav-item-3 {
    border-left: none;
}
  .nav {
    justify-content: center;
}
.nav-item a {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Outfit';
    text-decoration: none;
    transition: color 0.3s ease-out;
    padding: 0 25px;
}
  
  .nav-item a:hover {
	color: #DD0000 !important;
  }

  .header {
    padding: 20px 100px;
	background-color: transparent;
    width: 100%;
}
  /* SECTIONS */
  
  .headline {
	width: 100%;
	height: 50vh;
	min-height: 350px;
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1435224668334-0f82ec57b605?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDd8fHxlbnwwfHx8fA%3D%3D&w=1000&q=80');
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  
  .search {
	transform: translate(-35%);
	-webkit-transform: translate(-35%);
	transition: transform 0.7s ease-in-out;
	color: #3498db;
  }
  
  .no-search {
	transform: translate(0);
	transition: transform 0.7s ease-in-out;
  }
  
  .search-input {
	position: absolute;
	top: -4px;
	right: -125px;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.6s ease;
  }
  
  .search-active {
	opacity: 1;
	z-index: 0;
  }
   

  
  /* MOBILE MENU & ANIMATION */
  
  .menu-toggle .bar{
	width: 25px;
	height: 3px;
	background-color: #222;
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  }
  
  .menu-toggle {
	justify-self: end;
	display: none;
  }
  
  .menu-toggle:hover{
	cursor: pointer;
  }
  
  #mobile-menu.is-active .bar:nth-child(2){
	opacity: 0;
  }
  
  #mobile-menu.is-active .bar:nth-child(1){
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	-o-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
  }
  
  #mobile-menu.is-active .bar:nth-child(3){
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	-o-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
  }
  
  /* KEYFRAME ANIMATIONS */
  
  @-webkit-keyframes gradbar {
	  0% {
		  background-position: 0% 50%
	  }
	  50% {
		  background-position: 100% 50%
	  }
	  100% {
		  background-position: 0% 50%
	  }
  }
  
  @-moz-keyframes gradbar {
	  0% {
		  background-position: 0% 50%
	  }
	  50% {
		  background-position: 100% 50%
	  }
	  100% {
		  background-position: 0% 50%
	  }
  }
  
  @keyframes gradbar {
	  0% {
		  background-position: 0% 50%
	  }
	  50% {
		  background-position: 100% 50%
	  }
	  100% {
		  background-position: 0% 50%
	  }
  }
  
  /* Media Queries */
  
	/* Mobile Devices - Phones/Tablets */
  
  @media only screen and (max-width: 912px) { 
	.mob-nav-main{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.nav-lo img{
		width: 100% !important;
		height: auto !important;
	}
    .nav-lo {
        width: 25%;
    }
	.header {
		padding: 10px 50px !important;
	}
  
    .navbar ul {
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        position: absolute;
        justify-content: start;
        top: 102%;
        left: -17%;
        background-color: #003487f5;
        width: 133%;
        transform: translate(-101%);
        text-align: center;

    }
	li.nav-item {
        border-bottom: 1px solid #fff;
    }
    li.nav-item:hover {
        border-top: none;
    border-bottom: 1px solid #fff;
    }

    .header {
        padding: 8px 50px;
        background-color: #fff ;
    }
    .naa {
        position: relative;
        z-index: 99;
    }
    .header {
        position: static !important;
    }

	.navbar li {
	  padding: 15px;
	}
	
	.navbar li:first-child {
	  margin-top: 10px;
	}
	
    .navbar li a {
        font-size: 18px;
        color: #fff;
    }
	 
	.menu-toggle, .bar {
	  display: block;
	  cursor: pointer;
	}
	
	.mobile-nav {
	transform: translate(0%)!important;
  }
	

	
  }
  @media only screen and (max-width: 712px) {
  .navbar ul {
	left: -20%;
	width: 140%;
}
.navbar ul {
	top: 103%;
}

  }

  @media only screen and (max-width: 430px) {
    .header {
        padding: 10px 30px !important;
    }

.nav-lo {
    width: 40%;
}


  }

/* end navbar */

#b-tab-1{
    display: none;
}
#b-tab-2{
    display: none;
}
#mt-2{
    display: none;
}

.ban-con .owl-theme .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: red;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.ban-con .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background:#222 ;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.ban-con .owl-dots {
    position: absolute;
    top: 89%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}


.banner{
    background-color:#DFF1FF ;
}
.main-head-banner{
    position: relative;
}
.header{
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 99;
}
.ban-text h1{
    color:#0000AB ;
    font-size:70px ;
    font-family:'Montserrat' ;
    font-weight: 600;
}
.ban-text p{
    color: #222222;
    font-size: 16px;
    font-family: 'Montserrat';
    width: 65%;
    margin: 0 auto;
    margin-top: 20px;
}
.ban-ali-main{
    position: relative;
}
.ban-text{
    text-align: center;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}
.ban-text-2 {
    position: absolute;
    top: 22%;
    left: 26%;
    transform: translate(-26%, 22%);
}
.ban-text-2 p{
    color: #F5F5F5;
    font-size: 16px;
    font-family: 'Montserrat';
    width: 58%;
    margin-top: 20px;
}
.ban-text-2 h1 {
    color: #0000AB;
    font-size: 70px;
    font-family: 'Montserrat';
    text-shadow: 2px 2px #fff;
    font-weight: 600;
    width: 77%;
}
.ban-text-2 img {
    width: 26% !important;
    margin-top: 50px;
}
.ban-text-3 p{
    color: #F5F5F5;
    font-size: 16px;
    font-family: 'Montserrat';
    width: 58%;
    margin-top: 20px;
}
.ban-text-3 h1 {
    color: #0000AB;
    font-size: 64px;
    font-family: 'Montserrat';
    text-shadow: 2px 2px #fff;
    font-weight: 600;
}

.ban-text-3 {
    width: 38%;
    position: absolute;
    top: 24%;
    left: 16%;
}
.ban-text-6 p{
   width: 70%;
}
.ban-text-3 img {
    width: 33% !important;
    margin-top: 50px;
    margin: 50px 0 0;
}
.ban-text-3 p{
    color: #222222;
}
.ban-text-4 p{
    color: #222222;
}
.ban-text-4 h1{
 width: 64%;
}

.ban-text-4 p{
    width: 47%; 
}

.ban-text-5 {
    width: 35%;
    position: absolute;
    top: 33%;
    left: 45%;
}
.ban-text-5 img {
    width: 45% !important;
    margin-top: 50px;
}
.ban-text-5 p{
    color: #222222;
    font-size: 16px;
    font-family: 'Montserrat';
    width: 75%;
    margin-top: 20px;
}

.ban-text-5 h1{
 color: #0000AB;
 font-size: 70px;
 font-family: 'Montserrat';
 text-shadow: 2px 2px #fff;
 font-weight: 600;
}
/* end banner */
.ser-img p{
    color: #003487;
    font-size: 20px;
    font-family: 'Montserrat'; 
    font-weight: 600;
    margin-top: 10px;
}
.ser-bot{
    display: flex;
    justify-content: space-between;
}

.services{
    background-color: #DFF1FF;
    padding: 80px 0;
}
.ser-img {
    width: 165px;
    height: 165px;
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    padding: 24px 27px;
    background-color: #fff;
    box-shadow: 2px 10px 10px #caced0 inset;
}

.ser-area {
    border: 1px solid #003487;
    padding: 30px 20px 150px;
    border-radius: 20px;
    width: 21%;
    position: relative;
    
}
.ser-text {
    position: fixed;
    background-color: #003487;
    position: absolute;
    bottom: -1%;
    left: -5%;
    padding: 20px 18px 14px;
    width: 110%;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 5px 5px 0px #515151;
}
.ser-text p{
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat'; 
    font-weight: 500;
    text-align: center;
}

.bl-d {
    clip-path: polygon(51% 32%, 0% 100%, 100% 100%);
    background-color: #003487;
    width: 40px;
    height: 25px;
    position: absolute;
    top: -18%;
    left: 50%;
    transform: translateX(-50%);
}

/* end services */



.about{
	background-color: #DFF1FF;
    padding: 0 20px;
}
.about-bot{
	display: flex;
    justify-content: space-between;
	
}
.about-text h1{
	font-size: 60px;
    font-weight: 500;
	color:#FF0000 ;
	font-family:'Dancing Script' ;
    margin-bottom: 50px;
}
.about-text h1 span{
	color: #0000AB;
    font-family: "Mulish", sans-serif;
}
.about-text p {
    font-size: 16px;
    font-weight: 500;
    color: #444444;
    font-family: "Montserrat", sans-serif;
    text-align: justify;
    line-height: 30px;
}
.about-img{
	width: 49%;
}
.about-img img{
    width: 100%;
}
.about-text{
	width: 49%;
    text-align: center;
}
.about-text img{
    text-align: center;
}
/* end about */



.motorcycle .owl-prev span, .motorcycle .owl-next span {
    color: red;
    font-size: 49px;
    font-weight: 700;
    position: absolute;
    top: -66%;
    left: 29%;
}
.motorcycle .owl-prev {
    background-color: #fff !important;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: #222 1px solid !important;
    position: absolute;
    left: -5%;
    top: 50%;
    transform: translateY(-50%);
}


.motorcycle .owl-next {
    background-color: #fff !important;
    height: 40px !important;
    width: 40px !important;
    border: #222 1px solid !important;
    border-radius: 100%;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -7%;
}
.click-img {
    width: 26% !important;
    margin-left: 5px;
}
.gal-img {
    cursor: pointer;
    text-align: center;
}

.moto-bot .owl-item .item {
    transition: 0.3s;
    transform: scale(0.7);
  }
  .moto-bot .owl-item.center .item {
    transform: scale(1);
  }
 .moto-bot .owl-dots{
  display: none;
 }
 .motorcycle {
    background-image: url(../../motorcycleimage/moto-bg.png);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 152px 0 120px;
    background-color: #DFF1FF;
    margin-top: -53px;
}
.moto-text{
   overflow: hidden;
}


.moto-text h1 {
    color: #fff;
    text-shadow: 2px 2px 7px #A5B5E8;
    font-size: 250px;
    font-weight: 900;
    font-family: "Barlow";
    text-align: center;
    transition: all ease 0.4s;
    cursor: pointer;
    animation: scroll 7s linear infinite;
}

@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .moto-bot {
    margin-top: -138px;
}
/* start moto varity */



  
  .img-1 {
    width: 70%;
    margin: 0 auto;
}



  .new-para {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #474341;
    margin-bottom: 30px;
  }
  .arrow::after {
    display: inline-block;
    padding-left: 8px;
    content: "\f061" !important;
    font-family: "Fontawesome" !important;
    transition: transform 0.3s ease-out;
}

 
.product-btn {
    width: 170px;
    padding: 14px 17px;
    background-color: #0000AB;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 4px 4px 0 rgba(119, 40, 43, 0.2);
    margin-top: 21px;
    transition: all ease 0.4s;
} 
.product-btn:hover{
  background-color: #FF0000;
  color: #fff;
}
.motor-con-area.current{
    display: block;
}
.motor-con-area{
    display:none;
}
/* end motorcycle */

.motor-div{
    background-color: #DFF1FF;
    padding: 50px 0;
}
.moto-varity-img-area{
    display: flex;
    gap: 30px;
}
.img-1 img{
    width: 100%;
}
.varity-text-area-text{
   
    border: 1px solid #A9A0A0;
    border-radius: 20px;
    width: 90%;
    margin: 20px auto 0;
}
.features-area{
    display: flex;
    border-bottom: 1px solid #A9A0A0;
    justify-content: space-between;
}
.fe-area {
    width: 50%;
    align-items: center;
    display: flex;
    gap: 15px;
    padding: 5px 15px 5px 10px;
}
.features-area-2{
    border-bottom: none;
}
.fe-area-1{
    border-right: 1px solid #A9A0A0;
}
.fe-text p{
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto";
}

.motor-area h1{
    color: #003486;
    font-size: 30px;
    font-weight: 600;
    font-family: "Racing Sans One";
    margin-bottom: 25px;
}
.motor-area p{
    color: #474443;
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 10px;
}

.motor-area h2{
    color: #222222;
    font-size: 34px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 10px;
}
.motor-area h4{
    color: #474341;
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 40px;
    line-height: 25px;
}
.moto-varity-img p{
    color: #444444;
    font-size: 16px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    margin-top: 10px;
    margin-bottom: 50px;
}

.motor-con-area .row {
    align-items: center;

}
.click-btn {
    background-color: red;
    color: #fff;
    padding: 8px 13px;
    font-size: 15px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-radius: 20px;
    /* margin-top: 20px; */
    display: flex;
    width: 122px;
    align-items: center;
    margin: 0 auto;
    margin-top: 20px;
}
.click-btn:hover{
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
.scoo-text h1:hover, .moto-text h1:hover{
    text-shadow: 2px 2px 7px #131419;
}
/* end  */
.tab {
    text-align: center;
}
.tab-content {
    display: none;
  }
  .tab-content.active {
    display: block;
  }

.scooter{
    background-color: #FBE7E9;
}
.scoo-text{
    overflow: hidden;
}

.scoo-text h1 {
    color: #FBE7E9;
    text-shadow: 2px 2px 7px #A5B5E8;
    font-size: 250px;
    font-weight: 900;
    font-family: "Barlow";
    text-align: center;
    transition: all ease 0.8s;
    cursor: pointer;
    animation: scroll 5s linear infinite;
}
@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
.scoo-div {
    padding: 200px 0 70px;
    background-image: url(../../motorcycleimage/scoo-bg.png);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FBE7E9;
}

.scooter .owl-prev span, .scooter .owl-next span {
    color: red;
    font-size: 49px;
    font-weight: 700;
    position: absolute;
    top: -66%;
    left: 29%;
}
.scooter .owl-prev {
    background-color: #fff !important;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: #222 1px solid !important;
    position: absolute;
    left: -5%;
    top: 50%;
    transform: translateY(-50%);
}


.scooter .owl-next {
    background-color: #fff !important;
    height: 40px !important;
    width: 40px !important;
    border: #222 1px solid !important;
    border-radius: 100%;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -7%;
}




/* end scooter */


.ride video{
    width: 100%;
    height: 565px;
    object-fit: cover;
    position: absolute;
    top: 0%;
    left: 0%;
}



.ride{
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 75px 0;
}
.ride-area-3{
    margin-top: 30px;
}
.ride-area input, #cars-1 {
    width: 100%;
    height: 50px;
    padding: 10px;
    font-weight: 600;
}
.ride-area-4 input{
    height: 80px;
}
.ride-area ::placeholder{
    color:#444444 ;
    font-size:15px ;
    font-weight: 600 ;
    font-family: "Montserrat", sans-serif;
}
.ride-bot {
    width: 80%;
    margin: 0 auto;
}
.r-but{
    background-color: #003487;
    color: #ECEAEF;
    padding: 10px 30px;
    transform: rotate(30deg);
    font-size: 16px;
    font-weight:600;
    font-family: "Montserrat", sans-serif;
    transform: 0.4s all ease;
}
.ride-area-4 {
    margin-bottom: 50px;
}
.rid-b{
    text-align: center;
}
.r-but:hover{
    background-color: #fff;
    color: #222;
}


/* end ride */

.product {
    padding: 80px;
    background-color: #FBE7E9;
}
.head h1{
    font-family: "Dancing Script", cursive;
    color: red;
    font-weight: 600;
    font-size: 40px;
}
.head h1 span{
    color: #0000AB;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    text-shadow: 1px 2px 1px #fff;
}
.head{
    text-align: center;
   margin-bottom: 50px;
}
.product-bot {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 40px 20px;
    box-shadow: 2px 2px 7px #A5B5E8;
}

.proudect-area{
    width: 18%;
}

.pro-text{
    text-align: center;
}
.pro-text h1{
    color: #222222;
    font-family: "Montserrat"; 
    font-weight: 600;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom:10px;
}

.pro-text p{
    color: #444444;
    font-family: "Montserrat"; 
    font-weight: 500;
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
}


/* end proudect */
.client{
   background-image: url(../../homeimage/cli-bg.png);
   width: 100%;
   background-repeat: no-repeat;
    padding: 30px 0;
    background-color: #FBE7E9;
}




.star{
    color: #F4C006;
}
.client-text h1{
    color: #222222;
    font-family: "Montserrat"; 
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}
.client-text p{
    color: #444444;
    font-family: "Montserrat"; 
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}
.client-text {
    text-align: center;
    padding: 0 30px;
    position: absolute;
    top: 48%;
    left: 0%;
}
.client-main {
    position: relative;
}

.client .owl-dots{
    display: none;
}
.client .owl-prev span, .client .owl-next span {
    color: red;
    font-size: 49px;
    font-weight: 700;
    position: absolute;
    top: -56%;
    left: 26%;
}
.client .owl-prev{
    background-color: #fff !important;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.client .owl-next{
    background-color: #fff !important;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-left: 10px;
}
.client .owl-nav {
    text-align: center;
    margin-top: 42px;
}



/* end client */

.gallery-bot .owl-item .item {
    transition: 0.3s;
    transform: scale(0.8);
  }
  .gallery-bot .owl-item.center .item {
    transform: scale(1);
  }
 .gallery-bot .owl-dots{
  display: none;
 }

 .gallery-image {
    padding: 80px 0 0;
    background-color: #FBE7E9;
}

.gallery-image .owl-prev span, .gallery-image .owl-next span {
    color: red;
    font-size: 49px;
    font-weight: 700;
    position: absolute;
    top: -56%;
    left: 26%;
}
.gallery-image .owl-prev{
    background-color: #fff !important;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.gallery-image .owl-next{
    background-color: #fff !important;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-left: 10px;
}

.gallery-image .owl-nav {
    text-align: center;
}


/* end gallery-image */




.video-area{
    display: flex;
    justify-content: space-between;
}

.video-main{
    width: 16%;
}
.video-main video{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.video{
    padding: 80px 20px;
    background-color: #FBE7E9;
}
.video-head{
    text-align: center;
    margin-bottom: 50px;
}
.video-head h1{
    font-family: "Dancing Script", cursive;
    color: red;
    font-weight: 600;
    font-size: 40px;
}
.video-head h1 span{
    color: #0000AB;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    text-shadow: 2px 2px #fff;
}


/* end video */
.delivery-area .owl-dots{
    display: none;
}
.delivery-area{
    padding-bottom: 80px;
    background-color: #FBE7E9;
}

 .del-img{
    transition: all ease-in .3s;
    position: relative;
    overflow: hidden;
}
 .del-img::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.35);
    top: -100%;
    left: 0;
    transition: all ease-in .3s;
}
 .del-img:hover::after{
    top: 0;
}



/* stat footer */


.foot-area{
	display: flex;
	
	gap: 15px;
}

.foot-con{
	display: flex;
	justify-content: space-between;
}
.foot-1 {
    width: 26%;
}
button {
    background-color: transparent;
    border: none;
}
.foot-2 {
    width: 11%;
}

.foot-3 {
    width: 17%;
}

.foot-4 {
    width: 26%;
}
.foot-3 p{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    margin-top: 30px;
    margin-bottom: 35px;
}
.fe{
    margin-left: 10px;
}
.footer{
	background-image: url(../../homeimage/foot-bg.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding:200px 0 100px 0;
    background-color: #FBE7E9;
}

.foot-1 h1, .foot-2 h1, .foot-3 h1{
	color: #ffffff;
	font-size: 24px;
	font-weight:500;
	font-family: 'Andika New Basic';
	margin-bottom: 25px;
}
.heart{
	color: red;
	margin-left: 3px;
	margin-right: 3px;
}
.click{
	text-align: center;
}

.click p{
	color: #444444;
	font-size: 16px;
	font-weight:500;
	font-family: 'Cabin';
    padding: 15px 0;
}

/* end footer */

.dot{
	color: #fff;
	font-size: 20px;
}
.foot-1 p{
	color: #F5F5F5;
	font-size: 16px;
	font-weight:500;
	font-family: 'Cabin';
}
.fo-2{
	margin-top: 20px;
}
.foot-area-2 p{
	color: #F5F5F5;
	font-size: 16px;
	font-weight:500;
	font-family: 'Andika New Basic';
}

.foot-area-2 p:hover{
   
   color: #E60013;
}
.foot-area-2 a:hover{
	text-decoration: underline;
	color: #E60013;
}
.fac{
	color: #fff;
	font-size: 20px;
	border: 1px solid #fff;
	padding: 8px 12px;
	border-radius: 50%;
}
.ins, .what{
	color: #fff;
	font-size: 20px;
	border: 1px solid #fff;
	padding: 8px 10px;
	border-radius: 50%;
}
.you{
	color: #fff;
	font-size: 20px;
	border: 1px solid #fff;
	padding: 8px 8px;
	border-radius: 50%;
}
.foot-icon {
    display: flex;
    gap: 15px;
}
.foot-icon-bot h4{
	color: #fff;
	font-size: 18px;
	font-weight:600;
	font-family: 'Cabin';
	margin-top: 30px;
}
.foot-in input{
    background-color: transparent;
    border: none;
    border-bottom: none;
    width: 100%;
	padding: 10px 0;
}
.foot-sub {
    align-items: center;
    display: flex;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.foot-in {
    display: flex;
    border-bottom: 1px solid #fff;
    align-items: center;
}

#face-batch{
	width: 100% !important;
	height: 366px;
}

.footer ::placeholder{
	color: #F5F5F5;
    font-weight: 300;
}

.foot-bot{
    background-color: #F2F9FF;
}
.foot-3 img{
    width: 100%;
}
.foot-mod {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.foot-mod img{
    margin-right: 10px;
}


/* end footer */




.floating_btn {
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 100px;
	height: 100px;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	z-index: 1000;
  }
  
  @keyframes pulsing {
	to {
	  box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
	}
  }
  
  .contact_icon {
	background-color: #42db87;
	color: #fff;
	width: 60px;
	height: 60px;
	font-size:30px;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translatey(0px);
	animation: pulse 1.5s infinite;
	box-shadow: 0 0 0 0 #42db87;
	-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	font-weight: normal;
	font-family: sans-serif;
	text-decoration: none !important;
	transition: all 300ms ease-in-out;
  }
  
  
  .text_icon {
	margin-top: 8px;
	color: #707070;
	font-size: 13px;
  }

  /* floating whatsaap */

  button.back-to-top{
	z-index: 9;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff !important;
	  height: 0px;
	width: 0px;
	overflow: hidden;
	  border-radius: 50px;
	  -webkit-border-radius: 50px;
	  -moz-border-radius: 50px;
	color: transparent;
	  clear: both;
	visibility: hidden;
	position: fixed;
	cursor: pointer;
	display: block;
	border: none;
	right: 50px;
	  bottom: 75px;
	font-size: 0px;
	outline: 0 !important;
	z-index: 99;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  }
  button.back-to-top:hover,
  button.back-to-top:active,
  button.back-to-top:focus,{
	outline: 0 !important;
  }
  
  button.back-to-top.show {
	display: block;
	background-color: #fff;
	font-size: 25px;
	right: 25px;
	  bottom: 50px;
	height: 50px;
	width: 50px;
	visibility: visible;
	  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  }
  button.back-to-top.show:active {
	box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  }

.mo{
	color: #DD0000;
	font-size: 20px;
}
.mo:hover{
   color: blue;
}

/* end top to botton */

.phone-icon{
    background-color: #003486;
    padding: 3px 5px;
    position: fixed;
    left: 3%;
    bottom: 15%;
    border-radius: 10px;
    color: #fff;
    font-size: 30px;
    z-index: 9;
}

.phone-icon:hover{
    background-color: #222;
    color: #fff;
}
.foot-area-2 p:hover, .foot-1 p:hover{
    color: red;
    text-decoration: underline;
}
.dot:hover{
    color: red;
}
.fac:hover, .ins:hover, .what:hover, .you:hover{
    color: red;
    border: 1px solid red;
}









/* start pop up */

.apply{
    background-color: #02811E;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    align-items: center;
    gap: 10px;
    display: inline;
  }
  .apply:hover{
   background-color: #222;
   color: #fff;
  }
  
  
  
  .btn_right {
    text-align: center;
    display: inline-block;
    width: 162px;
    padding: 12px 7px;
    background-color: #ee8325;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }
  
  .btn_left {
    width: 55px;
    text-align: center;
    display: inline-block;
    padding: 12px 7px;
    color: #fff;
    background-color: #283c5e;
    font-size: 16px;
  }
  
  .pop .btn_right {
    font-size: 12px;
    padding: 8px 7px;
  }
  
  .pop .btn_left {
    font-size: 18px;
    padding: 6px 7px;
  }
  
  .new-modal {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    text-align: center;
  }
  
  .new-content {
    width:20%;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 2px 2px 7px 2px #1660a3a1;
    border-radius: 25px;
  }
  
  .modal-right {
    position: relative;
    width: 100%;
    background-color: var(--primary-color);
    padding:30px 30px;
  }
  
  .close-button {
    right: 20px;
    top: 20px;
    position: absolute;
    color: #ffffff;
    font-size:35px;
    float: right;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    background-color: red;
    border-radius: 50%;
  }
  
  .modal-right h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #FF6600;
    margin-bottom: 28px;
    font-family: 'Exo';
    text-align: center;
  }
  
  .day {
    display: inline-block;
    width: 50%;
    /* margin-right: 25px; */
  }
  
  .time {
    width: 50%;
    display: inline-block;
    margin-left: auto;
  }
  
  .input-div {
    justify-content: space-between;
    margin-bottom: 22px;
  }
  
  .input-div input, .se {
    width: 100%;
    font-size: 16px;
    height: 50px;
    background-color:transparent;
    padding: 9px 13px 9px 13px;
    border:2px solid #222;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #191919;
  }
  .input-div input:focus {
    outline: none;
  }
  .modal-right form textarea {
    font-size: 16px;
    width: 100%;
    height: 97px;
    background-color: transparent;
    padding: 9px 20px 59px 13px;
    border:2px solid #222;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #191919;
    margin-bottom: 27px;
  }
  .modal-right form textarea:focus {
    outline: none;
  }
  .modal-right .gbl_btn {
    display: inline-flex;
    width: 172px;
    height: 35px;
    position: static;
    transform: none;
    border: none;
  }
  .modal-right .btn_right {
    font-size: 12px;
    padding: 11px 7px;
  }
  
  .show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  }
  
  .icon_2 {
    width: 11%;
    position: absolute;
    top: 50%;
    left: -5%;
    transform: translateY(-50%);
  }
  
  .icon_2 img {
    width: 100%;
  }
  
  
  
  
  
  
  
  
  /* end pop up */