*
{
        font-family: "Poppins", sans-serif;
}

:root {
  --menuColor: #fff;
  --firstColor: #134E9D;
  --secondColor: #E8DD13;
}

/* MENU */

.menuOuter
{
    width:100%;
    min-height:10px;
    float:left;
    position:fixed;
    top:0px;
    left:0px;
    z-index:9;
    transition: 0.3s ease all;
}

.scrollMenu
{
    background-color:var(--firstColor);
}

.menuInner
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0px;
    gap:40px;
}

.menuLogoOuter
{
    width:150px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.menuLogoOuter img
{
    width:150px;
    height:55px;
    object-fit: contain;
    object-position: center;
    position:absolute;
    left:0px;
    top:0px;
}

.menuBoxesOuter
{
    flex:1;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content: flex-start;
    gap:15px;
}

.menuBoxesOuter:first-child
{
    justify-content:flex-end;
}

.menuBox
{
    min-width:10px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:400;
    letter-spacing: 0.3px;
    color:var(--menuColor);
    cursor:pointer;
}

/* MENU */

/* SLİDER */

.sliderOuter
{
    width:100%;
    min-height:150px;
    background-color:green;
    float:left;
    position:relative;
}

.sliderOuter:before
{
    content:'';
    width:100%;
    height:200px;
    position:absolute;
    left:0px;
    top:0px;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 0.9;
    z-index:2;
}

.sliderOuter:after
{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    background: #000000;
    opacity: 0.3;
    z-index:2;
}

.sliderInner
{
    width:100%;
    min-height:150px;
    float:left;
    position:relative;
    z-index:3;
    padding-top:120px;
    padding-bottom:4cqw;
}

.sliderContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:40px;
    padding:20px 0px;
}

.sliderContentsInner
{
    width:100%;
    min-height:10px;
    float:left;
}

.sliderContentsOuter h3
{
    width:100%;
    float:left;
    text-align:center;
    font-size:26px;
    color:var(--secondColor);
    font-weight:600;
    margin:0px;
    margin-bottom:7px;
}

.sliderContentsOuter p
{
    width:100%;
    float:left;
    text-align:center;
    font-size:18px;
    color:#fff;
    font-weight:300;
    margin:0px;
}

.sliderContentsOuter p i
{
    font-size:13px;
    margin-top:15px;
    color:var(--firstColor);
}

.sliderFormOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#ffffff;
}

.sliderFormTitleOuter
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid #d7d7d7;
    padding:13px;
    font-size:14px;
    color:#333;
    font-weight:600;
}

.sliderFormContentsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:13px;
    gap:13px;
}

.sliderFormContentsInputBox
{
    flex:1;
    min-height:10px;
    float:left;
}

.sliderFormContentsInputBox p
{
    width:100%;
    font-size:13px;
    font-weight:300;
    color:#333;
    margin:0px;
    margin-bottom:4px;
}

.sliderFormContentsInputBox select
{
    width:100%;
    height:40px;
    border:1px solid #d7d7d7;
    outline:0px!important;
    padding:0px 7px;
    padding-bottom:2px;
}

.sliderFormContentsInputBox input
{
    width:100%;
    height:40px;
    border:1px solid #d7d7d7;
    outline:0px!important;
    padding:0px 7px;
}

.sliderFormContentsInputBox textarea
{
    width:100%;
    height:140px;
    border:1px solid #d7d7d7;
    outline:0px!important;
    padding:7px;
    resize: none;
}

.sliderFormBottomButtonOuter
{
    width:100%;
    min-height:10px;
    border-top:1px solid #d7d7d7;
    padding:13px;
    float:left;
}

.sliderFormBottomButtonOuter button
{
    width:100%;
    height:40px;
    background-color:var(--firstColor);
    border:0px;
    outline:0px;
    color:#fff;
    font-size:14px;
    font-weight:400;
    letter-spacing: 0.2px;
}

.sliderImagesOuter
{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    z-index:1;
}

.sliderImagesInner
{
    width:100%;
    height: inherit !important;
}

.sliderImagesInner img
{
    width:100%;
    height: inherit !important;
    object-fit: cover;
    object-position: center;
}

.sliderImagesOuter .slick-list
{
    height: inherit !important;
}

