*{
  margin: 0px;
  padding: 0px;
  outline: 0px;
  scroll-behavior: smooth;
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: 'Rubik', sans-serif;
}

a {
  text-decoration: none;
  color: #000;
}

div {
  border: none;
}

:root {
  --body: #edb509;
  --lightbody: #0f86b959;
  --background: rgb(237, 237, 237);
  --border: rgb(255, 213, 0);
  --bordergray: rgb(226, 226, 226);
  --white: #fff;
}
.arrow{
 display: flex;
}
.arrow .top {
  width: 25px;
  border-top: 3px solid var(--white);
  padding: 0px;
  margin-bottom: 2px;
}

.arrow .buttom {
  width: 25px;
  border-bottom: 3px solid var(--white);
  padding: 0px;
}
.cone{
 height: 15px;
 width: 15px;
 border-bottom: 3px solid var(--white);
 border-right: 3px solid var(--white);
 transform: rotate(-45deg);
 margin-left: -15px;
 margin-top: -3px;
}

.section {
  padding: 60px 0px;
}

.section-title {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-mt-4 {
    margin-top: 34px !important;
    font-size: 21px !important;
    line-height: 37px;
    text-align: center;
    color: #323232;
}

.section-title h5 {
  color: var(--body);
  font-weight: 600;
}

.section-title h1 {
  text-transform: capitalize;
  font-weight: 700 !important;
  font-size: 30px !important;
}
.body-text{

  font-size: 17px!important;
  line-height: 1.5em!important;
  letter-spacing:0.05em!important;
  text-align: justify!important;


}

.title-line {
  display: flex;
}

.title-line .left .top {
  height: 3px;
  width: 30px;
  background-color: var(--body);
  margin: 3px;
  margin-left: auto;
}

.title-line .left .buttom {
  height: 3px;
  width: 50px;
  background-color: var(--body);
  margin: 3px;
}

.title-line .right .top {
  height: 3px;
  width: 30px;
  background-color: var(--body);
  margin: 3px;
}

.title-line .right .buttom {
  height: 3px;
  width: 50px;
  background-color: var(--body);
  margin: 3px;
}

.more-btn {
  padding: 5px 25px;
  border: none;
  background-color: var(--body);
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #fff;
  transition: all 300ms;
  display: flex;
  justify-content: center;
  align-items: center;
}

.more-btn:hover {
  background-color: var(--background);
  color: var(--body);
}
.more-btn:hover .arrow{
  color: var(--body);
}
.page-banner{
  position: relative;
}
.banner-content{
  position: absolute;
  top: 40%;
  width: 100%;
/*padding-top: 10%;*/

}
.productImageModal { width: 100%; }
.page-title{
 text-transform: capitalize;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-title h1{
  text-transform: capitalize;
  text-align: center;
  font-weight: 700!important;
  font-size: 50px!important;
  color: #fff;
}
.product-details{
  margin: 20px;
}
.modal-dialog{
  background-color: var(--white);
  position: relative;
  padding: 20px;
}
.icofont-close{
  width: 35px;
  height: 35px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  border: none;
  box-shadow: 0px 0px 15px gray;
  background-color: var(--background);
  color: black;
}
/*.modal-dialog button: hover button{
    background-color: var(--body)!important;
  color: var(--white)!important;
}*/
.view-details{
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
  height: 100%;
  padding: 20px 0px;
}
.view-details ul {margin:10px  0px 30 0px;}

.view-details h4{
  font-weight: 600;
  text-transform: uppercase;
}
.modal-dialog .view-details .get-started{
 border: none;
 padding: 5px 20px;
 background-color: var(--body);
 color: var(--white);
 text-transform: uppercase;
 width: 100%;

}
/*.modal-dialog .view-details .get-started:hover{
  background-color: var(--background);
}*/



/*.get-start .modal-content{
        display: flex;
    align-items: center;
    justify-content: center;
}*/
.get-start{
  z-index: 9999;
}
.get-start .get-started-content h4 {
 text-transform: capitalize;
 font-weight: 600;
 }
 .get-started-content{
  padding: 15px;
 }
 .get-started-content input{
   margin: 20px 0px;
   outline: var(--body)!important;
 }

 .get-started-content  .sumit{
  width: 100%;
  margin-top: 25px;
 border: none;
 padding: 5px;
 background-color: var(--body);
 color: var(--white);
 }

.rental-deals .content{
  padding: 10px 40px ;
  background-color: var(--white);
  box-shadow: 0px 0px 15px var(--bordergray);
   transition: all 500ms;
}

.rental-deals .content .img{
  padding: 30px;
  border: 2px dotted black;
  border-radius: 50%;
  margin: 20px;
   transition: all 500ms;
}
.rental-deals .content h4{
  text-transform: capitalize;
 font-weight: 600;
 font-size: 20px;
 transition: all 500ms;
}
.rental-deals .content:hover{
   background-color: black;
}
.rental-deals .content:hover .img{
   border: 2px dotted var(--white);
}
.rental-deals .content:hover h4{
   color: var(--white);
}

.rental-deals .right p {
  font-size: 18px;
  color: gray;
}
.rental-deals .right ul {
  list-style: none;
  padding: 0px;
}
.rental-deals .right ul li{
  font-size: 18px;
 padding: 8px 0px;
}
.rental-deals .right ul li span i{
  margin-right: 5px;
  color: var(--body);
  font-size: 20px;
  font-weight: 600;
}

.Rental-product{
  background-color: var(--background);
}
.rental-form{
  margin-top: -50px!important;
}