@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700&family=Lora:ital,wght@1,700&family=Merriweather:ital,wght@0,700;1,700&family=Oxygen:wght@400;700&family=Young+Serif&display=swap');

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;  
  /*overflow-x:hidden;*/
}

/* google fonts */
/* font-family: 'Oswald', sans-serif; */
/* font-family: 'Libre Baskerville', serif; */
/* google icons */
/* basics */

html {
  scrollbar-color: #926d34 transparent;
  scroll-behavior: smooth;
}

html, body{
    overflow-x: clip;
}

:root{
  --light-grey-background: #F7F7F7;
  --young-font-family: 'Young Serif', serif;
  --meriweather-font-family: 'Merriweather', serif;
  --main-yellow-color: #f5bc09;
  --main-black-color: #181818;
  --light-grey-text-color: #3c3c3c;
  --light-grey-border-color: 1px solid rgb(224, 220, 220);
}

.top-gap{
  /* margin-top: 6rem; */
}

h1, h2, h3, h4, h5, h6, label, th, .btn{
  font-family: var(--young-font-family);
}

h1{
  font-size: 55px !important;
}

h2{
  font-size: 30px !important;
}

p, li, tr, td{
  line-height: 30px;
  font-family: var(--meriweather-font-family);
  color: var(--light-grey-text-color);
}

/* sections */
section {
  display: block;
  clear: both;
  position: relative;
  width: 100vw;
  height: 110vh;
}

.container1 
{
  width: 88%;
  margin: auto;
}

/* gallery style */
[data-am-gallery] {
  position: relative;
  width: 100%;
  height: 100%;
}

[data-am-gallery] input[type=radio] {
  position: fixed;
  top: -9999px;
}