.sliderImagesOuter * .slick-track
{
    height: inherit !important;
    display: flex !important;
}

.sliderImagesOuter * .slick-slide
{
    height: inherit !important;
}

/* SLİDER */

/* ABOUT */

.aboutOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.aboutInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:50px 0px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
}

.aboutContentsOuter
{
    flex:1;
    min-height:10px;
    float:left;
}

.aboutContentsOuter h4
{
    width:100%;
    font-size:15px;
    font-weight:500;
    color:var(--firstColor);
    margin:0px;
    margin-bottom:5px;
    letter-spacing: 1px;
}

.aboutContentsOuter h3
{
    width:100%;
    font-size:30px;
    font-weight:600;
    color:#333;
    margin:0px;
    margin-bottom:30px;
    letter-spacing: 0.5px;
    position:relative;
}

.aboutContentsOuter h3::after
{
    content: '';
    width:80px;
    height:2px;
    background-color:var(--firstColor);
    position:absolute;
    bottom: -10px;
    left:0px;

}

.aboutContentsOuter p
{
    width:100%;
    font-size:15px;
    font-weight:400;
    color:#333;
    margin:0px;
    margin-bottom:10px;
}

.aboutContentsOuter p:last-child
{
    margin-bottom:0px;
}

.aboutContentImageOuter
{
    width:320px;
    min-height:50px;
    position:relative;
}

.aboutContentImageOuter img
{
    width:100%;
    height: auto;
    float:left;
    position:relative;
    z-index:2;
}

.aboutContentImageOuter::before
{
    content:'';
    width:70%;
    aspect-ratio: 1;
    background-color:var(--firstColor);
    position: absolute;
    z-index: 1;
    right:-14px;
    top:-14px;
}

.aboutBoxesLineOuter
{
    width:100%;
    min-height:10px;
    background-color:var(--firstColor);
    float:left;
    position:relative;
}

.aboutBoxesLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:30px 0px;
    position:relative;
    z-index:3;
}

.aboutBoxesLineTitle
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:40px;
}

.aboutBoxesLineTitle h3
{
    width:100%;
    float:left;
    text-align:center;
    font-size:25px;
    font-weight:600;
    color:var(--secondColor);
    margin:0px;
    margin-bottom:10px;
}

.aboutBoxesLineTitle h5
{
    width:100%;
    float:left;
    text-align:center;
    font-size:15px;
    font-weight:300;
    color:#fff;
    margin:0px;
}

.aboutBoxesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:20px;
}

.aboutBox
{
    flex:1;
    min-height:10px;
    float:left;
}

.aboutBoxImageOuter
{
    width:100%;
    height:130px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.aboutBoxImageOuter img
{
    width:100%;
    height:130px;
    object-fit: contain;
    object-position: center;
}

.aboutBox h3
{
    width:100%;
    text-align:center;
    font-size:17px;
    font-weight:600;
    color:var(--secondColor);
    margin:0px;
    margin-bottom:10px;
}

.aboutBox p
{
    width:100%;
    text-align:center;
    font-size:14px;
    font-weight:300;
    color:#fff;
    margin:0px;
    margin-bottom:10px;
    opacity: 0.9;
}

/* ABOUT */

/* CARS */

.carListOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#f5f5f5;
}

.carListInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:30px 0px;
}

.carListTitle
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:40px;
}

.carListTitle h5
{
    width:100%;
    font-size:15px;
    font-weight:500;
    color:var(--firstColor);
    margin:0px;
    margin-bottom:5px;
    letter-spacing: 1px;
    text-align:center;
}

.carListTitle h3
{
    width:100%;
    font-size:30px;
    font-weight:600;
    color:#333;
    margin:0px;
    margin-bottom:10px;
    letter-spacing: 0.5px;
    position:relative;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
}

.carListTitle h4
{
    width:100%;
    font-size:15px;
    font-weight:500;
    color:#333;
    margin:0px;
    letter-spacing: 0.5px;
    position:relative;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
}

.carListTitle span
{
    width: 100%;
    float: left;
    text-align: center;
    background-color: var(--firstColor);
    color: var(--secondColor);
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 12px;
    margin-top: 15px;
    line-height: 30px;
}

.carBoxesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap: wrap;
    gap:15px;
}

