.input-icons i {
      position: absolute;
    }

    .input-icons {
      width: 100%;
      margin-bottom: 10px;
    }

    .icon {
      padding: 10px;
      min-width: 40px;
    }

    .input-field {
      width: 100%;
      padding: 10px;
      text-align: center;
    }
    html {
      line-height: 1.15;
    }

    body {
      margin: 0;
    }

    * {
      box-sizing: border-box;
      border-width: 0;
      border-style: solid;
    }

    p,
    li,
    ul,
    pre,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0;
      padding: 0;
    }

    button,
    input,
    optgroup,
    select,
    textarea {
      font-family: inherit;
      font-size: 100%;
      line-height: 1.15;
      margin: 0;
    }

    button,
    select {
      text-transform: none;
    }

    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
      -webkit-appearance: button;
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0;
    }

    button:-moz-focus,
    [type="button"]:-moz-focus,
    [type="reset"]:-moz-focus,
    [type="submit"]:-moz-focus {
      outline: 1px dotted ButtonText;
    }

    a {
      color: inherit;
      text-decoration: inherit;
    }

    input {
      padding: 2px 4px;
    }

    img {
      display: block;
    }
    html {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
      font-size: 1.12rem;
    }

    body {
      font-weight: 300;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
      letter-spacing: normal;
      line-height: 1.75;
      color: var(--dl-color-gray-900);
      background-color: #000;
      background: #000;

    }

    .form {
      display: none;
    }

    .form.active {
      display: block;
    }

    /*[type=radio] { */
    /*  position: absolute;*/
    /*  opacity: 0;*/
    /*  width: 0;*/
    /*  height: 0;*/
    /*}*/

    /*[type=radio] + img {*/
    /*  cursor: pointer;*/
    /*}*/

    /*[type=radio]:checked + img {*/
    /*  outline: 1px solid #000;*/
    /*}*/






    a:hover {
      color: aliceblue;
      font-weight: 700;
    }

    .icon-call {
      max-width: 39px;
      margin-top: 7px;
    }

    .icon-login {
      max-width: 144px;
    }

    .font-s {
      font-size: 15px;
    }

    .home3{
    width: 27px; margin-top: 4px;
}
@media only screen and (max-width: 991px){
    .home3{
        margin-top: 25px;
}
}



  .figure {
    position: relative;
    width: 360px;
    max-width: 100%;
  }

  .figure img.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }

  .figure:hover img.image-hover {
    opacity: 1;
  }

  @font-face {
    font-family: 'geo';
    src: url(src/fonts/Georgia.ttf) format('truetype'),
      url(src/fonts/GEORGIA4.TTF) format('truetype'),
      url(src/fonts/georgiab.ttf) format('truetype'),
      url(src/fonts/GEORGIA4.TTF) format('truetype'),
      url(src/fonts/georgia-bold.ttf) format('truetype'),
      url(src/fonts/georgia-bold-italic.ttf) format('truetype'),
      url(src/fonts/Georgia-Bold-Italic-font.ttf) format('truetype'),
      url(src/fonts/georgiai.ttf) format('truetype'),
      url(src/fonts/georgia-italic.ttf) format('truetype'),
      url(src/fonts/Georgia-Regular-font.ttf) format('truetype'),
      url(src/fonts/georgiaz.ttf) format('truetype'),
      url(src/fonts/seriffic.ttf) format('truetype'),


    ;
    /*        
  font-weight: 700;
  font-style: italic; */
  }

  body {
    font-family: 'geo' !important;
  }
  @import url('https://fonts.googleapis.com/css?family=Quicksand');

  html,
  body {
    height: 100%;
  }

  .wrapper {
    font-family: 'Quicksand', sans-serif;
    line-height: 1.5;
    word-spacing: 4px;
    letter-spacing: 1px;
  }

  .fixed-bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 400px;
    width: 100%;
    color: white;
    text-align: center;
    display: table;
  }

  .fixed-bg h1 {
    display: table-cell;
    vertical-align: middle;
  }

  .scroll-bg {
    background-color: #0f0f0a;
    padding: 10px 70px;
    color: #676767;
  }

  /*first section */

  .bg-1 {
    background-image: url('public/playground_assets/benz-car-background.webp');
  }

  @media only screen and (max-width:550px) {
    .bg-1 {
    background-image: url('src/small-back.jpg') no-repeat center center fixed;
    width: -webkit-fill-available;
  }
  }


  @media only screen and (max-width:365px) {
    .bg-1 {
    background-image: url('src/small-back.jpg') no-repeat center center fixed;
    width: -webkit-fill-available;
  }
  }
  
  
  .acard {
    text-align: center;
    border: none;
    /*padding: 0px 0 30px 0;*/
    background-color: #c3c5c9;
    border-radius: 14px;
    box-shadow: 5px 5px 10px 0px rgb(18 18 18 / 10%);
  }
      .ainput {
        color: black;
        width: 97%;
        border-radius: 50px;
        height: 37px;
        font-size: 14px;
        margin-bottom: 5px;
        /*min-width:223px;*/
      }
  /* .index-footer{
  background-image: url('src/back.jpg');
  background-repeat: no-repeat;
}
.imagest{
  background-image: url('src/front.png');
  background-repeat: no-repeat;
} */
.fleet1{font-weight: 900;font-size: 40px;COLOR: #000000;}
.services{
 font-size: 40px;
 padding-right: 42px;
}
  .ax1 {
    width: 135px;
    height: auto;
  }

  .contact {
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    margin-top: -99px;
    margin-bottom: 29px;
  }

  .ourservice {
    text-align: justify;
    text-align-last: center;
    font-weight: 100;
    padding: 25px 80px 0 40px;
  }

  .ourfleet {
    border: none;
    width: 40rem;
    margin-right: -78px;
    margin-left: 19px;
    text-align: center;
  }

  .imagea {
    height: 500px;
    width: auto;
    margin-top: -2px;
  }

  p {
    color: #fff;
  }

  .txta {
    width: 50%;
  }

  @media only screen and (max-width: 600px) {
    .txta {
      width: 80%;
    }
  }

  .benztxt {
    height: 600px;
  }

  @media only screen and (max-width: 969px) {
    .benztxt {
      height: 779px;
      margin-top: 0px;
    }

    img.IMG {
      content: url("public/playground_assets/aaa-300w.png");
    }
  }

  @media only screen and (max-width: 600px) {
    .ourservice {
      font-size: 15px;
    }
  }

  @media only screen and (max-width: 600px) {
    .ourservice {
      font-size: 15px;
    }
  }
  @media only screen and (max-width: 667px) {
    .services {
      padding: 0;
    }
  }
  @media only screen and (max-width: 390px) {
    .services.fleet1 {
      font-size: 32px;
    }
  }
  @media only screen and (max-width: 474px) {
    .benztxt {
      height: 779px;
      margin-top: 0;
    }
  }

  @media only screen and (max-width: 386px) {
    .sotoni {
      display: flex;
      flex-direction: column;
      height: 149px;
    }

    .tripinfo {
      margin-top: 106px;
    }

    .fleet {
      margin-top: 106px;
    }

  }

  @media only screen and (max-width: 1229px) {
    .index-container12 {
      margin: 0 9% 0 9%;
    }

  }

  @media only screen and (max-width: 838px) {
    .index-container12 {
      margin: 0 17% 0 17%;
    }

  }

  @media only screen and (max-width: 461px) {
    .index-container12 {
      margin: 0 21% 0 21%;
    }

  }

  @media only screen and (max-width: 386px) {
    .index-container12 {
      height: 43px;
    }

    .index-container14 {
      height: 52%;
    }

    .index-container10 {
      height: 43px;
    }

    .tripinfo {
      margin-top: 78px;
    }
  }

  @media only screen and (max-width: 949px) {
    .index-container04 {
      margin-left: 19%;
    }
  }

  @media only screen and (max-width: 665px) {
    .index-container04 {
      width: 237px;
      margin-left: 48px;
    }
  }

  @media only screen and (max-width: 1644px) {
    .index-container21 {
      height: 717px;
    }
  }

  @media only screen and (max-width: 1838px) {
    .index-container21 {
      height: 1011px;
      margin-top: -84px;

    }
  }

  @media only screen and (max-width: 1838px) {
    .index-container21 {
      height: 836px;
      margin-top: -196px;

    }
  }

  @media only screen and (max-width: 480px) {
    .index-container21 {
      height: 802px;
    }
  }

  @media only screen and (max-width: 505px) {
    .index-container21 {
      height: 1011px;
      margin-top: -72px;
    }
  }

  @media only screen and (max-width: 445px) {
    .index-container18 {
      height: 700px;
    }
  }

  @media only screen and (max-width: 589px) {
    .index-container18 {
      height: 700px;
    }

    .index-container21 {
      margin-top: -42px;
    }
  }

  @media only screen and (max-width: 480px) {
    .index-container21 {
      margin-top: -613px;

      padding: 100px 0 0 0;
    }
  }

  @media only screen and (max-width: 589px) {
    .index-container21 {
      margin-top: -589px;
      padding: 100px 0 0 0;
    }

    .benztxt {
      margin-top: 0;
    }
  }

  @media only screen and (max-width: 1890px) {
    .index-container21 {
      height: 831px;
      margin-top: -97px;
    }

  }

  @media only screen and (max-width: 2008px) {
    .index-container21 {
      height: 877px;

    }
  }




  .index-image {
    width: 199px;
    height: auto;
    margin: -10px 0 -22px 88px;

  }

  @media only screen and (max-width:1247px) {
    .index-image {
      margin: -10px 0 12px 30px;

    }
  }

  @media only screen and (max-width:990px) {
    .index-image {
      margin: -10px 0 12px 3px
    }
  }


  @media only screen and (max-width:890px) {
    .index-image {
      width: 170px;
      margin: 0;

    }
  }

  @media only screen and (max-width:760px) {
    .index-image {
      width: 100px;
      height: auto;
      margin: 24px 0 15px -7px;
    }
  }



  @media only screen and (max-width:479px) {
    .index-container21 {
      height: 1050px;
      margin-top: -616px;
    }

    .contact {
      margin-right: auto;
      margin-left: auto;
      color: #fff;
      margin-top: 0;
      margin-bottom: 55px;
    }
  }

  /* /////////////////////////////////////////////////////////////////////// new */


  @media only screen and (max-width:1051px) {
    .index-container12 {
      margin: 0 21% 0 21%;
    }
  }

  @media only screen and (max-width:565px) {
    .index-container12 {
      margin: 0 25% 0 25%;
    }
  }



  @media only screen and (max-width:1294px) {
    .ourfleet {
      margin-right: 0;
    }
  }



  @media only screen and (max-width:1140px) {
    .fleettxt {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media only screen and (max-width:320px) {
    .fleettxt {
      font-size: 15px;
    }
  }

  @media only screen and (max-width:1200px) {
    .imagea {
      height: 400px;
    }
  }

  @media only screen and (max-width:1098px) {
    .index-container25 {
      margin-left: 114px;
    }
  }

  @media only screen and (max-width:992px) {
    .index-container25 {
      width: 513px;
      margin-left: 114px;
    }

    .index-container24 {
      width: 551px;
    }

    .index-container04 {
      margin-left: 18%;
      margin-top: 40px;
    }


    .index-container05 {
      width: 136px;
      height: 56px;
      margin-left: 0;
      margin-right: 29px;
    }
  }

  @media only screen and (max-width:1316px) {
    .index-container04 {
      margin-left: -2%;
    }
  }

  @media only screen and (max-width:668px) {
    .index-container04 {
      margin-left: 23px;
    }
  }



  @media only screen and (max-width:768px) {
    .index-text11 {
      margin-top: 100px;
      padding: 10px;
    }
  }

  @media only screen and (max-width:670px) {
    .ourservice {
      padding: 10px;
    }

    .index-text11 {
      margin-top: 46px;
      padding: 0px;
    }
  }

  @media only screen and (max-width:550px) {
    .ourservice {
      margin-top: 0;
      padding: 0;

    }
  }


  @media only screen and (max-width:480px) {
    .index-container24 {
      width: 447px;
      margin-top: 207px;
    }

    .index-container20 {
      margin-top: 44px;
    }

    .index-container25 {
      width: 405px;
    }
  }

  @media only screen and (max-width:766px) {
    .index-container24 {
      width: 811px;
    }

    .index-container25 {
      width: 360px;
      text-align: center;
      margin-right: 27px;
    }
  }

  @media only screen and (max-width:510px) {
    .index-container24 {
      width: 760px;
    }
  }

  @media only screen and (max-width:470px) {
    .index-container24 {
      width: 408px;
    }
  }

  @media only screen and (max-width:470px) {
    .index-container24 {
      width: 408px;
    }
  }

  @media only screen and (max-width:508px) {
    .index-container24 {
      width: 408px;
    }
  }

  @media only screen and (max-width:503px) {
    .imagea {
      height: 300px;
    }
  }

  @media only screen and (max-width:320px) {
    .imagea {
      height: 250px;
    }
  }

  /* //////////////////////////////////////////////////////////////////////////////
 */

  @media only screen and (max-width:321px) {
    .index-container24 {
      width: 320px;
    }

    .services {

      font-weight: 900;
      margin-bottom: 7px;
      margin-top: -20px;
      padding: 0px 80px 0 40px;
    }

    .index-container25 {
      width: 320px;
      text-align: center;
    }

    .services {
      padding: 0;
      font-size: 25px;
    margin-top: -9px;
    }
    .fleet1{
      font-size: 25px;
    }
  }


  .application {
    font-family: 'geo';
    font-weight: 900;
    font-size: 50px;
  }

  @media only screen and (max-width:320px) {
    .application {
      font-size: 40px;
    }

    .ourservice {
      font-size: 14px;
    }
  }

  /* /////////////////////////////////////
 */
  @media only screen and (max-width:425px) {
    .ax1 {
      width: 125px;
      height: auto;
    }

    .index-container12 {
      margin: 0 21% 0 21%;
    }
  }

  .benztxt {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  @media only screen and (max-width:480px) {
    .benztxt {
      margin-top: -292px;
    }
  }

  @media only screen and (max-width:375px) {
    .application {
      margin-top: -292px;
    }

    .index-container24 {
      width: 374px;
    }

 
    .application {
      margin-top: -115px;
    }
  }


  .index-image3 {
    margin-bottom: 82px;
    margin-left: -102px;
    width: 137px;

  }

  .index-image2 {
    margin-bottom: 82px;
    margin-left: -26px;
    width: 137px;
  }


  @media only screen and (max-width:480px) {
    .index-image2 {
      margin-bottom: 28px;
      margin-left: 41px;
      width: 74px;
    }

    .index-image3 {
      margin-bottom: 33px;
      margin-left: -89px;
      width: 74px
    }

    .index-container04 {
      margin-left: 4%;
    }
  }

  /* //////////////////////////////////////////////// */
  @media only screen and (max-width:320px) {
    .index-container24 {
      width: 314px;
    }
  }

  /* @media only screen and (max-width:375px) {
    .index-container24 {
      width: 375px; 
    }
  } */

  @media only screen and (max-width:768px) {
    .index-container04 {
      margin-left: 15%;
    }

    .index-container24 {
      width: 100%;
    }

  

    /* .ourservice {
      padding: 20px;
    } */

    .index-image4 {
      margin-left: -288px;
    }
  }
/* 
  @media only screen and (max-width:1024px) {
    .services {
      font-size: 40px;
    }
  } */

  @media only screen and (max-width:1024px) {
    .index-container04 {
      margin-left: 5%;
    }
  }


  @media only screen and (max-width:776px) {
    .index-container23 {
      width: 773px;
    }
  }




  @media only screen and (max-width:776px) {
    .index-text15 {
      font-size: 16px;
      width: 97%;
    }
  }



  @media only screen and (max-width:776px) {
    .index-container09 {
      margin-top: 19px;
      margin-bottom: 3px;
    }
  }

  @media only screen and (max-width:378px) {
    .index-container09 {
      margin-top: 19px;
      margin-bottom: -18px;
    }
  }

  @media only screen and (max-width:350px) {
    .index-container25 {
      width: 310px;
    }

    .index-text14 {
      font-size: 40px;
    }
  }

  @media only screen and (max-width:450px) {
    .ourservice {

      font-weight: 400;
    }
  }




  /* //////////////////////////////////////////////////////////////
     */
  .our-title {

    font-family: 'geo';
    font-weight: 900;
    font-size: 50px;
    color: #6c757e;

  }

  @media only screen and (max-width:450px) {
    .our-title {

      font-size: 35px;
    }
  }

  @media only screen and (max-width:1182px) {
    .our-title {

      font-size: 40px;
    }
  }

  @media only screen and (max-width:1170px) {
    .our-title {

      font-size: 36px;
    }
  }

  @media only screen and (max-width:856px) {
    .our-title {

      font-size: 32px;
    }
  }

  /* //////////////////////////
     */
  .phone {


    width: 77%;
    margin-left: 20px;
    margin-top: -134px;
  }

  .our-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-left: -100px;
  }

  @media only screen and (max-width:990px) {
    .phone {

      display: none;
    }

    .our-text {

      margin-bottom: 0px;
      margin-left: 0px;
    }
  }


  .mapp-img {
    position: absolute;
    margin-top: -100px;
    width: -webkit-fill-available;
    margin-top: -99px;
  }

  @media only screen and (max-width:990px) {
    .mapp-img {

      height: -webkit-fill-available;

    }
  }



  .mapp-img {
    content: url("src/mapp.webp");
  }

  @media only screen and (max-width:600px) {
    .mapp-img {

      content: url("src/mapp-1.png");
    }
  }


  @media only screen and (max-width:850px) {
    .mapp-img {
      margin-top: -160px;
    }
  }



  .papp{
    
    color: #6c757e;
    display: flex;
    text-align: justify;
    text-align-last: center;
    width: 63%;
  }




.ainput{
  width: 95%;
}
  @media only screen and (max-width:991px) {
    .ainput {
      width: 100%;
    }
  }

  @media only screen and (max-width:479px) {
    .ax1 {
      width: 120px;
    }
    .index-container12 {
    margin: 0 21% 0 21%;
}
  }
  @media only screen and (max-width:1024px) {
    .index-container04 {
      margin-left: 0%;
    }
 
  }

  @media only screen and (max-width:750px) {
    .mapp-img {
      margin-top: -50px;
    }
 
  }

  @media only screen and (max-width:750px) {
    .index-container18 {
      height: 500px;
    }
 
  }
  @media only screen and (max-width:376px) {
    .index-container18 {
      height: 600px;
    }
 
  }

  .mapp-img{
    height: auto;
  }


  @media only screen and (max-width:990px) {
    .benztxt {
    margin-top: 68px;
}
 
  }

  @media only screen and (max-width:856px) {
    .benztxt {
    margin-top: 0px;
}
  }


  @media only screen and (max-width:984px) {
    .index-container18 { 
      height:500px;
}
  }
  @media only screen and (max-width:2000px) {
    /*@media only screen and (min-width:1467px) {*/
      .mapp-img{
        margin-top: -147px;
      }
    .benztxt { 
      margin-top: 0px;
}
    }

  @media only screen and (max-width:850px) {
    .benztxt , .appp { 
      display: none;
    }
    .mapp-img , .index-container18{
      display: none;
    }
    .direc{
      flex-direction: column-reverse;
    }


  }