[data-am-gallery] input[type=radio]:checked:nth-child(5) ~ .images .image:nth-child(5) {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(5) ~ .navigation .dot:nth-child(5) {
  background-color: #fff;
}

[data-am-gallery] input[type=radio]:checked:nth-child(5) ~ .navigation .dot:nth-child(5):hover {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(4) ~ .images .image:nth-child(4) {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(4) ~ .navigation .dot:nth-child(4) {
  background-color: #fff;
}

[data-am-gallery] input[type=radio]:checked:nth-child(4) ~ .navigation .dot:nth-child(4):hover {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(3) ~ .images .image:nth-child(3) {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(3) ~ .navigation .dot:nth-child(3) {
  background-color: #fff;
}

[data-am-gallery] input[type=radio]:checked:nth-child(3) ~ .navigation .dot:nth-child(3):hover {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(2) ~ .images .image:nth-child(2) {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(2) ~ .navigation .dot:nth-child(2) {
  background-color: #fff;
}

[data-am-gallery] input[type=radio]:checked:nth-child(2) ~ .navigation .dot:nth-child(2):hover {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(1) ~ .images .image:nth-child(1) {
  opacity: 1;
}

[data-am-gallery] input[type=radio]:checked:nth-child(1) ~ .navigation .dot:nth-child(1) {
  background-color: #fff;
}

[data-am-gallery] input[type=radio]:checked:nth-child(1) ~ .navigation .dot:nth-child(1):hover {
  opacity: 1;
}

[data-am-gallery] .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

[data-am-gallery] .navigation {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

/* nav dots */
[data-am-gallery] .dot {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  background-color: #926d34;
  cursor: pointer;
}

[data-am-gallery] .dot:hover {
  background-color: #fff;
}

/* nav buttons */
.button {
  z-index: 9;
  cursor: pointer;
}

.back {
  position: absolute;
  top: 50%;
  left: 0rem;
  transform: translateY(-50%);
}

.forward {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}



.material-symbols-outlined {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
}

.material-symbols-outlined:hover {
  color: #926d34;
}

[data-am-gallery] .dot,
.material-symbols-outlined {
  transition: all 0.2s ease;
}

/* text styles */
#title_cnt {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 20rem;
  transform: translateY(-50%);
}

#title {
  font-size: clamp(3.5rem, 6vw, 6vw);
  font-weight: 600;
  text-align: center;
  line-height: 1;
  font-family: "Libre Baskerville", serif;
  color: transparent;
  background-image: linear-gradient(to right, #8f6a32 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #8f6a32 100%);
  -webkit-background-clip: text;
  filter: drop-shadow(1px -1px 8px #000);
}

section h3 {
  font-family: "Oswald", sans-serif;
  font-size: clamp(2rem, 3vw, 3vw);
  font-weight: 100;
  color: transparent;
  background-image: linear-gradient(to right, #8f6a32 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #8f6a32 100%);
  -webkit-background-clip: text;
}

.logo {
  width: 100%;
  height: 100%;
  text-align: left;
}

.navbar {
  margin: 0 !important;
  padding: 0 !important;
}

.navigation {
  height: 100px;
  background: rgba(0, 0, 0, 0.6) !important;
}

.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 100px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #050505;
  text-decoration: none;
}

.kjhghjk5 
{
  width: 100%;
  /*height: 100%;*/
}
.kjhghjk5 img 
{
  width: 100%;
  /*height: 100%;*/
}



.nav-container {
  max-width: 100%;
  margin: 0 auto;
}

nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 20px;
  line-height: 80px;
  /* background: tranparent; */
  color: #ffffff;
  text-decoration: none;
}
.active2 
{
  background: #f5bc09;
  color: #000000;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;


}
nav ul li a:hover,
nav ul li a:visited:hover {
  background: #f5bc09;
  color: #ffffff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";

}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  background: #f5bc09;

  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: tranparent;
  height: 100px;
  width: 100px;
}

@media only screen and (max-width: 798px) {
  .nav-mobile {
    display: block;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }
  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #fff;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

article {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
}

.slider-section {
  position: relative;
}
.navigation 
{
  position: absolute;
  z-index: 9;
}


.contant12 
{
  text-align: center;
  margin: auto;
  margin-top: 20%;
}
.contant12 h6 
{
  color: #f5bc09;
}
.contant12 h2
{
  color: #ffffff;
  font-size: bold;
  font-size: 70px !important;
}
.btnb 
{
  padding: 12px 30px;
  border: none;
  border-radius: 25px;
  color: #1e252d;
  font-size: 700 !important;
  font-size: 20px;
  margin-top: 20px;

}
.kjkj 
{
  padding: 10px ;
  background-color: #fff;
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.section2 
{
  width: 100%;
  padding: 40px 0;


}

.hgtjdfrgb 
{
  text-align: center;
  padding: 40px;
  background-color: #f5bc09;
  width: 100%;
  height: 240px;
  border-radius: 12px;

}

.cont 
{
  color: white;
  margin-top: 10px;

}
.cont h6 
{
  color: white;
  margin: 0;
}
.cont h2
{
  color: white;
  margin: 0;
}

.section2
{
  margin-top: -90px;
  position: relative;
}

/* start sdection3 */

.section3 
{
  margin-top: 6rem;
}
.kuygydf 
{
  width: 100%;
  height: 550px;
  border-radius: 12px;

}
.kuygydf  img 
{
  width: 100%;
  height: 100%;
  border-radius: 12px;

}
.hgfygb h2 
{
  font-size: 45px;
}
.hgfygb p 
{
  color: rgb(69, 65, 65);
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  font-family: 'League Spartan', sans-serif;

}

.iughfj5 
{
  width: 100%;
  height: 190px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.iughfj5 img
{
  width: 100%;
  height: 100%;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.jhgjfg h5 
{
  margin-top: 50px;
}
.inmg55 
{
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.inmg55 img 
{
  width: 100%;
  height: 100%;
  border-radius: 50%;

}
.hgjfg
{
  display: flex;
}
.fhjjghf h6 
{
  margin: 0;
}
.fhjjghf h2
{
  margin: 0;
  font-size: 37px;
}
.fhjjghf 
{
  margin-left: 15px;
  margin-top: 10px;
}
.rjugdfhg 
{
  text-align: center;
}
.rjugdfhg h6 
{
  font-size: 20px;
}
.rjugdfhg h2
{
  font-size: 50px !important;
}
.hjghf552 
{
  text-align: center;
  padding: 20px;
}
.fjkghf
{
  margin-top: 15px;
}
.fjkghf h5 
{
  margin-bottom:20px ;
}
.fjkghf h5:hover {
  color: #f5bc09;
  transition: 0.5;
}
.fjkghf p
{
  font-family: 'League Spartan', sans-serif;

  font-size: 20px;
  line-height: 22px;

}
.btn-main 
{
   padding: 17px 40px;
   color: #000;
   background-color: var(--main-yellow-color);
   border: none;
   border-radius: 33px;
   font-weight: 600;
   font-size: 20px;
}
.kdhfd 
{
  text-align: center;
}
.section5 
{
  width: 100%;
  height: 120vh;
  padding: 30px 0;
  /* margin-top: -100px; */
}
.jhfgjdbv545 
{
  width: 100%;
  height: 110vh;
  background: url(../image/customers-bg.jpg);
}
.container2
{
   width: 70%;
   margin: auto;

}

.fjdffg5 
{
  margin-top: 30px;
  color: white;
  
}
.fjdffg5  h2 
{
  padding-top: 60px;
}

.jkfdhgjf 
{
  width: 100%;


}
.ghjdfrhdf 
{
  width: 100%;
  height: 400px;
  border-radius: 8px;
  background-color: rgba(63, 62, 62, 0.6);

}

.container10 
{
  width: 80%;
  margin: auto;
}

.jkfdhgjf p
{
  color: white;
  font-family: 'League Spartan', sans-serif;

  margin-top: 50px;

}

.kjdfhgf 
{
  width: 70px;
  height: 70px;
  text-align: right;
  margin: auto;
}
.kjdfhgf img 
{
  width: 100%;
  height: 100%;
}

.fhjjghf2 
{
  margin-left: 20px;
  color: white;
  margin-top: 5px;
}
.fhjjghf2 h5
{
  margin: auto;


}
.hgjfg1 
{
  display: flex;
  margin-top: 15px;
}
.hgjfbfdg 
{
  width: 100%;
  height: 150px;
  background-color: #f5bc09;
}
.hgjfg2 
{
  display: flex;
  padding-top: 40px;

}
.inmg55a 
{
  width: 75px;
  height: 75px;
  
}
.inmg55a img
{
  width: 100%;
  height: 100%;

  
}
.container2a 
{
  width: 75%;
  margin: auto;

}

.khjgjfcg
 {
   width: 100%;
   height: 300px;
   border-radius: 12px;
   margin-top: 150px;
 }

.khjgjfcg img  
{
  width: 100%;
  height: 100%;
  border-radius: 12px;

}

.hgfdbdg
{
  margin-top: 50px;

}
.hgfdbdg h2 
{
  color: #1e252d;
  font-size: 38px;
}
.hgfdbdg p 
{
  color: gray;
  
}

.kjdfhgh24 
{
  margin-top: 35px;
}
.hhfg54 
{
  margin-top: 15px;
}

.section6 
{
  width: 100%;
  padding: 50px 0;
  margin-top: 200px;
}
.ldjhfyg
 {
  text-align: center;
  margin: auto;
 }
 .ljhjfcvg 
 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: -2px;
 }

 .jfgvujbdhv 
 {
  margin: 0px 60px;

 }

 .dfkjghf 
 {
   width: 80%;
   height: 100%;
   text-align: center;
   margin: auto;
 }
 .dfkjghf img 
 {
  width: 100%;
  height: 100%;
 }



 .btndfhj
  {
    width: 100%;
    height: 60px;
    border: none;
    background-color: #000;
    color: white;
    margin-top: 25px;
    border-radius: 35px;
    text-decoration:none;
    padding-top:15px;

  }
 .btndfhj:hover 
 {
    background-color: #f5bc09;
    transition: .5s;
 }

 .sdjgfdkjgbfdg h5
 {
  color: black;
   
 }

 .section7 
 {
  width: 100%;
  height: 430px;
  background-color: #FFCD00;
 }
 .btndfhj2 
 {
    padding: 20px 50px;
    border: none;
    background-color: #000;
    color: white;
    text-align: center;
    margin-top: 25px;
    border-radius: 35px;
    padding-top:15px;
    text-decoration:none !important;


 }

 .hjfvghf 
 {
  margin-top: 150px;

 }
 .hjfvghf h2 
 {
  color: #1e252d;
  font-size: 42px;
 }
 .kjhghjk5 
 {
   margin-top: 60px;
 }
 .jhgfjg  
 {
  width: 100%;
  height: 700px;
 }
 .jhgfjg  img 
 {
  width: 100%;
  height: 100%;
 }
 .khjgf 
 {
  display: flex;
  align-items: baseline;
 }




 /*about us start*/

 .about-banner-overlay{
  padding: 20rem 0 8rem 0;
  background: rgba(0, 0, 0, 0.4);
 }

 .dsection3 
 {
  margin-top: 17%;
 }

 .ddsec 
 {
    margin-top: 60px;
 }

 .a-b-content h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
 }

 .isudhfsdf{
  
  background: var(--light-grey-background);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 .jhfgbfjgimg 
 {
  width: 100px;
  height: 100px;
  text-align: center;
  margin: auto;
 }
 .isudhfsdf h5 
 {
  padding-top: 10px;
 }

 .jhfgbfjgimg img 
 {
  width: 100%;
  height: 100%;
 }


 .ihsdefsdewww{
  background: var(--light-grey-background);
 }

 .fdsfdsfdf_iutrfrert
 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 10px;
 }
 .fdsfdsfdf_iutrfrert
 
 {
  width: 100%;
  height: 100%;

 }

 .kjghkhbg
 {
    background-color: #000 !important;
    color: white;
 }

 .hgjhfimh 
 {
  width: 100px;
  height: 100px;
  text-align: center;
  margin: auto;

 }
 .hgjhfimh img
 {
  width: 100%;
 }

 .fjvhfimg
 {
    width: 70px;
    height: 70px;
 }

 .fjvhfimg img
 {
    width: 100%;
    height: 100%;
 }




 .dfsodspgwwe{
  background-color: var(--light-grey-background);
 }

 .oifdsfs {
  margin-bottom: 5rem;
 }

 .oifdsfs img{
  max-width: 100%;
 }
 .uihdasretrt__inner 
 {
  padding: 10px;
 }

 .opakjsdoprr{
  justify-content: space-between;
 }

 .btn-black{
  background: #000 !important;
  padding: 1.2rem 1.2rem !important;
  border-radius: 50px !important;
  color: #fff !important;
  letter-spacing: 1px;
  background-color:black !important;
  font-size: 1.2rem !important;
 }

 .kfhfj55g 
 {
  width: 100%;
  height: 100%;
 }
 .kfhfj55g img
 {
  width: 100%;
  height: 100%;
 }


 .oidajoasd{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  padding: 36px;
 }

 .ftrteretyyu{
  border-right: 2px solid var(--light-grey-background);
 }
 
 .siodhuoee i{
  color: #cb9b51;
 } 

 /*about us end*/







 /*blog start*/

 .ijoijoijeeee .dfgtyevuyuyt span{
  color: var(--main-yellow-color);
 }

 .ijoijoijeeee p{
  font-size: 13px;
  color: #3c3c3c;
 }

 .ihnfd_text{
  color: var(--light-grey-text-color) !important;
 }

 .uihdasretrt__inner{
  border-bottom: var(--light-grey-border-color);
 }

 .joijsdieee{
  text-align: right;
 }

 .joijsdieee a{
  text-decoration: none;
  color: var(--main-yellow-color);
  text-transform: uppercase;
 }

 .joijsdieee a:hover{
  color: var(--main-yellow-color);
 }

 .joijsdieee a:hover .ihuoekre__icon{
  transform: rotate(360deg);
  transition: 0.5s ease-in-out;
 }

 .idsfnopehjbe{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }

 .ugbsdrrtg{
  color: var(--main-yellow-color);
 }


 /*blog end*/







 /*blog details start*/

.usgdhuifrett_banner-title{
    left: 15% !important;
    transform: translate(-6%, -50%) !important;
}

 /*blog details end*/








 /*footer start*/

 footer{
  background: #181818;
 }

 .ftrygfwewtryu{
  justify-content: space-between;
  border-bottom: 1px solid #3c3c3c;
 }

 .dihfeweee{
  color: #fff;
 }

 .iuhsdeety{
  text-align: right;
 }

 .odjfiseee button{
  right: 1%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 6px;
 }

 .uiheiu::placeholder{
  font-size: 18px;
 }

 .eujfreweewe__inner h3, .eujfreweewe__inner p,  .eujfreweewe__inner li, .dfuyuydeuyilk p{
  color: #d3d3d3 !important;
 }


 .eujfreweewe__inner ul li{
  list-style: none;
  margin-bottom: 5px;
 }

 .eujfreweewe__inner ul li i{
  margin-right: 5px;
  font-size: 10px;
 }

 .oijdojreirerr{
  border-bottom: 1px solid #3c3c3c;
 }

 .dfuyuydeuyilk{
  justify-content: space-between;
  color: #fff;
  letter-spacing: 1px;
 }

 /*footer end*/



 /* arians css  */
 /* arians css  */
 /* arians css  */
 /* arians css  */
 /* arians css  */
 /* arians css  */

 


 /* contact us css by arian */
 /* contact us css by arian */
 /* contact us css by arian */



 .slider-section2 {
  position: relative;
  background: url(../image/default-header-img.jpg);
  width: 100%;
  background-size: 100% 100%;
  height: 67vh;
}

.jghfdgjimg 
{
  text-align: center;
  margin: auto;
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}

.jghfdgjimg img 
{
  width: 100%;
  height: 100%;
}


.dghudfgfd 
{ 
  text-align: center;

}
.ihioeewirerr p 
{
  width: 65%;
  margin: auto;
}
.dghudfgfd h2 
{
  color: white;
  font-size: 55px !important;
  padding-top: 15%;
}

.section100 
{
  width: 100%;
  padding: 40px 0;
  margin-top: 40px;
}

.ljghfhgfg100 
{
  width: 100%;
  border: 3px solid #FFCD00;
  height: 90vh;
  border-radius: 12px;
}
.gjhjkhg 
{
  text-align: center;
  margin-top: -25px;
}
.gjhjkhg h2 
{
  width: 350px;
  background-color: white;

  margin: auto;
  font-size: 40px;
}

.container100 
{
  width: 80%;
  margin: auto;
  margin-top: 80px;

}

.fghbhjg 
{
  margin-bottom: 20px;

}

.fghbhjg .form-control
{
  border: 0px;
  padding: 12px;

}
.fghbhjg .form-control::placeholder 
{
  color: #000 !important;
}
.ghfbgf 
{
  text-align: center;
  margin: auto;
  margin-top: -32px !important;

}

.btndf
{
  padding: 18px 45px;
  color: #000;
  background-color: #FFCD00;
  border: none;
  font-size: 17px;
  border-radius: 33px;
}
.section101 
{
  width: 100%;
  padding: 20px 0;
}

.Section4 
{
  padding: 40px 0;
  width: 100%;
  /* margin-top: 40px; */
}
/* end of contact us css */
/* end of contact us css */
/* end of contact us css */
/* end of contact us css */


/* start servicepage css by arian */
/* start servicepage css by arian */
/* start servicepage css by arian */

.section200 
{
  width: 100%;
  padding: 40px 0;
  margin-top: 30px;
  margin-bottom:70px;
}
.hjghf552 
{
  margin-top: 20px;
}
.section201 
{

  margin-top: 40px;
}
.bntgj 
{
   padding: 18px 40px;
   color: #000;
   background-color: #f5bc09;
   border: none;
   border-radius: 32px;
   font-weight: 500;
}


/* end service page css */
/* end service page css */
/* end service page css */


/* start reviews page css by arian  */
/* start reviews page css by arian  */
/* start reviews page css by arian  */
/* start reviews page css by arian  */

.service300 
{
  width: 100%;
  padding: 30px 0;
}

.kjfghjdg 
{
  display: flex;
}
.ljfjvghv 
{
  margin-left: 20px;
  margin-top: 10px;
}
.fkfdhjgufdg 
{
  margin: 20px;
  padding: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.iconsdf i 
{
  color: #f5bc09;

}
.fkfdhjgufdg 
{
  margin-bottom: 40px;
}

.section400 
{
  width: 100%;
  padding: 40px 0;
}

.container400 
{
  width: 60%;
  margin: auto;
}

.bfghdgdg 
{
  text-align: center;
  margin: auto;
  margin-top: 20px;
}

.fhkjdfhdbtn 
{
  padding: 18px 45px;
  color: #000;
  background-color: #FFCD00;
  border: none;
  font-size: 17px;
  border-radius: 33px;

}

/* blog add on wfm */
/* blog add on wfm */
/* blog add on wfm */

.fjdgjkfdg 
{
  width: 80%;
  text-align: center;
  /* margin: auto; */
  height: 150px;
}
.fjdgjkfdg img 
{
  width:100%;
  height: 100%;
}
.ufgu 
{
   width: 100%;
   height: 100%;
}
.ufgu img 
{
  width: 100%;
  height: 130px;
}
.dhfjfdfd 
{
  width: 100%;
  padding: 40px 0;
}

.kjhgukfgh 
{
  width: 90%;
  margin-top: 25px !important;
  margin: auto;

}
.hsrdghfd 
{
  padding: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 12px;
}
.btnss 
{
  padding: 12px 30px;
  border: none;
  border-radius: 25px;
  background-color: black;
  color: white;
  font-weight: 500;

}
.btnss:hover 
{
  background-color: #f5bc09;
  transition: .05s;
}

.djfhdf 
{
   text-align: center;
   margin: auto;
   width: 100%;
   padding: 40px 0;
}
.djfhdf  h2 
{
  font-size: 50px !important  ;
}

.fjjgkf 
{
  display: flex;
  /* align-items: baseline; */

}
.fdgfdimg 
{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.fdgfdimg img
{
  width: 100%;
  height: 100%;
}

.jfjkgh h6 
{
  margin-bottom: 0px;
}
.jfjkgh  
{
  margin-left: 15px;
  margin-top: 5px;
}
.paymentpage 
{
  width: 100%;
}
  .jfhfjk 
  {
    padding: 20px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    border-radius: 10px;
  }

  .gjkhfcjkhfg 
  {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0px 20px;
    /* line-height: 20px !important; */
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;

  }
  .gjkhfcjkhfg h6 
  {
    padding-top: 10px;
  }
  .gjkhfcjkhfg1
  {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0px 20px;
    /* line-height: 20px !important; */
    /* border-top: 2px dotted black;
    border-bottom: 2px dotted black; */

  }
  .gjkhfcjkhfg1 h6 
  {
    padding-top: 10px;
  }

  .fhghdgd54 
  {
    padding: 25px 20px;
    background-color: var(--main-yellow-color);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }

  .jfgfg 
  {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 1px solid #707070;
  }
.jkhfjkdg 
{
  margin-top: 30px;
}

.ufhfgf 
{
  margin-bottom: 15px;
}
.ufhfgf .form-control 
{
  padding: 10px !important;
}

.bnttt 
{
  width: 100%;
  height: 60px;
  background-color: #000;
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 4px;
}
.bnttt:hover 
{
   background-color: #f5bc09;
   transition: .05s;
}


.fukhdfuds 
{  
  padding: 20px;
  border-radius: 10px;
}

.djhfhgdg 
{
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #dddddd;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -26px;
}
.imghh img 
{
  width: 15px;

}
.fghsf 
{
  margin-left: 10px;
}
.dshjfgd 
{
  width: 100%;
  margin: auto;
  margin-top: 20px;

}
.jgfdg
{
  width: 100%;
  height: 40px;
}
.jgfdg img 
{
  width: 100%;
  height: 100%;
}

.jgfdg 
{
  margin-bottom: 15px;
}
.jkfjkgnjkfd 
{
  margin-top: 25px;
}

.jfjkghf
{
  width: 100%;
  height: 40px;


}

.fgh 
{
  width: 80%;
  margin: auto;
}

.jfjkghf img 
{
  width: 90%;
  height: 100%;
}






/* privacy and poilicy css by arian  */
/* privacy and poilicy css by arian  */
/* privacy and poilicy css by arian  */

.slider-section3 {
  position: relative;
  background: url(../image/Screenshot\ \(23\).png);
  width: 100%;
  background-size: 100% 100%;
  height: 67vh;
}

.overlay3
{
  width: 100%;
  height: 67vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
}

.ghfgdfd 
{
  width: 100%;
  padding: 40px 0;
}

.iffgmg 
{
  width: 25px;
  height: 25px;
}
.iffgmg img
{
  width: 100%;
  height: 100%;

}
.gfhjfjhf 
{
  display: flex;
  align-items: baseline;
}
.hgfbh p 
{
  padding-left: 15px;
  width: 70%;
}



/* codepen css of rating  */
/* codepen css of rating  */
/* codepen css of rating  */


.container999 {
  background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/concrete-texture.png");
  display: flex;
  flex-wrap: wrap;
  height: 200px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.lkhhjfdfvdg 
{
  width: 100%;
  padding: 40px;
}
.drfgdg 
{
  text-align: center;
}

/* .jffggvff 
{
  width: 100%;
  padding: 40px 0;
} */

.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 150px;
  border-radius: 12px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji-wrapper:after{
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s;
}

.emoji > svg {
  margin: 15px 0; 
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.feedback {
  max-width: 360px;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: 0 4px 30px rgba(0,0,0,.05);
}

.hdhjfghd 
{
  width: 60%;
  margin: auto;


}

.hdhjfghd .form-control 
{
  border: 2px solid rgb(142, 140, 140);

}
.btndfdkjl 
{
   padding: 10px 30px;
   border: none;
   border-radius: 8px;
   background-color: #000;
   color: white;
   margin-top: 10px;
   font-weight: 500;

}
.btndfdkjl:hover 
{
  background-color: #f5bc09;
  transition: 0.5s;
}


/* progress  bar  */
/* progress  bar  */


.fa {
  margin-right: 5px;
}

.rating .fa {
  font-size: 22px;
}

.rating-num {
  margin-top: 0px;
  font-size: 35px;
}

.progress {
  margin-bottom: 5px;
}

.progress-bar {
  text-align: left;
}

.rating-desc .col-md-3 {
  padding-right: 0px;
}

.sr-only {
  margin-left: 5px;
  overflow: visible;
  clip: auto;
  color: white !important;
}

.progress-bar-success {
  background-color: #5cb85c !important;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.progress-bar-info {
  background-color: #5bc0de !important;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.progress-bar-warning {
  background-color: #f0ad4e !important;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.progress-bar-danger {
  background-color: #d9534f !important;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.flex-flex 
{
  display: flex;
  justify-content: space-between;
  /* align-items: baseline; */
}
.righttddf 
{
  margin-left: -29px !important;
}
.righttddf h6
{
  font-size: 14px;

}
.spn 
{
  font-size: 12px !important;
}

.vhkgdfgjvkfdvg 
{
   width: 60%;
   margin: auto;
   padding: 40px 0;
}
.lkgjbfnh 
{
  display: flex;
}
.njbgimg 
{
  width:50px;
  height: 50px;
  border-radius: 50%;
}
.njbgimg img 
{
  width: 100%;
  height: 100%;
  border-radius: 50%;


}
.jfvhjgdd 
{
  margin-left: 15px;
}
.jfvhjgdd h6 
{
  margin-bottom: 0;
}
.icons i 
{
  color: rgb(202, 135, 19);
}
.kjghyfhdbfd p 
{
  font-size: 14px;
  line-height: 22px;
}
.ljhg 
{
  margin-bottom: 20px;
}
.fdghjgfgkjk 
{

  margin-bottom: 25px !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 10px;
}

/* sign page  css by arian */
/* sign page  css by arian */
/* sign page  css by arian */

.frghuydghvfg 
{
  width: 100%;
  padding: 40px 0;

}

.jughfgf 
{
  width: 35%;
  margin: auto;
  padding: 20px;
  border: 2px solid #f6ad24;
  border-radius: 8px;

  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.htfgdgf 
{
  margin-bottom: 15px;
}

.btnjh 
{
  width: 100%;
  height: 50px;
  border: none;
  background-color: #000;
  color: white;
  font-weight: 500;
}
.btnjh:hover 
{
  background-color: #F5BC09;
  transition: .5s;
}
.htfgdgf .form-control 
{
  padding: 10px;
  /* border: 2px solid #f6ad24; */
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;



}
.htfgdgf .form-control::placeholder
{
  font-weight: 500;
  color: #000;
} 

.hr55 
{
  margin-top: 20px;
}
.kfjgbkg 
{
  text-align: center;
}
.kfjgbkg h6 
{
  width: 50px;
  margin: auto;
  background-color: rgb(255, 255, 255) !important;
  position: relative;
  margin-top: -25px;
}
.lkhjughfjdg 
{
  display: flex;
  align-items: baseline;
  padding: 10px;
  width: 270px;
  height: 40px;
  margin:auto;
  margin-bottom: 10px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  
  
}
.imgfg
{
  width: 30px;
  height: 25px;
}
.imgfg img
{
  width: 100%;
  height: 100%;
}
.imgfg p 
{
  font-size: 14px !important;
}

.lkhjughfjdg p
{
  margin-left: 10px;

}
.jghvhbfh
 {
 margin-left: 40px;
  
 }
 .kfjgbkg1
{
  text-align: center;
}
.kfjgbkg1 h6 
{
  width: 80px;
  margin: auto;
  background-color: rgb(255, 255, 255) !important;
  position: relative;
  margin-top: -25px;
}

.jhgfg p 
{

  font-size: 11px;
  line-height: 20px;
  margin-top: 5px;
}
.kfjgbkg2
{
  text-align: center;
}
.kfjgbkg2 h6 
{
  width: 150px;
  margin: auto;
  background-color: rgb(255, 255, 255) !important;
  position: relative;
  margin-top: -25px;
}
.jhgfg2
 {
  text-align: center;
  margin-top: 10px;
 }
.jhgfg2 a 
{
  font-size: 16px;
  font-weight: 500;
  
}
.khfvg 
{
  margin-top: 10px;

}
.khfvg  a
{
  font-size: 16px;
  font-weight: 500;
  color: #000;

}
.jghvhbfh a 
{
  text-decoration: none;
}



/*track your driver start*/


/*live location modal start*/

.modal-content-wrapper .modal-header{
  border-bottom: 0 !important;
}

.modal-content-wrapper .modal-footer{
  border-top: 0 !important;
}

.modal-content-wrapper .modal-body span{
  font-size: 1rem;
  font-weight: 600;
  background-color: #e7e7e7;
  border-radius: 5px;
  padding: 15px 15px;
  text-align: center;

}

/*live location modal end*/
/*live location modal end*/
/*live location modal end*/

/* 
.livelocation {
  display: block;
  font-size: 0.8em;
}

.pinkBg {
  background-color: red !important;
  background-image: linear-gradient(90deg, red, red);
}

.intro-banner-vdo-play-btn .ripple {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 5px;
  top: 5px;
  opacity: 0;
  border-radius: 100px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
} 



/* tab-contant */


:root{
  --color-primary: #0c0c0c;
  --color-secondary: #C08261;
  --color-tertiary: #E2C799;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.btn{
  display: inline-block;
  padding: 18px 43px !important;
  background-color: white !important;
  border-bottom: 3px solid rgb(231, 159, 36) !important;

  /* border: 1px solid var(--color-secondary); */
  color: white;
  cursor: pointer;
  font-size: 14PX !important;
  transition: all .3s ease-in-out;
}
.btn.active,
.btn:hover{
  border-color: var(--color-tertiary);
  background-color:  rgb(231, 159, 36) !important;
  color: white !important;

}
.text-center{
text-align: center;
}

.container100 {
  max-width: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media(min-width: 576px) {
  .container100 {
      max-width: 540px;
  }
}

@media(min-width: 768px) {
  .container100 {
      max-width: 720px;
  }
}

@media(min-width: 992px) {
  .container100 {
      max-width: 960px;
  }
}

@media(min-width: 1200px) {
  .container100 {
      max-width: 1140px;
  }
}

@media(min-width: 1440px) {
  .container100 {
      max-width: 1310px;
  }
}

header{
margin: 32px 0;
}
.hide{
  display: none;
}

.tab-nav{
  max-width: 300px;

  margin: 0 auto;
  border: 1px solid gainsboro;
}
.tab-nav button{
  width: 100%;
}
.tab-nav ul {
  display: none;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: right !important;
}
.tab-nav ul.show{
  display: block;
}
@media(min-width: 992px){
  .tab-nav {
      max-width: 100%;
      border: 0;
  }
  .tab-nav ul {
      gap: 16px;
      flex-direction: row;
  }
}

.tab-content{
  padding: 32px;
  margin-top: 20px;
  /* border: 1px solid var(--color-primary); */
}
.mobile-select{
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  padding: 12px 16px;
  padding-right: 48px;
  cursor: pointer;
}
.mobile-select::after{
  content: '\f282';
  font-family: bootstrap-icons;
  display: inline-block;
  position: absolute;
  line-height: 1;
  right: 16px;
  top: 14px;
}
.mobile-select.active::after{
  transform: rotate(180deg);
}
@media(min-width: 992px){
  .mobile-select{
      display: none;
  }
  .tab-nav ul{
      display: flex;
  }
}
.tab-nav ul 
{
  gap: 0px !important;
}
.hgfug 
{
  margin-top: 40px !important;
}

.hgfug h6 
{
  padding-top: 20px;
}
.kdfkgjf p 
{
  font-size: 8px;
  margin-bottom: 0;
}
.kdfkgjf h6 
{
  margin-top: -6px;
  font-size: 13px !important;


}

.isdhfoio_map
 {
  margin-top: 100px;
  padding: 30px;
 }
 .hgfug1 
 {
  margin-top: 30px !important;
 }
 .jfdhb 
 {
  width: 40px;
  height: 40px;
  margin-right: 15px;
 }
 .jfdhb img 
 {
  width: 100%;
  height: 100%;
 }
 /* .oikguighff 
 {
  display: flex;
 } */
 .jhfhgg 
 {
  display: flex;
 }
 .bntfg 
 {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  padding: 8px 15px;
 }




/*track your driver end*/



/* modal css by codepen */

.trigger{
  text-align: center;
padding: 7px 13px;
background: #3e3e3e;
color: #fff;
font-size: 15px;
outline: none;
border: none;
border-radius: 5px;
font-family: cursive;
}

.modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transform: scale(1.1);
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 1rem 1.5rem;
width: 24rem;
border-radius: 0.5rem;
}
.close-button {
float: right;
width: 1.5rem;
line-height: 1.5rem;
text-align: center;
cursor: pointer;
border-radius: 0.25rem;
background-color: lightgray;
}
.close-button:hover {
background-color: darkgray;
}
.show-modal {
opacity: 1;
visibility: visible;
transform: scale(1.0);
transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


/* end of modal */
/* end of modal */
/* end of modal */



/* driver Profile page */
/* driver Profile page */
/* driver Profile page */

.slider-section4{
  height: 50vh;
  overflow: hidden;
}

.overlay10 
{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.fjdfimg 
{
  width: 120px;
  height: 120px;
  margin: auto;
  text-align: center;
  border-radius: 63px;
  margin-top: -60px;
  position: relative;
  border: 3px solid white;
}

.fjdfimg img 
{
  width: 100%;
  border-radius: 63px;


  height: 100%;
}
.icon 
{
  margin-top: -90px !important;
  margin-left: 100px;
}
.icon i 
{
  font-size: 25px;
}
.jufyghdyjv 
{
  text-align: center;
}
.jufyghdyjv h6 
{
  font-size: 18px;
}

.jufyghdyjv p 
{
  font-size: 13px;
  width: 70%;
  margin: auto;
  line-height: 20px;
  color: #000;
}

.jklk55 
{
  font-size: 10px !important;
}
.btnhhh 
{
  padding: 6px 15px;
  border: none;
  border-radius: 8px;
  background-color: #F5BC09;
  color: white;
  font-size: 13px;
  font-weight: 500;


}
.btnhhh2
{
  padding: 6px 15px;
  border: none;
  border-radius: 8px;
  background-color: #000000;
  color: white;
  font-size: 13px;


}
.rlkfhjdrukjgh 
{
  margin-bottom: 20px;
}
.kjgkhbg 
{
  width: 100%;
  height: 2px;
  margin-bottom: 15px;
  background-color: #666464;
}

.kgjfukhgf
 {
    text-align: center;
    margin: auto;
    padding: 10px;


 }
 .nfjf ul li
 {
  display: inline;
  padding: 10px;
 }

 .nfjf ul li a 
 {
    text-decoration: none;
    color: #000;
    padding: 8px 15px;
    border-bottom: 2px solid black;
    
 }
 .fjvhbjvd 
 {
  /* border-top: 2px solid #666464; */
  padding-bottom: 40px;

 }
 
 .jhgjf 
 {
  margin-top: 10px;
  padding: 10px;
 }
 .jhgjf p 
 {
  font-size: 12px;
  line-height: 22px;
 }
 .active10 
 {
    background-color: #000;
    color: white !important;
 }
 .jfgh
 {
   display: flex;
   align-items: baseline;
 }
 .jfgh p 
 {
    padding: 6px  10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 .kjhfygdfdf 
 {
  padding: 10px;
  height: 300px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
 }
 .icccos i
  {
    color: #f49d1a;
    font-size: 20px;

  }
 .mgkjbvhfvjb 
 {
  margin-top: 10px;
 }

 .jghjh
 {
    width: 57%;
    margin: auto;
    padding: 40px 0;
 }

 .hfghdg 
 {
   padding: 10px;
   margin-bottom: 20px;
   /* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; */
 }
  

 .hgjfgimg img
 {
  width: 100%;
  height: 100%;
 }
 .kjfhdjgfg 
 {
  display: flex;
  align-items: baseline;
 }
 .kghjfhb 
 {
  margin-left: 10px;
 }
 .fjgh h5 
 {
   color: #000;
 }
 .kjfhdjgfg 
 {
    margin-bottom: 0;
 }
 .kjfhdjgfg1
 {
  display: flex;
  align-items: baseline;
  margin-top: -23px;
 }
 .fjgh1 p
 {
    font-size:12px;

 }
 .kghjfhb1 p 
 {
  font-size:12px;


 }

 .jhgjf p 
 {
  font-size: 15px !important;
 }
 .jhgjf 
 {
  margin: 0px;
  padding: 0px;
  margin-top: -20px;
 }
 .ljghk
  {
    text-align: center;
    margin-top: 50px;
  }
  .rlkfghg 
  {
     margin-top: 10px;
  }

  .jfhgvf555 h3 
  {
     color: #000;
     padding: 10px 0;
  }

  .btndd 
  {
    width: 100%;
    height: 50px;
    border: none;
    font-weight: 500;
    background-color: black;
    color: white;

  }
  .btndd:hover 
  {
    background-color: #F5BC09;
    transition: 0.5s;
  }

  .jghjh 
  {
    padding: 15px;
    border: 3px solid rgb(104, 103, 103);
    border-radius: 8px;
  }
  .fgjhdfgjggh 
  {
    padding: 30px 0;
  }


  /* practice css by codepen */
  /* practice css by codepen */
  /* practice css by codepen */

  :root {
    --card-line-height: 1.2em;
    --card-padding: 1em;
    --card-radius: 0.5em;
    --color-green: #F5BC09;
    --color-gray: #e2ebf6;
    --color-dark-gray: #c4d1e1;
    --radio-border-width: 2px;
    --radio-size: 1.5em;
  }
  
  .grid {
    display: grid;
    grid-gap: var(--card-padding);
    margin: 0 auto;
    max-width: 60em;
    padding: 0;
  }
  @media (min-width: 42em) {
    .grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  .card {
    background-color: #fff;
    border-radius: var(--card-radius);
    position: relative;
    margin-bottom: 15px;
  }
  .card:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;  }
  
  .radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc(var(--card-padding) + var(--radio-border-width));
    top: calc(var(--card-padding) + var(--radio-border-width));
  }
  
  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .radio {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: #fff;
      border: var(--radio-border-width) solid var(--color-gray);
      border-radius: 50%;
      cursor: pointer;
      height: var(--radio-size);
      outline: none;
      transition: background 0.2s ease-out, border-color 0.2s ease-out;
      width: var(--radio-size);
    }
    .radio::after {
      border: var(--radio-border-width) solid #fff;
      border-top: 0;
      border-left: 0;
      content: "";
      display: block;
      height: 0.75rem;
      left: 25%;
      position: absolute;
      top: 50%;
      transform: rotate(45deg) translate(-50%, -50%);
      width: 0.375rem;
    }
    .radio:checked {
      background: var(--color-green) !important;
      border-color: var(--color-green) !important;
    }
  
    .card:hover .radio {
      border-color: var(--color-dark-gray);
    }
    .card:hover .radio:checked {
      border-color: var(--color-green);
    }
  }
  .plan-details {
    border: var(--radio-border-width) solid var(--color-gray);
    border-radius: var(--card-radius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: var(--card-padding);
    transition: border-color 0.2s ease-out;
  }
  
  .card:hover .plan-details {
    border-color: var(--color-dark-gray);
  }
  
  .radio:checked ~ .plan-details {
    border-color: var(--color-green);
  }
  
  .radio:focus ~ .plan-details {
    box-shadow: 0 0 0 2px var(--color-dark-gray);
  }
  
  .radio:disabled ~ .plan-details {
    color: var(--color-dark-gray);
    cursor: default;
  }
  
  .radio:disabled ~ .plan-details .plan-type {
    color: var(--color-dark-gray);
  }
  
  .card:hover .radio:disabled ~ .plan-details {
    border-color: var(--color-gray);
    box-shadow: none;
  }
  
  .card:hover .radio:disabled {
    border-color: var(--color-gray);
  }
  
  .plan-type {
    color: var(--color-green);
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1em;
  }
  
  .plan-cost {
    font-size: 2.5rem;
    font-weight: bold;
    padding: 0.5rem 0;
  }
  
  .slash {
    font-weight: normal;
  }
  
  .plan-cycle {
    font-size: 2rem;
    font-variant: none;
    border-bottom: none;
    cursor: inherit;
    text-decoration: none;
  }
  
  .hidden-visually {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }





  /*driver search start*/

  .fgghrtrty_btn{
    padding: 5px 10px !important;
    background: #f5bc09 !important;
    color: #fff;
  }

  .ciuhidhfdsf_right{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  }

  .ciuhidhfdsf_right iframe{
    float: left;
  }

  /*driver search end*/
  
  
  
  
  
  
  /*vehicle booking start*/
  
  .sdihfuishfui_wrapper{
      padding: 10rem 0 5rem 0;
  }
  
  .location {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    font-style: italic;
    line-height: 1.5;
    color: #212529;
    background-color: #dbdbdb;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dsifihiuurr_left button{
    background: var(--main-yellow-color) !important;
    border: none !important;
}

.dsifihiuurr_right{
    border-radius: 25px !important;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.iuhihrtt_field button{
    background: #181818 !important;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 10px !important;
    height: 100%;
}
  
  /*vehicle booking end*/
  
  
  
  
   /*payment start*/
   
   .ufhfgf .form-control{
       border-left: 4px solid #181818;
   }
   
   .rjgbdjffdf h2 i{
       color: #157347;
   }
   
   .ihiuirererre hr{
       width: 8%;
       opacity: 1;
       padding-bottom: 2px;
       border-radius: 10px;
       background: var(--main-yellow-color);
   }
   
   .djhfhgdg ul li{
       display: inline;
   }
   
   .payment-options-list{
       border-bottom: 1px solid #dddddd;
       box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -32px;
   }
   
   .rtrtuiouph img{
       width: 40px;
   }
   
   .oijortrtt button
   {
       background-color:black !important;
   }
   
   .uisgfigsg_text{
        font-size: 13px !important;
        font-weight: 400;
        line-height: 24px;
        color: #4c4c4c;
   }
   
   .uisgfigsg_text img{
       width: 20px;
   }
   
   .sdfhuidfhgf_btn{
       text-align: right;
   }
   
   .sdfhuidfhgf_btn button{
       background: var(--main-black-color) !important;
       padding: 10px 35px !important;
   }
   
   /*payment end*/