.carBoxOuter
{
    width:calc((100% / 3) - (30px / 3));
    min-height:20px;
    float:left;
    background-color:#fff;
}

.carBoxImage
{
    width:100%;
    aspect-ratio: 5/3;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #f5f5f5;
}

.carBoxImage img
{
    width:86%;
    height:90%;
    position: absolute;
    object-fit: contain;
    object-position: center;
}

.carBoxContentsOuter
{
    width:100%;
    min-height:10px;
    padding:15px;
    float:left;
}

.carBoxTitleOuter
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:14px;
}

.carBoxTitleOuter h3
{
    width:100%;
    font-size:18px;
    font-weight:500;
    color:#333;
    margin:0px;
    margin-bottom:5px;
    float:left;
}

.carBoxTitleOuter h5
{
    width:100%;
    font-size:16px;
    font-weight:400;
    color:#333;
    margin:0px;
    margin-bottom:10px;
    opacity: 0.7;
    float:left;
}

.carBoxTitleOuter h4
{
    width:100%;
    font-size:13px;
    font-weight:500;
    color:#4f4f4f;
    margin:0px;
    float:left;
}

.carBoxTitleOuter h4 b
{
    font-weight:500;
    color:var(--firstColor);
}

.carBoxTitleOuter h4 i
{
    font-weight:500;
    color:var(--firstColor);
}

.carBoxOptionsOuter
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:5px;
}

.carBoxOptionBox
{
    min-width:10px;
    height:34px;
    background-color:#f5f5f5;
    float:left;
    display:flex;
    align-items:center;
    justify-content:Center;
    padding:0px 7px;
    border-radius:4px;
    font-size:13px;
    font-weight:600;
}

.carBoxOptionBox i
{   
    font-size:12px;
    float:left;
    margin-right:5px;
    color:var(--firstColor);
}

.carBoxBottomContents
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.carBoxBottomButton
{
    min-width:10px;
    height:55px;
    background-color:var(--firstColor);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:15px;
    font-weight:500;
    padding:0px 20px;
    letter-spacing: 0.6px;
    padding-bottom:1px;
}

.carBoxBottomContents p
{
    flex:1;
    margin:0px;
    font-size:16px;
    font-weight:600;
    color:#333;
}

.carBoxBottomContents p b
{
    width:100%;
    float:left;
    margin-bottom:5px;
}

.carBoxBottomContents p b:last-child
{
    margin:0px;
}

.carBoxBottomContents p span
{
    font-weight:400;
    color:#9b9b9b;
}

/* CARS */

/* BRANDS */

.brandsSliderOuter
{
    width:100%;
    min-height:10px;
    float:left;
}

.brandSliderBox
{
    width:86%;
    aspect-ratio: 1;
    border-radius:6px;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0px 7%;
}

.brandSliderBox img
{
    width:100%;
    height:100%;
    position:absolute;
    object-fit: contain;
    object-position: center;
}

/* BRANDS */

/* FAQ */

.homepageContentsBoxesOuter
{
    width:100%;
    min-height:50px;
    position:relative;
    float:left;
}

.homepageContentsBoxesInner
{
    width:100%;
    min-height:50px;
    float:left;
    position:relative;
    z-index:3;
}

.faqLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    padding:20px;
    border-bottom:1px solid #ffffff64;
    border-left:1px solid #ffffff64;
    border-right:1px solid #ffffff64;
    margin-bottom:-1px;
    cursor:pointer;
}

.faqLineOuter:first-child
{
    border-top:1px solid #ffffff64;
}

.faqLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}

.faqLineInner p
{
    flex:1;
    font-size:15px;
    color:#fff;
    margin:0px;
    line-height:26px;
}

.faqLineBtn
{
    width:40px;
    height:40px;
    background-color:var(--secondColor);
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    border-radius: 17px 3px 17px;
    cursor:pointer;
    font-size:20px;
    color:var(--firstColor);
}

.faqLineBtn i
{
    transition:0.3s ease all;
}

.faqLineContentsOuter
{
    width:100%;
    float:left;
    font-size:13px;
    font-weight:500;
    color:#fff;
    opacity: 0.8;
    line-height:25px;
    overflow: hidden;
    transition: 0.8s ease all;
    box-sizing: border-box;
    position:relative;
}

