.typewriter small {font-size:17px !important;}

@media only screen and (max-width: 600px) and (min-width: 200px) {
.slide {
    display: flex;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0px 0 !important;
}


 
    .slide {
        flex-direction: column-reverse !important;
        display: flex;
    }

    .display-2 {
    font-size: 18px !important;
   
}
h4, .heading-4 {
    font-size: 25px !important;
    line-height: 40px;
}
.hero-section {
    padding: 25px !important; }
h1, .heading-1 {
        font-size: 28px !important;
        line-height: 1.6;
    }
    .box-our-working {
    background: #e9f1ff;
    background-size: 100% auto;
    padding: 30px 30px !important;
}


}

      .banner-cta {width:150px}
      
.banner-bottom-img {
    margin-top: -10px;
}

.banner-bottom-root {
    box-sizing: border-box;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
       .btn.btn-brand-4-border {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #353535;
    border-radius: 96px;
    color: #353535;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    margin: 10px;
    margin-left: 0px;
}

.homeicon img {     width: 59px;
    padding: 0 !important;
    margin: 0;}

    .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: 0.4s;
}

.hero-section {
 padding:60px;
 background-color: #ffffff;
  background-image: url(assets/imgs/page/register/bg-register.png);
  background-position: right top;
  background-repeat: no-repeat;
  border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
 
}


.slider-section {
  background: #ecfcff;
  background-size:cover;
    transition: 0.4s;
    
}

    .slider {
  width: 100%;
   background: transparent;
  position: relative;
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  display: flex;
  min-width: 100%;
  box-sizing: border-box;
  padding:0;
  align-items: center;

}
.slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 5px;
    bottom: 5px;
    background: none;
    transition: 0.4s;
}
.slide .content {
  flex: 1;
  padding: 20px; 
  color: #000;
}

.content h2 {
  font-size: 2em;
  margin-bottom: 20px;
}

.content p {
  margin-bottom: 20px;
}
.cta {
  padding: 10px 20px;
  background-color: #ff5722;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 1em;
}

.image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image img {
  max-width: 100%;
  height: auto;
}

