/* Rento by html.design, CC BY 3.0. Original layout sections; see licenses/Rento-CC-BY-3.0.txt. */
.header {
     width: 100%;
     background: #fff;
     padding: 20px 30px;
}

.logo a {
     font-size: 40px;
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     line-height: 40px;
}


/** banner section **/

.banner_main {
     background: #23262d;
     background-repeat: no-repeat;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: center;
     background-size: 100% 100%;
}

.text-bg {
     text-align: center;
     padding-bottom: 50px;
}

.text-bg h1 {
     color: #fff;
     font-size: 67px;
     line-height: 90px;
     padding-bottom: 35px;
     font-weight: bold;
}

.text-bg strong {
     font-family: Inter, sans-serif;
     font-size: 40px;
     line-height: 50px;
     color: #fff;
     padding-bottom: 10px;
     display: block;
}

.text-bg span {
     font-family: Inter, sans-serif;
     color: #f6d601;
     font-size: 40px;
     line-height: 50px;
     font-weight: bold;
     padding-bottom: 20px;
     display: block;
}

.text-bg p {
     color: #fff;
     font-size: 17px;
     line-height: 28px;
     padding-bottom: 60px;
}

.text-bg a {
     font-family: Inter, sans-serif;
     font-size: 17px;
     background-color: #fff;
     color: #000;
     padding: 13px 0px;
     width: 100%;
     max-width: 190px;
     text-align: center;
     display: inline-block;
     transition: ease-in all 0.5s;
}

.text-bg a:hover {
     background-color: #f6d601;
     color: #000;
     transition: ease-in all 0.5s;
     border-radius: 26px;
}

.titlepage {
     text-align: center;
     padding-bottom: 60px;
}

.titlepage h2 {
     font-size: 45px;
     color: #3e3e3e;
     line-height: 50px;
     font-weight: bold;
     padding: 0;
     text-transform: uppercase;
}

.d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}


/** banner section **/


/** car section **/

.car {
     background: #fff;
     margin-top: 90px;
}

.car .titlepage h2 {
     color: #030100;
     margin-bottom: 20px;
}

.car .titlepage span {
     color: #23262d;
     font-size: 17px;
     line-height: 28px;
}

.padding_leri {
     padding-right: 0;
     padding-left: 0;
}

.car_box {
     text-align: center;
}

.car_box figure {
     margin: 0;
}

.car_box figure img {
     width: 100%;
}

.car_box h3 {
     color: #0c0c0e;
     background-color: #f6d601;
     font-size: 30px;
     line-height: 28px;
     height: 84px;
     align-items: center;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     margin-top: 30px;
     padding: 0;
}


/** end car section **/



.choose {
     margin-top: 90px;
}

.choose .titlepage h2 {
     padding-bottom: 20px;
}

.choose .titlepage span {
     font-size: 17px;
     line-height: 28px;
     color: #0c0c0e;
}

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

.choose .choose_box span {
     color: #fff;
     background-color: #23262d;
     border-radius: 60px;
     border: #f6d601 solid 5px;
     padding: 20px 27px;
     display: inline-block;
     font-size: 20px;
     margin-bottom: 20px;
}

.choose .choose_box p {
     color: #23262d;
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 50px;
}