/* FAQ */

/* CONTACT */

.contactLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#f5f5f5;
}

.contactLineInner
{
    width:100%;
    min-height:10px;
    padding:30px 0px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:30px;
}

.contactLineBoxOuter
{
    flex:1;
    min-height:10px;
    float:left;
}

.contactLineBoxOuter h4
{
    width:100%;
    font-size:14px;
    font-weight:500;
    color:var(--firstColor);
    margin:0px;
    margin-bottom:5px;
    letter-spacing: 1px;
    float:left;
}

.contactLineBoxOuter h3
{
    width:100%;
    font-size:27px;
    font-weight:600;
    color:#333;
    margin:0px;
    margin-bottom:30px;
    letter-spacing: 0.5px;
    position:relative;
    float:left;
}

.contactLineBoxOuter h3::after
{
    content: '';
    width:80px;
    height:2px;
    background-color:var(--firstColor);
    position:absolute;
    bottom: -10px;
    left:0px;
}

.contactBoxOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    padding:13px;
    padding-bottom:11px;
    margin-top:15px;
}

.contactBoxOuter h5
{
    width:100%;
    margin:0px;
    font-size:14px;
    color:var(--firstColor);
    font-weight:300;
    margin:0px;
    margin-bottom:5px;
    float:left;
}

.contactBoxOuter p
{
    width:100%;
    margin:0px;
    font-size:17px;
    color:#333;
    font-weight:600;
    margin:0px;
    float:left;
}

.contactFormOuter
{
    width:100%;
    min-height:10px;
    background-color:#fff;
    margin-top:15px;
    float:left;
    padding:13px;
}

.contactFormOuter .sliderFormContentsInputBox
{
    width:100%;
    float:left;
    margin-bottom:13px;
}

.contactFormOuter button
{
    width:100%;
    height:40px;
    background-color:var(--firstColor);
    border:0px;
    outline:0px;
    color:#fff;
    font-size:14px;
    font-weight:400;
    letter-spacing: 0.2px;
}

/* CONTACT */

/* FOOTER */

.footerLineOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--firstColor);
}

.footerLineInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 0px;
    font-size:12px;
    font-weight:500;
    color:#fff;
}

/* FOOTER */

/* MOBİLE */

.mobileMenuButtonOuter
{
    flex:1;
    min-height:10px;
    display:none;
}

.mobileMenuButton
{
    width:40px;
    height:40px;
    border:1px solid #fff;
    float:right;
    margin-right:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:19px;
    padding-top:1px;
}

.mobileMenuLinesOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:#fff;
    position:absolute;
    left:0px;
    top:95px;
    z-index:9;
    padding:13px;
    -webkit-box-shadow: 0px 5px 11px -1px rgba(0,0,0,0.45); 
    box-shadow: 0px 5px 11px -1px rgba(0,0,0,0.45);
}

.mobileMenuLine
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:15px;
    font-weight:500;
    color:var(--firstColor);
    text-align:center;
    padding:15px 0px;
    border-bottom:1px solid #dadada;
}

.mobileMenuLine:first-child
{
    padding-top:5px;
}

.mobileMenuLine:last-child
{
    padding-bottom:5px;
    border-bottom:0px;
}

@media only screen and (max-width: 1000px) 
{
    .mobileMenuButtonOuter
    {
        display:block;
    }

    .menuBoxesOuter
    {
        display:none;
    }

    .sliderFormContentsOuter
    {
        flex-direction:column;
    }

    .sliderFormTitleOuter
    {
        font-size:13px;
    }

    .sliderFormBottomButtonOuter button
    {
        font-size:12px;
        font-weight:600;
        padding-bottom:3px;
    }

    .sliderFormContentsInputBox
    {
        width:100%;
    }

    .aboutInner
    {
        flex-direction: column-reverse;
    }

    .aboutBoxesOuter
    {
        flex-direction: column;
    }

    .carBoxesOuter
    {
        flex-direction: column;
    }

    .carBoxOuter
    {
        width:100%;
    }

    .contactLineInner
    {
        flex-direction: column;
    }

    .footerLineInner
    {
        font-size:10px;
        text-align:center;
    }
}

/* MOBİLE */