/* 
main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100vh;
    margin-bottom: 100px;
} */

body{
  background-color: #fff;
}
.rentCarContainer {
  width: 100%;
  margin-top: -25px;
  gap: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;

  justify-content: center;
}
.ui-decor{
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}
.uiSmallText{
  /* font-style: italic; */
  font-size: 12px !important;
  color: #606060 !important;
  padding: 5px 10px;
 }
.tiresMain{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-direction: column-reverse;
}
/* .taxMain{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  padding: 0;

  margin-bottom: 100px;

} */

.calculateFinancingBody{
  background: #fff;
  position: relative;

}


.sellCarContainer{
  margin-top: 0px;
  background: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  flex-direction: column;

}
.textContainer{
  margin-top: 30px;
  margin-right: 15px;
  box-sizing: border-box;

  display: flex;
  border-left: 15px solid #479428;
  justify-content: center;
}


iframe{
position: relative;
   top: 65px;
   /* background-color: #f6f7f8 !important;
    width: 80vw; */
 
  }


  .sellCarTextCenter{
    position: relative !important;
    
    
  }
  .bottom {
text-align: center;
padding: 10px;
}
.bottom p{
    text-align: center;
}

.bottom p{
    font-size: 13px;
    color : #606060;
}




.text-center {
  /* Remove absolute positioning */
  /* top: 70px; */
  /* Adjust padding and margin */
width: max-content;
  margin-bottom: 20px;
  text-align: center;
  padding: 10px;
  z-index: 2 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.text-center .ui-subtitle-block {
  color: #333;
  opacity: 0.8;
}

.text-center h3 {
  color: #0086bf;
  font-size: 1.5em;
  font-weight: 200;
  margin-bottom: 10px;
}


.ui-title-block {
  color: #0086bf;
  font-weight: lighter;
  font-weight: 300;
  font-size: 27px;
  font-family: 'Poppins', Arial, sans-serif;
  margin-bottom: 10px;
}

.ui-title-inner:before {
  display: inline-block;
  width: 20px;
  height: 3px;
  margin-right: 10px;
  content: '';
  vertical-align: middle;
}


    .span1 {
        /* color : #479428; */
        font-family: 'Poppins', Arial, sans-serif;
        }


        @media(max-width: 950px){
          .textContainer {
            margin-right: 8px;
            margin-top: 0;
          
            border-left: 8px solid #479428;
         
        }
        }


      
        .info-tip {
          display: flex;
          gap: 10px;
          justify-content: center;
          align-items: center;
          cursor: pointer;
        }
        
        .help-tip {
          position: relative; 
     
          background-color: #fff;
        }
        .help-tip span{
          color: #ccc;
        }
        
        .help-tip p {
          display: none;
          font-family: sans-serif;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased;
          text-align: center;
          background-color: #fff;
          padding: 12px 16px;
          width: 178px;
          height: auto;
          position: absolute;
          top: 100%; 
          left: 50%;
          transform: translateX(-90%);
          border-radius: 3px;
          box-shadow: 0 0px 20px 0 rgba(0,0,0,0.1);
          color: #37393D;
          font-size: 12px;
          line-height: 18px;
          z-index: 99;
        }
        
        .help-tip p {
          color: #888888 ;
          text-decoration: none;
        }
        
        .help-tip p a:hover {
          text-decoration: underline;
        }
        
        .help-tip p:before {
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          border: 10px solid transparent;
          border-bottom-color: #fff;
          top: -20px; 
          right: 0%;
          transform: translateX(-50%);
        }
        
        @-webkit-keyframes fadeIn {
          0% { opacity: 0; }
          100% { opacity: 100%; }
        }
        
        @keyframes fadeIn {
          0% { opacity: 0; }
          100% { opacity: 100%; }
        }
        
        .help-tip:hover p {
          color: #333;
          display: block;
          -webkit-animation: fadeIn 0.3s ease;
          animation: fadeIn 0.3s ease;
        }
        
        .help-tip:hover {
          border-color: #0086bf;
        }
        
        .help-tip:hover:before {
          color: #0086bf;
        }
        
        .help-tip:hover p {
          border-color: #0086bf;
          color: #888;
        }