.navigation {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.dot {
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: #ccc;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.6s ease;
}

.dot.active {
  width: 30px; /* Extend the active dot */
  background-color: #007e95;
}

.display-2 {
    font-size: 38px;
    line-height: 1.3;
    font-weight: 800;
    color: #007e95;
}

.bg-bottom-center {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.banner-area {
    position: relative;
    overflow: hidden;
}

.pt-0, .py-0 {
    padding-top: 0 !important;
}

.gradient-bg {
    background-image: linear-gradient(90deg, rgba(196, 61, 61, 0.562) 34%, rgb(255 237 237) 100%);
    background-color: #cfe6ff89;
}

.content p {    color: #6b6b6b;
    font-weight: 500;
 
    font-size: 24px;
    line-height: 31px;
    margin-top: 7px;}
/* Responsive Styles */
@media (max-width: 768px) {
  .slide {
    flex-direction: column;
  }

  .image {
    order: -1;
  }

}

.text-banner {background: -webkit-linear-gradient(45deg, #ffae05, #ff8b67, #f16126 50%);
    -webkit-background-clip: text;
    font-size:40px!important;
    -webkit-text-fill-color: transparent;}

    .colornew {color:#007e95;}





@media only screen and (max-width: 700px) and (min-width: 200px) {
	.box-partners-small .list-partners li span {font-size:25px !important;}
	.block-our-feature-2 .block-our-feature-2-inner {padding:20px 20px!important;}
}
      

.box-list-jobs {
    background-color: #F4F6F9;
    border-radius: 40px;
    padding: 87px 87px 40px 87px;
}


      h5, .heading-5 {
    font-size: 20px;
    line-height: 31px;
}
      .card-job .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

        .ptagemi {padding: 10px;}

.card-pricing-style-2 .card-title img {
    max-height: 60px;
    display: block;
    margin: auto;
}

        .card-pricing {
    border: 1px solid #ECEEF2;
    background-color: #ffffff;
    border-radius: 16px;
    margin-bottom: 30px;
    padding: 20px 30px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    text-align: center !important;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.card-pricing h3, .heading-3 {
       font-size: 17px !important;
    line-height: 43px;
}

 


@media (min-width: 768px) {
    .circle:before {
        height: calc(100% + 80px) !important;
    }
}

 

.step:hover .circle,
.step:hover .circle:before {
    background-color: #4caf50;
}

.loan-steps {
    display: flex;
    flex-direction: column;
    
    
    background-color: #fff;
     
  
    overflow: hidden;
}

.text-content {
    padding: 20px;
}

.text-content h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.text-content p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.steps {
    display: flex;
    flex-direction: column;
    position: relative;
}

.step {
    display: flex;
     
    margin-bottom: 20px;
    position: relative;
}

.circle {
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}

.step.active .circle {
    background-color: #4caf50;
}

.circle:before {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% + 20px);
    background-color: #ccc;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.step.active .circle:before {
    background-color: #4caf50;
}

.step:last-child .circle:before {
    height: 0 !important;
}

.step .text h2 {
    font-size: 18px;
    margin-bottom: 5px;
}

.step .text p {
    font-size: 16px;
    color: #000;
}

.image-content {
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.image-content img {
    max-width: 100%;
    border-radius: 10px;
}





.text h2, .heading-2 {
        font-size: 30px;
        line-height: 26px;
    }


    .block-our-feature-2 .block-our-feature-2-inner {
       background-color: #ffffff;
    border-radius: 28px;
    padding: 0px 32px;
}
.btn.btn-brand-5 {
    padding: 4px 21px;
    background-color: #007e95;
    border: 1px solid #ffffff;
    border-radius: 36px;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) and (min-width: 200px) {

  .circle {
    width: 38px;
    height: 20px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}

  .circle:before {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% + 151px)!important;
    background-color: #ccc;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
}
/* Responsive Design */
@media (min-width: 768px) {

  
    
    .loan-steps {
        flex-direction: row;
    }

    .text-content {
        flex: 1;
        padding: 40px;
    }

    .steps .step {
        margin-bottom: 40px;
    }

    .circle:before {
        height: calc(100% + 40px);
    }

    .step:last-child .circle:before {
        height: 0;
    }
    

    .image-content {
        flex: 1;
        padding: 40px;
    }
    
}
.box-border-rounded {
    border: 1px solid #ECEEF2;
    border-radius: 16px;
    padding: 55px 55px 25px 55px;
    display: block;
    align-items: center;
    margin-bottom: 45px;
    background-color: #ffffff;
    text-align: center;
}
        .box-how-it-work {
    padding-top: 50px;
    padding-bottom: 50px;
}
.contact-form ::placeholder {
  color: rgb(0, 0, 0);
  opacity: 1; /* Firefox */
}

.contact-form ::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgb(0, 0, 0);
}


.btn.btn-brand-4:hover {
    background: #000000;
}
        .heading-h2 {    font-size: 28px;
    line-height: 1.6;
    padding-bottom: 25px;}

.box-content-login {
  position: relative;
  padding: 50px 0px;
  
}
.card-casestudy .card-title .number {
    width: 50px;
    height: 50px;
    background-color: #9fe4ff;
    /* color: #353535; */
    /* font-size: 24px; */
    /* line-height: 39px; */
    display: inline-block;
    /* margin-right: 8px; */
    /* font-weight: bold; */
    /* text-align: center; */
    /* vertical-align: middle; */
    border-radius: 50%;
}
.form-control {
    border: 1px solid #868686;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 11px 15px 13px 15px;
    width: 100%;
    color: #000000;
}

.box-form-register {
    background-color: #ffffff;
    border-radius: 16px;
    border: 1px solid #ccc;
    padding: 32px;
    background-image: url(assets/imgs/page/register/bg-register.png);
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: 0px 8px 18px -4px rgba(12, 49, 49, 0.1);
}

.box-partners-small .list-partners li span {
  font-size: 25px;
  line-height: 42px;
}
.box-partners-small .list-partners li  svg {
  height: 19px;
  margin-left: 10px;
}


.list-partners li a span {color: #fff;}
.list-partners li a svg {fill:#fff;}

.box-partners {
    background-color: #007e95 !important;
    color: #fff;
}
.hero-6 .banner-inner {
  display: flex;
  justify-content: space-between;
  /* background-color: #ffffff; */
  padding-top: 10px;
  padding-bottom: 0px;
  align-content: center;
  align-items: center;
}


        .btn-emi { 
    padding: 14px 25px;
    background-color: #007e95;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    display: flex;
    align-items: center;
    width: 183px;
    margin: 0 auto;
    margin-bottom: 25px;
}
        .bg-boder {    border: 1px solid #ccc;
            border-radius: 10px;}
        .border-all {border: 1px solid #ccc;}
        .banner-inner h2   {
            font-size: 28px;
    line-height: 1.6;
    
}
        .bg-cal {background-color: #fff;padding: 50px}

 
        .calculations_container{
    background-color: #fff;
    padding: 20px 50px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.calculations_container .title {
    padding-top: 30px;
    font-size: 24px;
    font-weight: 600;
}
.calculations_container .subtitle {
    font-size: 14px;
    color: #777;
    padding-top: 10px;
    padding-bottom: 30px;
}

.calculations_container .input-group {
    margin-top: 0px;
    justify-content: space-between;
    margin-bottom: 15px;
}
.calculations_container .input-group p {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.calculations_container .input-group .value {
    background-color: #fff;
    background-color: #fff;
    padding: 6px;
    border-radius: 30px;
    display: inline-block;
    width: 150px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px !important;
}
.calculations_container .input-group input[type="range"] {
    width: 100%;
    margin-top: 0px;
}
.calculations_container .result {
    padding: 25px 0;
    border-bottom: 1px solid #ccc;
    background: #e0eeff;
    margin: 0;
}
.calculations_container .result .result_titile{
    font-size: 20px;
    line-height: 30px;
    color: #000;
}
.calculations_container .result p {
    font-size: 36px;
    font-weight: 500;
    color: #000;
    margin: 10px 10px;
    line-height: 36px;
}
.calculations_container .total-payable {
    margin: 0;
    border: 0;
    padding: 28px 0;
    border-radius: 10px;
}
.calculations_container .total-payable p {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
}
.calculations_container .apply-now {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: #5e3fd7;
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
}
.calculations_container .disclaimer {
    font-size: 20px;
    color: #777;
    margin-top: 10px;
    line-height: 32px;
}

.text-bg-brand-4{
    display: inline-block;
    padding: 0px 10px;
    background-color: #007e95;
    border-radius: 16px;
    color: #fff;
}
.culculate_result_container{
    
}
.banner_title{
    background-color: #f4f9ff;
    padding: 20px 10px;
    margin-bottom: 50px;
}

.hero-3 .banner-inner{
    padding: 0px 0px;
}

.box-partners{
    background-color: #f4f9ff;
}

.box-partners-small{
    border-bottom: 1px solid #e4e4e4;
}
.function_calculator{
    padding: 25px 15px;
    
}

.box-partners-small .list-partners li a:hover span{
    color:#007e95;
    -webkit-text-fill-color: #007e95;
}

.list-partners li a:hover svg {
    fill: #007e95;
}

.pt_case_study{
    padding-top: 100px;
}
.card-working{
    background-color: #fff;
}

.card-working:hover .card-info{
    color:#fff;
}


.card-working:hover .text-md{
    color:#fff!important;
}

.box-preparing-inner {
    
    /* background: url(../imgs/page/homepage3/bg-caro-1.png) no-repeat top 120px left; */
    
    background: linear-gradient(rgb(1 99 221 / 39%), rgb(27 47 69 / 0%)), url(../imgs/page/homepage3/bg-caro-1.png) no-repeat top 120px left;
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn.btn-brand-4 {
    padding: 15px 60px;
    margin-top:0;
    background-color: #007e95;
    border-radius: 8px;
    color: #ffffff;
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.btn.btn-brand-4 svg {
    fill: #ffffff;
    margin-left: 5px;
}

.item-preparing .item-preparing-right{
    padding: 25px 50px 25px 50px;
}

.box-faqs {
    padding: 80px 0px 141px 0px;
    /* background-image: url(../imgs/page/homepage5/bg-faq.png); */
    background: linear-gradient(#9d9d9d08, #00000000), url(../imgs/page/homepage5/bg-faq.png) center center;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    border-bottom: 4px solid;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(to left, #007e9538, #0072ff00) !important;
}


.accordion-flush .accordion-button:not(.collapsed) {
    color: #353535;
    background: linear-gradient(236deg, #22d1ee00 0%, #c5ff4100 100%);
}


.accordion-flush .accordion-collapse {
    border: 0;
    background: linear-gradient(280deg, #ffffff 0%, #ffffff 100%);
}

.card-info:hover {
     
}

.card-analytics .card-analytic .card-analytic-inner .card-info h5 {
    color: #007e95;
}

.text-md{
    font-size: 16px;
    line-height: 30px;
}

.card-working{
    min-height: 300px;
}

.btn.btn-bg-linear-2 {
    border-radius: 32px;
    padding: 4px 20px 4px 6px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: linear-gradient(236deg, #0000004a 0%, #007e95 100%);
    font-size: 36px;
}


.card_pricing_style .card-lists {
    margin-bottom: 0px;
}

.card_pricing_style .list-feature {
    margin-top: 16px;
    width: 100%;
    display: inline-block;
}

.card_pricing_style .list-feature li {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.card_pricing_style .list-feature li svg {
    margin-right: 10px;
}

.text-18-bold {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.card_pricing_style .list-feature li {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 34px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.accordion-flush .accordion-body p {
    font-size: 16px;
    line-height: 1.7;
}

.accordion-flush .accordion-body {
    color: #353535;
    font-size: 16px;
    padding: 15px 39px 32px 39px;
    line-height: 1.7;
}

.box-2-col-faqs .faqs-col {
    width: 100%;
    padding: 0px 15px;
    position: relative;
}
.box-preparing-2 {
    background: url(../imgs/emi-bg.webp) no-repeat;
    background-size: cover;

}
   
     .stepfm {
        text-align: center;
    }

    input {
        padding: 10px;
    }

    .text {
        text-align: left;
    }

    button {
        margin-top: 20px;
        padding: 10px 20px;
        cursor: pointer;
    }
	
	 
 .card-question {
  background-color: #FFEDF4;
  border-radius: 16px;
  border: 1px solid #ECEEF2;
  padding: 23px;
  margin-bottom: 25px;
}

.flex-endd-flex  {display: flex;
    justify-content: flex-end;
    align-items: center;}