table,
table td,
table th {
    border: 1px solid #dbdbdb
}

#fieldstyle,
.fieldstyle,
.formbtn,
.mainsrch,
.sortingtab select,
body {
    font-family: 'Hind Siliguri', sans-serif
}

.brandswrap a:hover,
.csty05rbox:nth-child(2),
.hcartwrap ul li a:hover:before,
.hdrtp-lft li icon,
.hdrtp-rgt form button,
.social li a:hover,
table thead {
    background-color: #edbf08c2
}

.ham-menu .line1,
.ham-menu .line3 {
    transition: transform .1s ease-in-out
}

.disctxt,
.fstagline,
.fsviewallbtn,
.monthlystickbtn {
    text-transform: uppercase
}

.carthumb-cta,
.fotrlinks,
.hcartwrap ul,
.hdrtp-lft,
.lswrap-map ul,
.navwrap,
.searchfiltr,
.social,
.srdropdon,
.submenubrands,
.submenufleet,
.submenuloc ul li,
.thumbfeature,
.thumboffer,
.timeTo ul li {
    list-style: none
}

.btnstyle02:hover,
.cmseditor a:hover,
.cmseditor ul li a:hover,
.csty05rbox .cmseditor p a:hover {
    text-decoration: underline ;
    color: black !important;
}

.social-icons a,
a {
    text-decoration: none
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.page404 img {
    max-width: 90%
}

.search-form .search-button img,
.svgicon {
    width: 20px;
    height: 20px;
    fill: #e74c3c;
}

.aboutsec1,
.blogdtailsec,
.cardtailsec,
.cars-section,
.cntntstyle05,
.cntntstyle08,
.cntntstyle10,
.docmntsec,
.offrsbnr-vid,
.popwrap,
.popwrap .iti input,
.popwrap .iti input[type=tel],
.popwrap .iti input[type=text],
.preloader,
.servmneuwrap,
.sevccontnttop .cmseditor,
.testimonialsec,
table {
    width: 100%
}

.fstagline:after,
.fstagline:before,
.timeTo div,
.timeTo figure,
icon {
    display: inline-block
}

table tbody tr:nth-child(2n) {
    background-color: #7c7c7c;
    color: #fff
}

.brandswrap a:hover .ct-count,
.brandswrap a:hover .ct-tile,
.btnstyle02:hover,
.cntntstyle02 .fancytitle h1,
.cntntstyle02 .fancytitle h2,
.cntntstyle02 .fancytitle h3,
.cntntstyle02 .fancytitle h4,
.cntntstyle02 .fancytitle h5,
.cntntstyle02 .fancytitle h6,
.cntntstyle03 .cmseditor b,
.cntntstyle03 .cmseditor p,
.cntntstyle03 .cmseditor strong,
.cntystyle02-top .cmseditor ul li,
.cst09rgt .cmseditor h1,
.cst09rgt .cmseditor h2,
.cst09rgt .cmseditor h3,
.cst09rgt .cmseditor h4,
.cst09rgt .cmseditor h5,
.cst09rgt .cmseditor h6,
.cst09rgt .cmseditor p,
.cst09rgt .cmseditor ul li,
.csty05rbox .cmseditor h1,
.csty05rbox .cmseditor h2,
.csty05rbox .cmseditor h3,
.csty05rbox .cmseditor h4,
.csty05rbox .cmseditor h5,
.csty05rbox .cmseditor h6,
.csty05rbox .cmseditor p,
.csty05rbox .cmseditor strong,
.csty05rbox .cmseditor strong b,
.csty05rbox .cmseditor ul li a,
.csty05rbox:first-child .cmseditor ul li b,
.csty05rbox:first-child .cmseditor ul li strong,
.csty06dtail .cmseditor h1,
.csty06dtail .cmseditor h2,
.csty06dtail .cmseditor h3,
.csty06dtail .cmseditor h4,
.csty06dtail .cmseditor h5,
.csty06dtail .cmseditor h6,
.csty06dtail .cmseditor p,
.csty06dtail .cmseditor strong,
.fotrwidget p a,
.lftcdetails .fancytitle h1,
.lftcdetails .fancytitle h2,
.lftcdetails .fancytitle h3,
.lftcdetails .fancytitle h4,
.lftcdetails .fancytitle h5,
.lftcdetails .fancytitle h6,
.lftcdetails p a,
.popcntnt .fancytitle h1,
.popcntnt .fancytitle h2,
.popcntnt .fancytitle h3,
.popcntnt .fancytitle h4,
.popcntnt .fancytitle h5,
.popcntnt .fancytitle h6,
.servcbreadcrumb .ptboutr h1,
table tbody tr:nth-child(2n) td strong {
    color: #fff
}

table td,
table th {
    padding: 10px
}

.allpricecontainer .mainprice:last-child:after,
.banner_mobile,
.brandctrgyfiltr .swiper-button-next,
.brandctrgyfiltr .swiper-button-prev,
.breadcrumb li:last-child:after,
.breadcrumb>li:first-child+li:before,
.fleet-37 .brandctrgyfiltr .brandswrap,
.fleet-37 .docmntsec,
.hcartwrap ul li:last-child .ct-count span,
.servcmenu li:last-child:after,
.showonlymobile,
.socialmobile,
.submenubrands li:last-child:after,
.submenubrands li:nth-child(7n+7):after,
.terms .accordianwrap:before {
    display: none
}

.fleet-37 .brandctrgyfiltr .sortingtabinrpage select {
    height: 36px
}

.fleet-37 .carthumb {
    min-height: 429px
}

.fleet-37 .slide a,
.fleet-37 .thumbtitle a,
.swiper-cube .swiper-slide .swiper-slide,
.swiper-fade .swiper-slide .swiper-slide,
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.fleet-37 .cars-section {
    padding-bottom: 50px;
    display: none
}

.fleet-37 .cst08rgt img {
    max-width: 100%;
    position: relative;
    top: 15px;
    left: -15px
}

.fleet-37 .cntntstyle09 {
    padding: 40px 0
}

.preloader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    z-index: 100
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #000;
    border-top: 4px solid #f40b0b;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: 2s linear infinite spin
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.scrollable-container {
    width: 100%;
    height: 292px;
    overflow: hidden;
    position: relative
}

.scrollable-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: #888 #eee
}

.scrollable-content::-webkit-scrollbar {
    width: 6px
}

.scrollable-content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #888
}

.scrollable-content::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.scrollable-content::-webkit-scrollbar-track {
    background-color: #eee
}

.slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.slider {
    display: flex;
    transition: transform .3s
}

.slide {
    flex: 0 0 100%
}

.post-slide .post-img img,
.slide img {
    width: 100%;
    height: auto
}

.next-slide,
.prev-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    z-index: 1;
    border-radius: 50px
}

.next-slide .angle-icon {
    transform: rotate(-90deg)
}

.prev-slide .angle-icon {
    transform: rotate(-270deg)
}

.next-slide .angle-icon,
.prev-slide .angle-icon {
    width: 30px;
    height: 30px;
    position: relative;
    top: 1px;
    fill: #fff
}

.next-slide:hover .angle-icon,
.prev-slide:hover .angle-icon,
.viewmorecatgry:hover .angle-icon {
    fill: #fff
}

.btnstyle01:hover,
.formbtn:hover,
.next-slide:hover,
.prev-slide:hover,
.servcmenu li a:hover,
.servcmenu li.active a {
    background-color: #000;
    color: #fff
}

.prev-slide {
    left: 10px
}

.next-slide {
    right: 10px
}

.pagination {
    display: flex;
    position: absolute;
    bottom: 8px;
    justify-content: center;
    left: calc(50% - 30px)
  }
  
  .pagination span {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #dfdfdf;
    border-radius: 50px;
    cursor: pointer
  }
  
  .pagination span.active {
    background: #003fa6;
    width: 20px
  }

body {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    letter-spacing: .2px;
    line-height: 1
}

@font-face {
    font-family: Speed;
    src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABI4AA8AAAAAPCAAABHZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4bkBIcMAZgAIRuEQgK1myBgQQLbAABNgIkA4FUBCAFg3UHgSsbw0+jopaTVn2NqNREMnUmZHOo6zQZtf1Y/sAwLNwao0Z98aK4/a3p7Iag9kYaJ27BE59b/526EUKAIBrEWhR/fDfd6tJ952IzXT/QNv/dWYHsnzZoYyxs7EKsxDMAo5ehC4zqRakrWOvyWGRba//uyK18Ep9d7EzbiEjTLLe8mPNMtIWW++Pd24iVZuQoI5pyBnTw/P+p+m+yMYJBiWAwNN/5mN1xfA1aokUop2ClaN0K2P9/rjc7KQA4TBGOZxCyxqQv7+QGPmGKmBJN6eXmJiX27fGoGKa/QLQoJGlgD2zU/jkzC3al2z2GznpwB0n1P7gHGY6vmN2GRP21fzwgAG8MzHgA7z36cwwAnxj6BQLEgQJgEIRlCDZgAAF8+qyGWWe9TbYhOGTPD0MLG0BJEGg9ysH7OgxZkO+wMYDBN5shJsjXsvRZi204iA6u53Ye5Wle5GspywZymtwqz8rb8qPxsAl0hqQeJa3HybKSMoSnLjl9B85uRtkj+9gwSl6cxnH1K74ehamKepiS7qLN8izqRjraQlcF0FMB9FmRgW4Ggy+kFEAsKScnl58J8bAiuA61Gtq6HUTqe4NPboCLr4cp6AQU9RaErE6bAX3GR+bJ6hYU9ajeaoSQCuCznBk2s5kgvBoFXL1Xjrc9bfK1j8984IN65+voq1sw1CeQwNUHwBvuyZNAatRj5DPFCAcYUUM+M7ot+h0BBZ3TpEWGC1zgHOfIBaNE+kdQhBRG9B509Ct9/cpQfxiEfWxfrsUxAschWF7PmYZ9PJEpPXPrbkGvgG1cvo5l6OMhZEkQkDXSdDXqNGgxwSSzzDHPAov0GTDEOJthg32B/SOlzn9gsnRGj+pxUsRDhaBfqfTo4NkbANHoKHc3Tes3dm8CtqR+MMqafKfbKW91yivtvLG99R55Et4/HWdLam0E7SQ2Wa9pboTsOod19cLL+Bb3hLxD3iKP6kl9AoD2oDZNOzZ27xlsSe2Kei3uMnEx/VFcy3fIVvIe+S4Kuu7aPZn22xQiLCJIQSNZbdrYOFiY99olSYQkHhAFfGLESRAQkCRFmgxZIEaOHHkKFBFcOggGE6HE7C4QwY6msg9GspecGBkBwCID7QgQ9QSDR4TlQlyUNyS/uxZp8tiE1IjSoEFAiwWSdBhSRgCfRbrWQFGNZARXkW1nNbkAB5yRcyFIY7RLrDdgH1OShs5oK2LswPJkDXxuc5df2g+wX4HzDbAk8rHZHmiaRLLKV5GZkQOQQBbfeVs2AYY0sckAPgnazNBlZVZnJ06ih9t4Al6CN/kAvoCf4E/+D4qc0AybNSUBfalZfpF+xTXZM9LDPAWvwNt8zFfwC/z9VL7UrH7ZRX+TP8k35AvyCflYH5D39ajWk9tTWEXrpXs6TCKVmWQZq7EBW7EXuXznR7EMIOxUrlAr3OpzmpnCnbUxCGB4IEXGIS4nultiLLDdGxVw3AiABxD1Y8QTQbK2+ZMIKBGWK9VavdFstScmp0xmZs3MFxY73SX9wRCAXcPDsFLbkN4JVfFKTWqVmJ6ROu1gFWcWB43CUOwpEvE8GAxgg8NaGKWCJtg2tUVJMAXH5zkIYGOonwOtIryERxcOjmAQ0iaatC0MU98lWqsIK2zaJRMA28IScft95KWC4P+SV4yL/5dzSvFiR68uBf+XPnapzXNdu5qyKjG/FA/KpalaLFmLNeuZIJvIBtXYfKGaqYWZkECojijY2t7SdsC9RLmt9SAaoOlgOUCRY63OaBkxtwBzZF0qE3fcmf2VVXjfQbGKvNr/RXon1kHRdHeNyPbj5JNtuG9DsCnnCwbTSxSUBX0QCNoggIxTUCfXmGpvxZhZ7v8igrII4wiouoxijeqYdpQXQOEcp1Ju0TRNgE98IEF+1G1QrO0kV/0oD4xThPvc9oVg+TVvyNnc/HipkB8DA/Vs0aCO6uyaNwvyAJOLOUAB3AHGcQ5FXlQHljktNcvyohqUBS6Ws2LE2SmnWOR8N5C5b0FIOMkwSAbHAwLEM1imURyyNFYB0pqFZjDHjQporLHYvgLJCjGHmKi7IW/gCdBmWqTbIucW11icSk36O6J/dOdmwQ+Pz8/MRMW2/F9Etr8WMd3NkLtFBIVU3RnGsDDNjtrau5CsCgEEtcokJmOKtTGeAKYoWsjduqUkvDX7hCA5i197jQ6q7uVIVpHzu2YaCQQudDSKLRbb0R+cBl4YheoGpOWVwF0FtC4Yh/D6MlpjufKHbIY5HAQU0aj4+BurHE2nex7zavYIdz2g7aL9IWk7XdFuHKmzEjlFO/QAGOXIDbFs3xzmhEitLU0bnkq5x5inJkAA+Yg+b4alydXTVO0UpqEaIn+Ix7jWfOM2meYrtK7uNMXHfDpOzAcNu1Eycx+gqS4N3Mt9owK61w7R6kHmeukVclNwPLXWk3w68vDasYpdiebB+I319PLCYQzPzwQu6w7Zf6HyCR910FrW2Cgbp5Si8NY8RM1VoxNuDTJroow3ODGGoc5wJx/tf0zEcvWgSltBNeyUxDilNTw5uJMoy+nsCBPSlQyftxl3rERbTod5iWjHW/Mr0WoCQ3DDKAp79Gnqu9ilUANyQ5saDrY/JIOOY1ogkGkESSqPQIvheRfDpWMvgJaNStdImNCMaB07prI/v67qZRhpP06ejSP1dVpRaYhaiZLBjlMAGgUrU47ihcsF6NpngXYu2luxFubv8nDCR/J/YPUlUPhWJdprJRUMNRd4ArTq/nKoZa1uinIPSyqPLFay4Y03uBpvlcpGvbSGB6HnTETavAlxjfXLXsKxq55ant0/QrqUIWEeMxwnT+QHcGfiPkeuWJnyfY3j7SV7e69091Kvadwy8gs9jR/s6+aQwfiR1lucew+sMwhsVvXm3sj6VLZYIhlaNg9hGpYYne+FG9OTMCY/2wc3l0JUNlIgB5JqZPFe5FhShuh8Q/I8RKQeDnYGPYELKUZEd62QWfI7pLeVpbDbe+4ZL8vA1TGPdT7i5zgDW47xcTAYIMoKJ5wEqhP24mO0fDVvv1vsozreMAVxRhsXMYpxFKhPlIEqjkAyIhFkwChasFVBF5LRsSYwFNGVAyIouAjHuRtDHODYPMo9Aj5EBeIirjfyQvQh4qp4bkS+OpQeWEwrE2f+iHkOh/akWyFlaiikxvwnJRRNcIjY8iiSuujJCk9J5MQTYLpBXHKbsIxFECanwrJdz1EeKK0eE/+s5UB7okeTzVr6/saGzO/inTSUwRkZpYO27y7OC66xzhh35M7C5OQsF5NkdKpYvH2z1KBg/Q/FaioVDY04hM6Vio/R8vQcIo8mEPv03QwNH0Xi/7x1qt5XWv6T/1mITfv7vjSDI6AA7gBj6EU/sWbRdL05CFqmdhdF6Ekf9zYDQbvClJA9gi9zMRQlPvY1I4H0tOQN8SHJAU5oYYQTEE6R5TJ/iIU0EYVlu46lBCCgkOI9X0twfa9cILj20TI/sII/eBlYdcFvB7EOrnMHknvWcUfwGEylAmR8ER+jAQBCBaEEgATA8A5QtCus6SmzuygCJEoCR4lcavc8iviXsP0Ad05/xpeoWSEoezp4qxqb+kKeSQSVLyBXzdYNgvC+StEoR4EppzpucS2k9C+L52bEuVOilTS+jn1ZpFKkpyuvGj5ZJSQliZTrsFa/+Gt57aFrRgvHl2/RTXooFtKWdXTfYv+hbd8NqVss6zpxt9pK3fgmXuOO/ePIHs3yV4p5Sb4L3o4Gbg4OMk1t2g6f664RgjI3OCjYypo77SDuFB69VSN5p48WKDSz55ucjdtK1CoRuXkpItpHx/4X+sGX9t6XYfRJlVNh6bNHxuiWlNdxgIAlUAKQfCMLooQ3fQJRi0vfrjRFEMhzNVWY/VFj3j2UvBF5Ckef3TJKd6oODdnpA0m3rdb7vLgWpqEfb+wgASWI/goYvcGGExA+IKCvdgG9ZCNVFMBFp3QbgliVwMfELBZ87RHvBLkGlzhD50QPiIt0RP41f4YhCsep/P98qtkFrm2O/64I2N70nIbjPwG9O0LKNwEK3KFI/2+l+JVog+/AGE3g4CxpdM+pTDVAGpDmJDKlJOnowFYNrSNSrZjAb2UEWL2h1/XWFEoEuyfYu9040Bt3lLvhi1az6YGw5l1T2kcDbUgPmDTmcEHJxzKduuzR4X/IFCRJEj21QmbpcjVjfV9jrmk+g47c3Bvp0SryYBhkSPLm6fUjrMMtY3SBDUQuI5QGroyjJqHK3LoS1kpl80uobEKsy3+XYJfMUr0eG3dInCR6aoTMUtM0QwmTpBx/lYqGJhzp7/B3W5RrEN4uuBiW1qJl8wim7UqWtPTTXVWS7TeyVLadpnnDP3SyO3GBVDC3JQ5n/Tr2sa6X+hPPcHWMnfO/dz5eT63IoXSezSyxEkLs3Elfxp9Qo5jB+jvRWXoJ76cw7dzL2zutv8SXzcCuPdy8HMoyIrEQlqrgKzGDjlB60Nec+WkLe6gsZknDCo3x5lOar67t02ADkTAFxZQGjGfD6AFfzsnHdlND+jeJPEzb5k5ahg/Pq0Ixf+7Ky7b4PZJZRWVZrWBRHDEGnj1/0DZ/o/kf1pZR5u6F6IneyU8/Zqm1COIniQw9R5xh8Es0UMKivO5k7/AM0czAo03rnDgTQsGoIb3rg30QsIoiGji390dZ39y5CDjbEtoa/5V/mAlRpriL/HXRP3zAdUvOUf+MpBmG3yHfOTFs9Bs3S71yqomvRAuufkDVsn/vf8IwmYFZj9M582EWLHkSOqoTtlAwSdToOUQ0/cyB5uMnblxfaRug8YYacEUh1FuRPxuJHrRn6MEVWPizuvnTjjZ1KyF5jkinT27ffKxFJvckbbLnVSXvk20z/aH1MaeOJDLuaWTGjzlNMV/MhjgD10n3ny8skupSV3Jhfq91vuIXuDq26npBEspcrqY9qYXKSnlhCvUFXZ87tbCln/6iiRV/J4SiQe9rAc74jejD9cNC/IJ3mqAyi9C6EepY1UpsJX7/H87AvNf5iF/iDMkSfvHSvR8vI3gtdecBg5ENznuUQ442w6fuMM4zUzHazIjQSQRhPut93XF1rOa5mGVxgQHbLmceJtRgfFzg8R3FbNdLg2GgXUpE4MALOjG1M9T330Guj6s+uy1EZROgTAGiBCm3iQgNm+oz//8yRy5Ad42IWaLdBV9FBj9F7lMXohdgPBybVX0WsAhy5ojCBwsV8yXitSa5EhzIrtf6jSEXoi5Zj52GKuxim3tDZ5JTvEKi4njZR1uJAK14mLvcpiWDycpFXjAzRHBpZtTFvBsS/uDTV/52RDlOp9SE6bUiRdnZYtryZvwDYZCE+4yFKO7cukNYszaEvyaeMw3lCuuTTvp33MLpQK+h0i3p0cW1sZa8CeCWEus4z4z1LAe7l5AeFCezxuCdKPtvPA5pb43jsx2sem/M+soyyxDFBvxH+gPn66ZQXL7LKsimzHf2usC/j8gCH52LAQ8TgH8vjZTobjuK/XuvOCKo047t5dnP6gVzM+oxWiuD2VR5Vr+sLvdKRh7WFqukJ5DvSDX3NF1uBCp0rlOLHh7VuEbH3bOncyd1pSM5K7+Lcm8nzYBuRX6DpruxjN0Xlz6S3k+jnL00w8Xg8u/WOOcSjXHHyndNNcasrDH2D/9+km5u1ttsusjtGt1BvaOfpjzXVaPcOzXTzWC38BfJdJ7lQ/cw7ZZO8WB0N76QXlh6JfUOgP0BaX/OYKgbHEejOAAYQBBgDZST4klEb4hDfCYbIrRliwxbyDYOh8sObe6TXeL8LadwJJ13mojMYCF2FMGHJ9kQkJEtJpmXbXz2lh3W4VjZpcSHcgpfnMhpAimyNUfAhUsG8GMk8wa2Yl/4LCeXVIqB31frgwEDuvQZ0GflAK6aMw26/UF/5Ug0X1j40nYftpilZFFAPnrhWuutGst21OSSC8/YlFk52ifXY0SXMV1G8M1y+eHYT/Jk3yuT/ezLA6g56o67I84ROzv6BUg3qAEqsB/zjAHBCBWzcGwc/G/Us9Q30AkvEVKmQvWblu25zSRTTDMjnQ5det+87D5GLGPMcizPCqzISqzMKqzKrWJHv7Nf1iZ+E3vtCP97Pa5zwIn/CzAAAAA=') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.parent,
.w-num,
strong {
    font-weight: 600
}

.mpsldr-wrap,
.padd-top {
    padding-top: 50px
}

.padd-botm {
    padding-bottom: 50px
}

.brandpage .cntntstyle01,
.lftcdetails .fancytitle2,
.marg-top {
    margin-top: 50px
}

.container {
    width: 1367px;
    margin: 0 auto
}

.fancytitle,
.fancytitle-light,
.lftcdetails p {
    margin-bottom: 20px;
    display: flex
}

.fancytitle {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.fancytitle h1:after,
.fancytitle h2:after,
.fancytitle h3:after,
.fancytitle h4:after,
.fancytitle h5:after,
.fancytitle h6:after,
.innerpage-set .cntntstyle03 .cmseditor h2:after,
.innerpage-set .cntst07lft .cmseditor h2:after,
.innerpage-set .cntystyle01-top .cmseditor h2:after,
.innerpage-set .cst08lft .cmseditor h2:after,
.innerpage-set .cst09rgt .cmseditor h2:after,
.innerpage-set .csty04lft h2:after,
.innerpage-set .csty06dtail .cmseditor h2:after,
.innerpage-set .cstyle05top .cmseditor h2:after,
.cmseditor h2:after,
.cmseditor h3:after,
.sevccontnttop .cmseditor h2:after {
    content: "";
    position: relative;
    top: -8px;
    margin-left: 8px;
    width: 40px;
    height: 2px;
    background-color: #000;
    display: inline-block
}

.brandctrgyfiltr .fancytitle label,
.fancytitle h1,
.fancytitle h2,
.fancytitle h3,
.fancytitle h4,
.fancytitle h5,
.fancytitle h6 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 35px
}

.fancytitle-light {
    color: #f40b0b;
    font-size: 22px;
    font-weight: 400;
    justify-content: center;
    align-items: center
}

.btnstyle01,
.fancytitle-light:after {
    display: inline-block;
    position: relative
}

.fancytitle-light:after {
    content: "";
    top: 0;
    margin-left: 8px;
    width: 40px;
    height: 2px;
    background-color: #fff
}

.sticknav .hdr-top,
header {
    background-color: #eaeef2
}

p {
    line-height: 22px
}

a,
button,
img {
    outline: 0
}

a {
    color: #979797;
    line-height: revert;
    transition: .3s linear
}

.breadcrumb li a:hover,
.cdleft .swiper-button-next,
.cdleft .swiper-button-prev,
.convrspopactionbtn a,
.convrspopactionbtn a:hover,
.flashsalethumb .mainprice strong,
.iti--separate-dial-code .iti__selected-dial-code,
.iti__arrow,
.servcdropd li a:hover,
.submenufleet li a:hover {
    color: #fff !important
}
.submenufleet li a:hover{
    color: #000 !important;
}
ul.navwrap a:hover {
    color: #f40b0b !important;
}
ul.navwrap a:active {
    color: #f40b0b !important;
}
div#gt_float_wrapper {
    height: 36px;
}

.iti--allow-dropdown .iti__flag-container:hover,
.iti--container:hover,
.navwrap li span,
.swiper-pagination-clickable .swiper-pagination-bullet,
button {
    cursor: pointer
}

.btnstyle01 {
    background-color: #000;
    text-align: center;
    padding: 0 25px;
    height: 40px;
    line-height: 42px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    margin-top: 30px
}

.btnstyle02 {
    color: #f40b0b;
    font-weight: 400;
    font-size: 13px
}

.mainsrch,
.srdropdon li a {
    font-size: 14px;
    color: #000
}

.flexrow {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

.flex-col {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center
}

.swiper-pagination {
    bottom: -35px !important
}

.swiper-pagination-bullet-active {
    background: #f40b0b !important
}

.cmseditor ul li,
.cntntstyle04,
.cntntstyle06,
.cntntstyle09,
.footer,
.getintouchsec:after,
.mpslider,
.servcrgt,
.sitemap-wrapper ul li,
.sortingtab select,
.submenufleet {
    background-repeat: no-repeat
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important
}

.monthlystickbtn {
    position: fixed;
    top: 35vh;
    z-index: 100;
    transform: rotate(270deg);
    left: -40px;
    margin-left: 0;
    width: 120px;
    height: 40px
}

.monthlystickbtn .btnstyle01 {
    margin: 0;
    min-width: 170px;
    border-radius: 0;
    padding: 0;
    height: 30px;
    line-height: 30px
}

.monthlystickbtn .angle-icon {
    transform: rotate(-90deg);
    position: relative;
    top: 5px
}

.filtermobbtn .svgicon,
.monthlystickbtn .btnstyle01:hover .angle-icon {
    fill: #ffdd00
}

#closebtnmobmenu {
    display: none;
    position: fixed;
    z-index: 20000;
    color: #f40b0b;
    font-size: 36px;
    right: 16px;
    top: 7px
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000
}

.hdr-top {
    display: none !important;
    width: 100%;
    background-color: transparent;
    min-height: 50px;
    display: flex;
    align-items: center
}

.hdrtp-lft {
    display: flex;
    column-gap: 20px;
    flex: 0 0 50%;
    max-width: 50%
}

.hdrtp-lft li {
    display: flex;
    align-items: center
}

.hdrtp-lft li icon {
    color: #000;
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    line-height: 35px;
    text-align: center;
    margin-right: 10px
}

.hdrtp-lft li a {
    color: #000;
    font-weight: 500
}

.hdrtp-lft li:hover a {
    color: #979797 !important
}

.hdrtp-rgt {
    flex: 0 0 35%;
    max-width: 35%
}

.hdrtp-rgt .searchwrap {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    border: 1px solid #6d6f71;
    border-radius: 50px
}

.mainsrch {
    width: 94%;
    height: 36px;
    padding: 0 15px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border: 0 solid #6d6f71;
    background-color: #eaeef2
}

.mainsrch::placeholder {
    color: #000;
    opacity: 1;
    font-size: 14px
}

.mainsrch:focus {
    outline: 0;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 5px #d3d3d3
}

.hdrtp-rgt form button {
    width: 6%;
    border-radius: 0 50px 50px 0;
    color: #000;
    border: 0
}

.bannerimage img,
.cdleft,
.cdleft img,
.cdrgt,
.srdropdon,
.srdropdon li a {
    border-radius: 15px
}

.srdropdon {
    display: none;
    width: 465px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px #a5a5a5;
    top: 33px;
    left: 6px;
    overflow: hidden;
    z-index: 100;
    padding: 15px 10px 15px 15px
}

.aboutsec3 .csty06img,
.acc-label,
.acccntnt,
.accordianwrap,
.blogwrap,
.brandsec .brandswrap,
.breadcrumb,
.breadcrumb li,
.carscolwrap,
.carspecs,
.carthumb,
.cdleft,
.cntntstyle02 .container,
.cntntstyle03,
.cntntstyle06,
.cntntstyle09,
.cntst07lft,
.cntst07lft .cmseditor,
.cntystyle01-botm,
.cst08rgt,
.cst09lft,
.cst10lft img,
.csty04rgt,
.csty05rbox,
.csty06img img,
.cstyle05top img,
.ctimgcont,
.dtailbox,
.fancytitle2,
.flashsaletitle label,
.fstagline,
.hcartwrap ul li a,
.logo,
.lswrap-map,
.lswrap-map ul,
.mpslft,
.mpslft h1 span,
.mpslider,
.msg-input-error,
.navwrap li,
.post-slide,
.post-slide .post-img,
.range-input,
.servccnt-wrap,
.servclft,
.servcmenu li,
.sevccontnt,
.testimwrap,
.thumbnails,
.timeTo div,
.timerwrap {
    position: relative
}

.carthumb-cta li:nth-child(3),
.getintouchsec:before,
.ham-menu .line,
.hdr-botm,
.seemore:hover,
.srdropdon li a:hover {
    background-color: #000
}

.srdropdon li a {
    font-weight: 400;
    padding: 11px;
    display: block;
    border-bottom: 1px solid #f9f9f9;
    display: flex;
    align-items: center;
    column-gap: 15px
}

.srdropdon li a img {
    width: 100px;
    height: 50px;
    border-radius: 8px
}

.mCSB_inside>.mCSB_container {
    margin-right: 9px !important
}

.mCSB_scrollTools {
    right: -6px !important
}

.hdr-botm {
    width: 100%;
    display: block;
    padding: 10px 0 8px;
    border-bottom: 3px solid #f40b0b
}

.hdr-botm>a {
    flex: 0 0 15%;
    max-width: 15%
}

.logo {
    width: auto;
    height: 46px;
    top: 2px
}

.servcdropd,
.submenubrands,
.submenufleet,
.submenuloc {
    z-index: 100;
    top: 48px;
    box-shadow: 0 0 10px #858585;
    transform: translateY(20px);
    transition: .2s linear;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.submenubrands,
.submenuloc {
    position: absolute;
    border-radius: 25px;
    display: flex
}

.navwrap {
    display: flex;
    column-gap: 27px;
    /* flex: 0 0 85%; */
    max-width: 85%;
    align-items: center;
    /* justify-content: flex-end */
}

.navwrap li a,
.navwrap li span {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase
}

.navwrap li {
    line-height: 48px
}

.cntntstyle01 .fancytitle h1,
.cntntstyle01 .fancytitle h2,
.cntntstyle01 .fancytitle h3,
.cntntstyle01 .fancytitle h4,
.cntntstyle01 .fancytitle h5,
.cntntstyle01 .fancytitle h6,
.cntntstyle03 .cmseditor h1,
.cntntstyle03 .cmseditor h2,
.cntntstyle03 .cmseditor h3,
.cntntstyle03 .cmseditor h4,
.cntntstyle03 .cmseditor h5,
.cntntstyle03 .cmseditor h6,
.cst09rgt .cmseditor p strong,
.cst09rgt .cmseditor ul li strong,
.csty05rbox .cmseditor p a,
.navwrap li a:hover,
.navwrap li span:hover,
.navwrap li.active a,
.navwrap li.active span,
.thumbtitle a:hover h1,
.thumbtitle a:hover h2,
.thumbtitle a:hover h3,
.thumbtitle a:hover h4,
.thumbtitle a:hover h5,
.thumbtitle a:hover h6 {
    color: #f40b0b
}

.navwrap li.active .angle-icon,
.navwrap li:hover .angle-icon {
    fill: #FFDD00
}

.navwrap li .angle-icon {
    fill: #fff;
    position: relative;
    top: 5px;
    left: -2px
}

.navwrap li:hover .servcdropd,
.navwrap li:hover .submenubrands,
.navwrap li:hover .submenufleet,
.navwrap li:hover .submenuloc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.submenuloc {
    width: 613px;
    left: -235px
}

.submenuloc ul {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 15px
}

.submenuloc ul li {
    line-height: 18px
}

.submenuloc ul li a {
    color: #000 !important;
    text-transform: capitalize;
    padding: 0 5px 5px;
    display: block;
    border-bottom: 1px solid #000;
    font-size: 15px
}

.submenuloc ul li a:hover {
    background-color: #000;
    color: #f40b0b !important;
    padding-left: 10px
}

.submenufleet li a:hover .angle-icon,
.submenuloc ul li a:hover .angle-icon {
    fill: #ffdd00 !important
}

.submenufleet li .angle-icon,
.submenuloc li .angle-icon {
    transform: rotate(270deg);
    fill: #000 !important;
    top: 4px;
    transition: .3s linear
}

.submenuloc ul li:last-child a {
    border-bottom: 0
}

.submenuloc img {
    flex: 0 0 45%;
    width: 100%;
    height: auto;
    max-width: 275px;
    object-fit: cover
}

.submenubrands {
    width: 1367px;
    max-width: 1250px !important;
    justify-content: flex-start;
    column-gap: 1.4%;
    left: -350px;
    padding: 25px !important;
    flex-wrap: wrap;
    row-gap: 14px
}

.submenubrands .ct-count {
    font-size: 12px !important;
    color: #999;
    text-align: center;
    margin-top: 5px
}

.bloghead .post-bar li,
.boxstyle01 .cmseditor b,
.boxstyle01 .cmseditor strong,
.csty05rbox:nth-child(2) .cmseditor h1,
.csty05rbox:nth-child(2) .cmseditor h2,
.csty05rbox:nth-child(2) .cmseditor h3,
.csty05rbox:nth-child(2) .cmseditor h4,
.csty05rbox:nth-child(2) .cmseditor h5,
.csty05rbox:nth-child(2) .cmseditor h6,
.csty05rbox:nth-child(2) .cmseditor p,
.csty05rbox:nth-child(2) .cmseditor p a,
.csty05rbox:nth-child(2) .cmseditor strong,
.csty05rbox:nth-child(2) .cmseditor strong b,
.csty05rbox:nth-child(2) .cmseditor ul li,
.csty05rbox:nth-child(2) .cmseditor ul li a,
.csty05rbox:nth-child(2) .cmseditor ul li:before,
.ct-tile,
.docmntsec .cmseditor b,
.docmntsec1 .cmseditor strong,
.mpslft p,
.social li a:hover i,
.submenubrands li a:hover .ct-count,
.submenubrands li a:hover .ct-tile {
    color: #000
}

.bloghead .post-bar,
.mpslft a,
.mpslft p {
    margin-top: 10px
}

.submenubrands a {
    border-radius: 0 !important;
    border: 0 solid #e1e1e1;
    box-shadow: none !important;
    flex-wrap: wrap;
    text-transform: capitalize !important
}

.acc-label,
.boxstyle01 .title,
.post-slide .post-bar li,
.post-slide .read,
.servcdropd li a,
.social-icons a,
.submenufleet li a,
.timeTo figcaption {
    text-transform: capitalize
}

.servcdropd,
.submenufleet {
    border-radius: 25px;
    position: absolute
}

.submenubrands li:after {
    content: "";
    width: 1px;
    height: 30px;
    background-color: #e1e1e1;
    display: block;
    position: absolute;
    right: -6px;
    top: 22px
}

.submenubrands li a:hover {
    background-color: #f3f3f3
}

.submenubrands li a:hover img {
    transform: scale(1.1)
}

.submenubrands a img {
    flex: 0 0 40%;
    max-width: 60px;
    transition: .3s
}

.submenubrands .ct-tile {
    flex: 0 0 53%;
    max-width: 53%;
    text-align: center;
    font-size: 15px !important
}

.submenubrands li {
    line-height: 16px;
    flex: 0 0 18%;
    max-width: 18%
}

.submenufleet {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 500px;
    left: -218px;
    padding: 25px;
    /*background-image: url("../images/fleetdropdownbg.webp");*/
    background-position: 115px center;
    background-size: cover;
    column-gap: 5%
}

.submenufleet li {
    line-height: 18px;
    border-bottom: 1px solid #000;
    flex: 0 0 40%;
    display: flex
}

.submenufleet li:last-child {
    border-bottom: 0 solid #f1f1f1
}

.submenufleet li a {
    color: #000 !important;
    padding: 1px 0 6px;
    display: block;
    font-size: 15px
}

.submenufleet .fleetcol {
    flex: 0 0 40%;
    max-width: 40%;
    list-style: none
}

.servcdropd {
    width: 230px;
    left: -65px;
    padding: 20px 30px
}

.brandico,
.timeTo ul {
    left: 3px;
    position: absolute
}

.servcdropd li {
    line-height: 20px;
    margin-bottom: 10px
}

.blgdtilcntnt .cmseditor a:hover,
.boxstyle01 .cmseditor a:hover,
.btn-send-form:focus p,
.btn-send-form:hover p,
.carthumb-cta li:hover a,
.carthumb-cta li:hover button,
.cs04rgt-box .cmseditor p a:hover,
.cs04rgt-box .cmseditor ul li a:hover,
.csty04lft .cmseditor p a:hover,
.csty04lft .cmseditor ul li a:hover,
.csty05rbox:nth-child(2) .cmseditor ul li a:hover,
.cstyle05top .cmseditor p a:hover,
.cstyle05top .cmseditor ul li a:hover,
.docmntsec .cmseditor p a:hover,
.dtailboximg .cmseditor a:hover,
.flashsalethumb .carthumb-cta li:nth-child(3) a,
.hcartwrap ul li a:hover,
.servcdropd li a {
    color: #000 !important
}

.acccntnt:last-child,
.cs04rgt-box:last-child,
.servcdropd li:last-child {
    margin-bottom: 0
}

.ham-menu {
    height: 34px;
    width: 40px;
    position: absolute;
    top: 6px;
    right: 0;
    padding: .5rem;
    z-index: 2;
    display: none;
    flex-direction: column;
    justify-content: space-around;
    background-color: #f40b0b;
    border-radius: .25em
}

.ham-menu .line {
    border-radius: 1em;
    width: 1.5rem;
    display: block;
    height: 2px
}

.fstagline:after,
.fstagline:before {
    content: url(../images/flashicon.svg);
    width: 9px
}

.ham-menu .line1 {
    transform-origin: 0% 0%
}

.ham-menu .line3 {
    transform-origin: 0% 100%
}

.check:checked~.ham-menu .line1 {
    display: block;
    transform: rotate(45deg)
}

.check:checked~.ham-menu .line2,
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.check:checked~.ham-menu .line3 {
    display: block;
    transform: rotate(-45deg)
}

.mpslider {
    width: 100%;
    height: 700px;
    max-height: 700px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    /* margin-top: 69px; */
    background-color: #f1f1f1;
    background-size: cover;
    background-position: center -25px !important;
    background-image: url("https://gtxmotors.com//new-version/assets/images/home-page-banner.jpg");
}

.mpslider .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.mpslft {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%
}

.mpslft h1 span {
    font-family: Speed;
    color: #f40b0b;
    font-size: 32px;
    font-weight: 400;
    left: -12px;
    letter-spacing: 2px
}

.mpslft p {
    font-weight: 400;
    font-size: 18px;
    display: none
}

.mpsrgt {
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 310px
}

.mpsrgt img {
    max-width: 600px;
    max-height: 263px;
    width: 100%;
    height: auto
}

.homecatrysection {
    background-color: #f1f1f1;
    margin-top: -160px
}

.home-cartype {
    display: block;
    width: 100%
}

.hcartwrap {
    flex-direction: column;
    padding: 0 0 10px;
    width: 100%
}

.viewmorecatgry {
    display: table !important;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-top: 20px
}

.viewmorecatgry .angle-icon {
    margin-left: 8px;
    position: relative;
    top: 5px
}

.viewmorecatgry .angleup-icon {
    transform: rotate(-180deg)
}

.hcartwrap ul {
    row-gap: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-top: 34px;
    height: 159px;
    overflow: hidden;
    transition: height .3s
}

.hcartwrap ul li {
    flex: 0 0 16%;
    max-width: 16%
}

.hcartwrap ul li:last-child .ct-count:after {
    content: "Boats"
}

.hcartwrap ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px
}

.hcartwrap ul li a:before {
    content: "";
    width: 110px;
    height: 110px;
    position: absolute;
    background-color: #d6d6d6;
    border-radius: 50%;
    right: 10px;
    top: -30px;
    z-index: 1
}

.hcartwrap ul li a img {
    width: 100%;
    height: auto;
    max-width: 219px;
    transition: .3s;
    z-index: 2;
    min-height: 85px;
    object-fit: contain
}

.hcartwrap ul li a:hover img {
    transform: translateX(-10px)
}

.ct-tile {
    font-size: 16px;
    font-weight: 600
}

.flashsalewrap {
    width: 100%;
    height: auto;
    background-color: #000;
    padding: 27px 0 20px;
    min-height: 106px
}

.flashswr {
    justify-content: center;
    column-gap: 75px
}

.flashsaletitle {
    color: #f40b0b;
    font-weight: 600;
    font-size: 30px;
    display: flex;
    align-items: center
}

.flashsaletitle label {
    top: -11px
}

.flashsaletitle img {
    margin-top: 0;
    margin-left: 10px
}

.fstagline {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    margin-left: 30px;
    top: -3px
}

.fstagline:before {
    margin-right: 12px
}

.fstagline:after {
    margin-left: 12px
}

.fsviewallbtn {
    width: 137px;
    height: 33px;
    background-color: #f40b0b;
    text-align: center;
    line-height: 33px;
    font-weight: 600;
    color: #000;
    font-size: 16px
}

.fsviewallbtn:hover {
    background-color: #fff;
    color: #000 !important
}

.timerwrap {
    min-width: 225px;
    min-height: 59px
}

.thumbnails .preloader,
.timerwrap .preloader {
    background-color: transparent
}

.timerwrap .loader {
    border: 4px solid #fff;
    border-top: 4px solid #f40b0b
}

.transition {
    -webkit-transition: top .4s linear;
    -moz-transition: top .4s linear;
    -ms-transition: top .4s linear;
    -o-transition: top .4s linear;
    transition: top .4s linear
}

.timeTo {
    font-size: 28px;
    line-height: 108%;
    font-weight: 700
}

.timeTo span {
    vertical-align: top;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px
}

.timeTo.timeTo-white div {
    color: #fff;
    background-color: #000
}

.timeTo.timeTo-black div {
    color: #fff;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45484d), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, #45484d 0, #000 100%);
    background: -o-linear-gradient(top, #45484d 0, #000 100%);
    background: -ms-linear-gradient(top, #45484d 0, #000 100%);
    background: linear-gradient(to bottom, #45484d 0, #000 100%)
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
    background: -moz-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a74444), color-stop(67%, #3f0000));
    background: -webkit-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -o-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -ms-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: linear-gradient(to bottom, #a74444 0, #3f0000 67%)
}

.timeTo.timeTo-white .timeTo-alert {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 35%, #e17373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #fff), color-stop(100%, #e17373));
    background: -webkit-linear-gradient(top, #fff 35%, #e17373 100%);
    background: -o-linear-gradient(top, #fff 35%, #e17373 100%);
    background: -ms-linear-gradient(top, #fff 35%, #e17373 100%);
    background: linear-gradient(to bottom, #fff 35%, #e17373 100%)
}

.timeTo figure {
    margin: 0;
    padding: 0;
    max-width: 100% !important
}

.timeTo figcaption {
    text-align: center;
    font-size: 13px;
    line-height: 80%;
    color: #fff;
    font-weight: 400
}

.timeTo div {
    width: 30px;
    height: 36px;
    border: 1px solid #393a1d;
    overflow: hidden
}

.timeTo div.first {
    border: 1px solid #393a1d;
    margin-right: 6px
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.timeTo ul li {
    margin: 0;
    padding: 0 5px;
    font-weight: 400;
    font-size: 23px;
    color: #f40b0b;
    line-height: 32px
}

.carthumb-cta li a,
.carthumb-cta li button {
    padding: 11px 6px;
    max-width: 100%;
    font-size: 13px;
    color: #fff
}

.flashsalethumb {
    background: #000 !important
}

.flashsalethumb .thumbtitle h1,
.flashsalethumb .thumbtitle h2,
.flashsalethumb .thumbtitle h3,
.flashsalethumb .thumbtitle h4,
.flashsalethumb .thumbtitle h5,
.flashsalethumb .thumbtitle h6 {
    color: #fff !important;
    text-align: center
}

.flashsalethumb .googlerating,
.flashsalethumb .pricewrap .mainprice:nth-child(2):before,
.flashsalethumb .thumbfeature,
.flashsalethumb .thumboffer,
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev,
.swiper-pagination-bullet:only-child,
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled,
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled,
.videothumb {
    display: none !important
}

.flashsalethumb .pricewrap {
    flex-wrap: wrap !important;
    min-height: 76px
}

.flashsalethumb .mainprice {
    color: #bfbfbf !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: left;
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    padding-left: 5%;
    padding-right: 5%;
    align-items: baseline
}

.aboutsec1 .cmseditor h1,
.aboutsec1 .cmseditor h2,
.aboutsec1 .cmseditor h3,
.aboutsec1 .cmseditor h4,
.aboutsec1 .cmseditor h5,
.aboutsec1 .cmseditor h6,
.close,
.cstyle05top .cmseditor h1,
.cstyle05top .cmseditor h2,
.cstyle05top .cmseditor h3,
.cstyle05top .cmseditor h4,
.cstyle05top .cmseditor h5,
.cstyle05top .cmseditor h6,
.cstyle05top p,
.docmntsec .cmseditor h1,
.docmntsec .cmseditor h2,
.docmntsec .cmseditor h3,
.docmntsec .cmseditor h4,
.docmntsec .cmseditor h5,
.docmntsec .cmseditor h6,
.field input,
.nocarmessg,
.popcntnt,
.sevccontnttop .cmseditor h1,
.sevccontnttop .cmseditor h2,
.sevccontnttop .cmseditor h3,
.sevccontnttop .cmseditor h4,
.sevccontnttop .cmseditor h5,
.sevccontnttop .cmseditor h6 {
    text-align: center
}

.flashsalethumb .mainprice span {
    color: #bfbfbf !important
}

.flashsalethumb .countdowntimer {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 19px
}

.flashsalethumb .delprice {
    color: #a0a0a0 !important;
    display: inline-block;
    margin-top: 5px !important;
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
    min-width: 45%;
    text-align: right;
    padding: 0 5px;
    font-size: 1.1em;
    font-weight: 700;
    background-color: #f9f9f9;
    border-radius: 5px;
    line-height: 1.2
}

.flashsalethumb .carthumb-cta li:nth-child(3) {
    background-color: #fcf001 !important
}

.flashsalethumb .carthumb-cta li:nth-child(3) button {
    background-color: #fcf001 !important;
    color: #000
}

.acc-label:hover .question-icon,
.acccntnt input:checked+.acc-label .question-icon,
.carthumb-cta li a:hover .svgicon,
.carthumb-cta li button:hover .svgicon,
.flashsalethumb .carthumb-cta li:nth-child(3) button .book-icon,
.whatsppicodesk:hover .whatsapp-icon {
    fill: #000
}

.flashsalethumb .carthumb-cta li:nth-child(3) button:hover {
    background-color: #fff !important;
    color: #000
}

.flashsalethumb .carthumb-cta li:nth-child(3):hover {
    background-color: #fff !important
}

.flashsalethumb .orignalprice {
    min-width: 45% position: relative;
    animation: 1s infinite pulse
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 5px rgba(0, 0, 0, .1)
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }
}

.cars-section .btnstyle01 {
    margin: 20px auto 0;
    display: table;
    z-index: 100
}

.carscolwrap {
    flex-wrap: wrap;
    row-gap: 15px;
    justify-content: flex-start;
    column-gap: .8%;
    min-height: 436px;
}


.carslider .swiper-slide {
    width: 24.5%;
    margin-right: 9px
}

.carscolwrap .swiper-button-next,
.carscolwrap .swiper-button-prev {
    top: -35px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px;
    background-color: #f40b0b !important;
    /* display: none !important */
}

.carslider .swiper-slide:nth-child(4n+4),
.searchresultpage .allcarssec .carthumb:nth-child(4n+4) {
    margin-right: 0
}

.carscolwrap .swiper-button-next:after,
.carscolwrap .swiper-button-prev:after {
    font-size: 16px !important;
    font-weight: 700;
    color: #000 !important
}

.carscolwrap .swiper-button-prev {
    right: 60px !important;
    left: inherit !important
}

.carthumb {
    flex: 0 0 24.4%;
    background: #f4f4f4;
    /*border-radius: 40px;*/
    overflow: hidden;
    box-shadow: 0 0 6px #F8F8F8;
    /*border: 1px solid #003fa6;*/
    transition: .3s linear;
    min-height: 410px;
}

.carthumb:hover {
    border: 1px solid #f40b0b;
    box-shadow: 0 0 0 #f40b0b
}

.disctxt,
.seemore {
    border-radius: 50px
}

.ctimgcont {
    min-height: 160px
}

.mainimg {
    max-width: 100%;
    width: 100%;
    min-height: 166px;
    max-height: 250px;
    height: auto;
    object-fit: cover;

}

.mainimg:hover {
    transform: scale(1.1);
}


.brandico {
    width: 30px !important;
    height: 30px;
    bottom: -40px;
    z-index: 100
}

.seemore {
    position: absolute;
    right: 5px;
    bottom: 10px;
    background-color: #404040;
    font-size: 9px;
    color: #fff;
    padding: 2px 7px;
    z-index: 100
}

.ctdtailcont {
    padding: 0 15px
}

.thumbtitle {
    argin: 12px 0 20px;
    /* padding-left: 35px; */
    height: 35px;
}

.thumbtitle h1,
.thumbtitle h2,
.thumbtitle h3,
.thumbtitle h4,
.thumbtitle h5,
.thumbtitle h6 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pricewrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 56px
}

.pricewrap .mainprice:nth-child(2):before {
    position: absolute;
    left: -20px;
    top: -7px;
    content: "";
    width: 1px;
    height: 50px;
    background-color: #d7d7d7
}

.mainprice {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    flex: 0 0 49%;
    max-width: 49%;
    position: relative
}

.mainprice strong {
    font-size: 17px;
    margin-left: 2px
}

.mainprice span {
    font-size: 13px;
    color: green
}

.mainprice i {
    color: #979797;
    margin-right: 5px
}

.delprice {
    color: red;
    text-decoration: line-through;
    margin-top: 3px;
    font-size: 16px
}

.googlerating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6px;
    column-gap: 5px
}

.googlerating .star-icon {
    fill: #ededed;
    width: 15px;
    height: 15px
}

.googlerating:before {
    margin-right: 6px;
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA3pJREFUSEu1VltsVFUUXevMTKnevoi2ExJRm4AaQgqlDwyQYJkpxA+NWqfSVDH++IcJRNEUTXxQMDEkkPhD/BBsotKmNDWCL3I7iYHQaYuxiWmMr9QPijNQgTLYmbn3bDMXh87jTos2nq9771p7rbP3OfucS8wzpoMNlZZ4ngYkCLJRRPshXAJKlMJJIUyl1WD10PBYMRm6AdFHVpVBGa8C2AXCmG8SNzEZEuHrfnPkbD63wCC2pWGdKM9xiKxYWHiOISI2yP01tvE2w2Erg+QYxFqbNovm54CU/RvxLG5/9RXdwbGxVIFBrKXxQU1ESFYUF5dZAWcJVLlwCsTTHCcDCYU8senfRgGuLQgUuQzFQ7Slr3po9Mc0fuGxhjt9f3laBPolCLcCcBW/ZXCpve55fXnJ0XxxAUxdYm1f9sV3sWJZ/RFs3lbzp21mlyWbS3kTytrgnYh/ed9U4vulGwl6/yGcjdtGoDYcnv2P6+GEMWn61lPjXPol+UvleLzvfj80q6Dt1TXh8z8vRtwxSH3jfQ3kgYyQfd13KT5Q23PXsR92u4m3vnN1peX1zrMR5qIsjQtMnvb1EHg2t27s9LYmP3Yz2LJv5ivQWdiFh8ZBJr4uOaWUPJrNFqC5JJgaWbQBeMLdgFhfEkhFFmtAyOD/WiKBHClY5JhVGt0bb+r5sM182S2Dlu6ZdoK1BZjGOii0536Xt9IZNBFwynEm4R/fM9Ps14KlHs3Vw539Py28kjcZge5rxwRqRw5fS4AiYOq0d+LdmfqpwcS9m0g4jUbBOWO2vCX8wtEFGy14IF6vtY5grknTEleu3m3UOGfRU73bnvtdl31UOFsdTibxzPiOgWixTALd1+sEchLgPdkcTb4f7jJ2Ogah3pDnV22PEKzPFxKRaUUetqH7zm8fmEjjaweeqFIJ9ZACO3036h4uvbhrOUX5M7ECXLMoK77tKo/dug+aP33yAS2MgKwsWndBApAUyJz7gnZl1JjcN6WkYo0TS75odhkfOI/ZYg29oU3Q1klC3dZRkNOc2mMbF3cOe+Jrzgy9UbEngxVcmY2ftNULcZzAytvdQWmeCCwq2TvafuI9EFLUIA2s6g2V3aH1KxTZnV8ON1OSptbSNdbRP5yPu/5VZEgbBx8vT97wtglkq4jTSMsoLBXFKDUmqcSk5meRjv7RYtn+DWFXdWZo5WjBAAAAAElFTkSuQmCC")
}

.allpricecontainer .mainprice:after,
.discountp:before {
    content: "";
    width: 1px;
    background-color: #d7d7d7;
    position: absolute
}

.googlerating .star-icon.active {
    fill: #ffc800
}

.googlerating:after {
    height: 17px
}

.discountp {
    display: none;
    flex-direction: column;
    font-size: 15px;
    color: green;
    font-weight: 400;
    align-items: center;
    row-gap: 5px;
    position: relative;
    min-height: 95px
}

.discountp:before {
    left: -18px;
    top: 20px;
    height: 50px
}

.numberdisc {
    font-weight: 500;
    font-size: 34px;
    color: red
}

.disctxt {
    background-color: red;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px 3px;
    line-height: 9px
}

.thumbfeature {
    display: flex;
    justify-content: space-between;
    column-gap: 4px;
    margin: 12px 0;
}

.thumbfeature li {
    border-radius: 10px;
    border: 1px solid #003fa6;
    padding: 2px 9px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    column-gap: 3px;
}

.thumbfeature li img {
    width: 18px;
    height: 18px
}

.thumboffer {
    display: flex;
    justify-content: space-between
}

.carthumb-cta li,
.thumboffer li {
    align-items: center;
    display: flex
}

.thumboffer li {
    font-weight: 400;
    font-size: 14px
}

.thumboffer li .circlecheck-icon {
    fill: green;
    margin-right: 5px
}

.carthumb-cta {
    display: flex;
    justify-content: space-between;
    margin: 15px 0
}

.carthumb-cta li {
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    width: 49%;
    align-items: center;
}

.detailspagebutton li {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    width: 33%;
    align-items: center
}

#share-button {
    padding: 10px 20px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 33%
}

#share-button:hover {
    background-color: #0056b3
}

#share-button i {
    margin-right: 4px
}

.carthumb-cta li a {
    display: flex;
    column-gap: 3px;
    align-items: center;
    font-weight: 400;
    justify-content: center;
    flex: 0 0 100%
}

.carthumb-cta li a .svgicon,
.carthumb-cta li button .svgicon {
    fill: #fff;
    width: 14px;
    height: 14px
}

.carthumb-cta li button {
    display: flex;
    column-gap: 3px;
    align-items: center;
    font-weight: 400;
    justify-content: center;
    flex: 0 0 100%;
    border: 0;
    background-color: #000
}

.carthumb-cta li:first-child {
    background-color: #0ea548
}

.carthumb-cta li:hover,
.carthumb-cta li:hover button {
    background-color: #f40b0b !important
}

.carthumb-cta li:nth-child(2),
.mobilecalltoact li:nth-child(2) a icon {
    background-color: #f40b0b
}

.carlisting .carscolwrap {
    align-items: flex-start;
    column-gap: 0;
    justify-content: space-between
}

.allcarssec,
.blgdtilsidebar .carthumb,
.brandcs05 .csty05rbox .cmseditor ul li {
    flex: 0 0 100%;
    max-width: 100%
}

.allcarssec .carthumb {
    width: 32%;
    float: left;
    margin-right: .65%;
    margin-left: .65%;
    margin-bottom: 1.5%
}

.allcarswrap {
    flex: 0 0 74%;
    max-width: 74%
}

.nocarmessg {
    background-color: #f2f3f0;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px
}

.sortingtab {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 30px
}

.sortingtab select {
    height: 35px;
    padding: 0 10px;
    width: 20%;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    letter-spacing: .2px;
    background-color: #f40b0b;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-position: 97% center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAQBJREFUOE/d1bEuREEYxfHf8gQKL6DSKQgPoJHYhkRFp6UikVBokGyUtBKFmkQovIGCQqfyAgpPQGSSa7OZzDfLzVZu+833z5mTM+d2xN8U3oLxAY5Ls06wsNssrOG2cOZPwD3MYA7vOMF9Bp3G628U7mAe63jEIu5wmil9xuww4Bi2cY5PPDUqJ7CKi4rf/VHkYTrwAyxxrrAxTGE+rwFXcDNKYLLgepTAUH1bD/8pMDS+Fqmah2E02gLD8LYF5jHbbLL3MQAcxxbO8JUWalfOC2AJh+jiAQu4bFqn3401YKmilrGPyUblC3qDV6kBoxJNStM7Piq1dhtgEhT+Hr4BA4w5Fe8FByAAAAAASUVORK5CYII=)
}

.sortingtabinrpage select {
    width: 15% !important
}

.carsidebar {
    flex: 0 0 24%;
    max-width: 24%
}

.carsidebar .fancytitle {
    justify-content: flex-start;
    margin-bottom: 30px
}

.carsidebar .fancytitle h1,
.carsidebar .fancytitle h2,
.carsidebar .fancytitle h3,
.carsidebar .fancytitle h4,
.carsidebar .fancytitle h5,
.carsidebar .fancytitle h6 {
    font-size: 25px
}

.carsidebar .fancytitle h1:after,
.carsidebar .fancytitle h2:after,
.carsidebar .fancytitle h3:after,
.carsidebar .fancytitle h4:after,
.carsidebar .fancytitle h5:after,
.carsidebar .fancytitle h6:after {
    top: -5px
}

.searchfiltr {
    box-shadow: 0 6px 34px -14px rgba(0, 0, 0, .3);
    border-radius: 25px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px
}

.cardtailbtm,
.cdleft,
.cdrgt {
    box-shadow: 3px 3px 9px rgba(164, 164, 186, .2)
}

.searchfiltr span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f40b0b
}

.searchfiltr li {
    margin-bottom: 6px;
    padding: 0 15px
}

.searchfiltr li label input {
    margin-right: 1px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px
}

.searchfiltr li label {
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f3f2f0;
    padding: 5px;
    border-radius: 5px
}

.searchfiltr li label:hover {
    background-color: #bdbdbd
}

.searchfiltr li label img {
    max-width: 35%;
    height: auto
}

.filtrbybrand li label img {
    background-color: #f3f2f0;
    border-radius: 7px;
    max-width: 25%;
    position: static
}

.filterbyloc li label {
    padding-bottom: 10px !important
}

.filtrbybrand li {
    width: 50%;
    float: left;
    padding-right: 5px !important
}

.filtrbybrand li:nth-child(odd) {
    padding-left: 5px !important;
    padding-right: 15px !important
}

.mbfiltraction {
    display: none;
    border-top: 2px solid #f40b0b;
    position: fixed;
    bottom: 0;
    height: 52px;
    background-color: #000;
    width: 100%;
    left: 0;
    align-items: center;
    justify-content: center;
    column-gap: 15px
}

.mbfiltraction button {
    background-color: #f40b0b;
    border: 0;
    border-radius: 15px;
    min-width: 28%;
    display: block;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #000
}

.cdrgt .carthumb-cta li a,
.field input {
    font-size: 14px
}

.mbfiltraction button.resetfiltrbtn {
    background-color: #fff;
    color: #000
}

.price-input {
    width: 100%;
    display: flex;
    margin: 20px 0;
    padding: 0 15px
}

.priceslider,
.range-input {
    margin: 0 15px
}

.price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center
}

.field input {
    width: 100%;
    height: 24px;
    line-height: 25px;
    outline: 0;
    margin-left: 12px;
    border-radius: 5px;
    border: 1px solid #999;
    -moz-appearance: textfield
}

.cmseditor p,
.cntst07lft .cmseditor h1,
.cntst07lft .cmseditor h2,
.cntst07lft .cmseditor h3,
.cntst07lft .cmseditor h4,
.cntst07lft .cmseditor h5,
.cntst07lft .cmseditor h6,
.cst08lft .cmseditor .fancytitle h1,
.cst08lft .cmseditor .fancytitle h2,
.cst08lft .cmseditor .fancytitle h3,
.cst08lft .cmseditor .fancytitle h4,
.cst08lft .cmseditor .fancytitle h5,
.cst08lft .cmseditor .fancytitle h6,
.cst10rgt .fancytitle h1,
.cst10rgt .fancytitle h2,
.cst10rgt .fancytitle h3,
.cst10rgt .fancytitle h4,
.cst10rgt .fancytitle h5,
.cst10rgt .fancytitle h6,
.csty04lft h1,
.csty04lft h2,
.csty04lft h3,
.csty04lft h4,
.csty04lft h5,
.csty04lft h6,
.popwrap h2 {
    text-align: left
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center
}

.priceslider {
    height: 5px;
    position: relative;
    background: #000;
    border-radius: 5px
}

.priceslider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #17a2b8
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: 0 0;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=range]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #f40b0b;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

input[type=range]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #f40b0b;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

.price-input .field span {
    font-size: 14px;
    padding: 5px;
    margin-bottom: 0;
    border-radius: 5px
}

.cdleft,
.cdrgt {
    background: linear-gradient(1turn, #f1f6fd 30%, #f7f7f7);
    border: 1px solid #e7e7e7
}

.relatdcarsec {
    padding-bottom: 30px
}

.relatdcarsec .swiper-pagination {
    bottom: -36px !important
}

.cardtailwrap {
    align-items: flex-start
}

.cdleft {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 15px 15px 24px;
    overflow: hidden
}

.thumbnails {
    top: 10px;
    min-height: 77px
}

.cdleft img {
    width: 100%;
    height: 140px;
    object-fit: cover !important
}

.bannervideo video,
.feature-map {
    object-fit: cover
}

.cdleft img:hover {
    cursor: zoom-in
}

.cdleft ul {
    list-style: none !important
}

.cdrgt {
    flex: 0 0 38%;
    max-width: 38%;
    padding: 22px 15px;
    min-height: 566px
}

.cdvideo {
    border-radius: 15px;
    height: 443px
}

.cdleft .gallery img {
    min-height: 443px;
    object-fit: cover
}

.cdrgt .carthumb-cta {
    margin: 25px 0
}

.cdrgt h1,
.cdrgt h2,
.cdrgt h3,
.cdrgt h4,
.cdrgt h5,
.cdrgt h6 {
    color: #000;
    font-weight: 600;
    font-size: 25px;
    line-height: 28px
}

.cdrgt .googlerating {
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 20px
}

.cdrgt .mainprice p {
    font-weight: 600;
    font-size: 18px;
    color: green
}

.allpricecontainer {
    display: none;
    flex-wrap: wrap;
    min-height: 39px;
    align-items: center;
    column-gap: 1%;
    padding-top: 20px
}

.allpricecontainer .mainprice,
.bloglisting .post-slide {
    flex: 0 0 32%;
    max-width: 32%
}

.allpricecontainer .mainprice:after {
    left: inherit;
    right: 19px;
    top: -10px;
    height: 39px
}

.acc-label:hover:after,
.acccntnt input:checked+.acc-label:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjE0IDUuMzMiPjxwYXRoIGQ9Ik05LjE0Ljc2QS4yOS4yOSwwLDAsMSw5LjA1LDFMNC43OCw1LjI0YS4yOS4yOSwwLDAsMS0uNDIsMEwuMDksMWEuMjkuMjksMCwwLDEsMC0uNDJMLjU1LjA5QS4yOS4yOSwwLDAsMSwxLC4wOWwzLjYsMy42TDguMTcuMDlhLjI5LjI5LDAsMCwxLC40MiwwbC40Ni40NkEuMjkuMjksMCwwLDEsOS4xNC43NloiLz48L3N2Zz4=")
}

.allpricecontainer .mainprice span {
    font-size: 12px
}

.fancytitle2 {
    border-bottom: 1px solid #dee2e7;
    padding: 0 0 12px;
    margin: 20px 0 24px;
    border-radius: 0;
    background: 0 0;
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.fancytitle2:before {
    content: "";
    background: #f40b0b;
    border-radius: 8px;
    width: 20px;
    height: 4px;
    left: 0;
    position: absolute;
    bottom: -3px
}

.carspecswrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 6px;
    align-items: center;
    justify-content: flex-start
}

.specslist {
    flex: 0 0 30%;
    max-width: 30%;
    display: flex;
    align-items: center
}

.specslist .feature-img {
    width: 50px;
    height: 50px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin: 0 8px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    min-width: 50px
}

.featues-info span {
    font-size: 15px;
    color: #201f1d;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 5px
}

.featues-info p {
    color: #737373;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px
}

.cmseditor h1,
.cmseditor h2,
.cmseditor h3,
.cmseditor h4,
.cmseditor h5,
.cmseditor h6,
.cmseditor p,
.cmseditor ul,
.popwrap .formwrap input {
    margin-bottom: 10px
}

.carspecswrap .thumboffer {
    column-gap: 10px
}

.cardtailbtm {
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
    border-radius: 15px;
    background: linear-gradient(1turn, #f1f6fd 30%, #f7f7f7);
    border: 1px solid #e7e7e7
}

.blogdtailwrap,
.bloghead {
    box-shadow: 0 6px 34px -14px rgba(0, 0, 0, .3)
}

.aboutsec1 .cmseditor a,
.abtsec4rgt .cmseditor a,
.boxstyle01 .cmseditor a,
.cardtailbtm .cmseditor a,
.cmseditor a b,
.cmseditor a strong,
.cntst07lft .cmseditor a,
.cs04rgt-box .cmseditor p a,
.cs04rgt-box .cmseditor ul li a,
.cst08lft .cmseditor a,
.cst10rgt .cmseditor a,
.csty04lft .cmseditor p a,
.csty04lft .cmseditor ul li a,
.cstyle05top .cmseditor p a,
.cstyle05top .cmseditor ul li a,
.docmntsec .cmseditor p a {
    color: #f40b0b
}

.popwrap .formwrap select,
.popwrap .formwrap textarea {
    font-weight: 400;
    color: #000;
    min-width: 18%;
    transition: .3s linear;
    background-color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    outline: 0
}

.aboutsec1 .cmseditor a:hover,
.abtsec4rgt .cmseditor a:hover,
.cardtailbtm .cmseditor a:hover,
.cntst07lft .cmseditor a:hover,
.cst08lft .cmseditor a:hover,
.cst10rgt .cmseditor a:hover,
.lswrap-map ul li a:hover {
    color: #f40b0b !important
}

.popwrap {
    background: rgba(0, 0, 0, .9);
    position: fixed;
    height: 100%;
    z-index: 5000;
    display: none;
    top: 0;
    left: 0
}

.flex-column,
.popwrap .formwrap,
.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.popwrap .formwrap input {
    height: 40px;
    background-color: #fff
}

.popwrap .formwrap textarea {
    border-radius: 5px;
    border: 1px solid #404040;
    padding: 15px
}

.popwrap .formwrap button {
    height: 45px;
    line-height: 45px
}

.popcntnt {
    padding: 30px;
    width: 650px;
    height: auto;
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% - 300px);
    margin: -50px 0 0 -50px;
    background: #242424;
    border: 5px solid #fff
}

.csty06dtail .fancytitle,
.lswrap-desc .fancytitle,
.popcntnt .fancytitle {
    justify-content: flex-start;
    margin-bottom: 20px
}

.popcntnt .disabled {
    background-color: rgb(255 255 255 / 50%);
    pointer-events: none
}

.close {
    border: 2px solid #fddb00;
    border-radius: 15px;
    padding: 5px 15px;
    position: absolute;
    width: 77px;
    cursor: pointer;
    top: 8px;
    left: 87%;
    color: #fff
}

.popwrap .formwrap select {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #404040;
    padding: 0 15px
}

.popwrap .formbtn:hover {
    background-color: #fff !important;
    color: #000 !important
}

.popwrap .formbtn {
    background: #fddb00
}

.div-input {
    display: flex;
    flex-direction: column;
    flex: 0 0 20%;
    max-width: 20%
}

.msg-input-error {
    margin-top: 6px;
    display: flex;
    height: 1px;
    color: red;
    padding-left: 5px
}

.btn-send-form {
    display: flex !important;
    gap: 10px !important;
    justify-content: center;
    align-items: center
}

.btn-send-form p {
    transition: color .5s
}

.spinner-active {
    border: 5px dashed #000;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    animation-name: loop-spinner-active;
    animation-fill-mode: both;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.btn-send-form .spinner {
    border-color: #fff !important;
    transition: border-color .5s
}

.btn-send-form:hover .spinner {
    border-color: #000 !important
}

@keyframes loop-spinner-active {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.div-form-message {
    display: flex;
    justify-content: center
}

.form-message {
    padding-bottom: 10px
}

.brandpage .faqswrap {
    padding-bottom: 0 !important
}

.brandsec {
    background-color: #000
}

.brandbox {
    flex: 0 0 7.67%;
    margin-right: 9.5px
}

.brandcarousel .swiper-slide {
    width: 8.34%
}

.brandsec .brandswrap .swiper-button-next:after,
.brandsec .brandswrap .swiper-button-prev:after {
    font-size: 10px !important;
    color: #000 !important;
    font-weight: 700
}

.brandsec .brandswrap .swiper-button-prev {
    left: -30px !important
}

.brandsec .brandswrap .swiper-button-next {
    right: -30px !important
}

.brandswrap {
    max-width: 1367px;
    margin: auto
}

.brandswrap a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: #7d602629; */
    padding: 8px;
    border-radius: 12px;
    /* box-shadow: 0 0 10px #9a9292 */
}

.brandswrap .ct-tile {
    font-weight: 500;
    color: #fff !important;
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 5px
}

.brandswrap .ct-count {
    font-size: 12px;
    font-weight: 400;
    color: #595959
}

.brandswrap img {
    width: 100%;
    height: auto;
    max-width: 60px
}

.faqswrap {
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: 4% center;
    background-size: 280px;
    background-image: none !important
}

.faqswrap a.btnstyle01 {
    display: table;
    display: none;
    margin-left: auto;
    margin-right: auto
}

.accordianwrap {
    width: 85%;
    margin: auto
}

.acccntnt {
    width: 100%;
    overflow: hidden;
    margin-bottom: 9px;
    z-index: 100
}

.acc-label {
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px;
    background: #2e2e2e;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    line-height: 28px;
    transition: .3s
}

.acc-descr,
.acc-descr ul li {
    font-size: 15px;
    font-weight: 400
}

.acc-label .question-icon {
    line-height: 26px;
    margin-right: 10px;
    margin-left: 5px;
    fill: #fff;
    margin-top: 3px
}

.acc-label:hover,
.acccntnt input:checked+.acc-label {
    background: #f40b0b;
    color: #000
}

.acc-label:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjE0IDUuMzMiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNOS4xNC43NkEuMjkuMjksMCwwLDEsOS4wNSwxTDQuNzgsNS4yNGEuMjkuMjksMCwwLDEtLjQyLDBMLjA5LDFhLjI5LjI5LDAsMCwxLDAtLjQyTC41NS4wOUEuMjkuMjksMCwwLDEsMSwuMDlsMy42LDMuNkw4LjE3LjA5YS4yOS4yOSwwLDAsMSwuNDIsMGwuNDYuNDZBLjI5LjI5LDAsMCwxLDkuMTQuNzZaIi8+PC9zdmc+");
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    transition: .3s;
    right: 15px
}

.acc-descr {
    max-height: 0;
    padding: 0 1em;
    color: #000;
    background: 0 0;
    transition: .3s;
    line-height: 22px
}

.cntntstyle02,
.cntntstyle09 {
    background-attachment: fixed
}

.acccntnt input:checked+.acc-label:after {
    transform: rotate(180deg);
    top: 24px
}

.acccntnt input:checked~.acc-descr {
    max-height: 100vh;
    padding: 1em
}

.acccntnt input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.acc-descr ul {
    padding-left: 15px
}

.acc-descr ul li {
    margin-bottom: 8px;
    line-height: 22px;
    color: #000
}

.blogsec {
    width: 100%;
    display: block;
    padding-bottom: 75px
}

#blogcrslyoumay {
    padding-bottom: 40px
}

.reltdblog .swiper-pagination {
    bottom: 0 !important
}

.post-slide {
    min-height: 335px;
    transform: translateY(0);
    transition: .3s
}

.post-slide:hover {
    transform: translateY(-10px)
}

.post-slide .post-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to left, rgb(44 44 44), rgb(0 0 0 / 70%));
    transform: translateY(-100%);
    transition: .3s
}

.post-slide:hover .post-img:after {
    transform: translateY(0)
}

.post-slide .post-img:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA0LTAyVDE3OjE3OjA2KzA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNC0wMlQxNzoxOTowNyswNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNC0wMlQxNzoxOTowNyswNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NmY4OGM0Ny1mNWZiLWRjNDQtYjg5MC1kODJkNWVlNTQwYjEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmZjYyYzRkNy1mYzg3LWQ1NDItYjBlOS1mNjcyZWQxYmU2ZjUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjOGExOTEzYy01NjhjLWU0NDUtYTc2OS0zZDdjMmVkNTg4ZTIiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM4YTE5MTNjLTU2OGMtZTQ0NS1hNzY5LTNkN2MyZWQ1ODhlMiIgc3RFdnQ6d2hlbj0iMjAyNC0wNC0wMlQxNzoxNzowNiswNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NmY4OGM0Ny1mNWZiLWRjNDQtYjg5MC1kODJkNWVlNTQwYjEiIHN0RXZ0OndoZW49IjIwMjQtMDQtMDJUMTc6MTk6MDcrMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4p1zF5AAABbUlEQVQ4ja2UP0sDQRDFXyTgv0a0sBKNopVFEmwEGwVJkUK/gBjE2sLSJihaiKUgYqWdH0DSWIrYeWAhWGohooVREBSRn8WNsHfeJZfTgeFuZt69fXM7uxlA/2ltf/i2IulAUjmQBdL4IUEr/dRaJeoG7oxkB5gA7i0eTEMo4ARYc+IeI6wDfZmEmzIjqSipJuk6op6X5Ek6SqJoO/S/+iMww1Y7bUSUBc4NuA/M2fsrMOTgZi3/BRTiyMaAZwOuOPm85SoWr1r8BIzEbUrJaW88ot5uzz3DnDm5X4QbBrpyQSHvADzDbYbrbnBsoJrFOYt3HUzBUb8YtaCAXuDCQFWnOADcWL5sDvAGTMaol4wEYDmmvRdHlQd0xZEBykqq23B+Rgzsu6ScpHVJD5K2mh4B/Hm7NAVFZ7VpYKGRmriWBWTwzyL4szbvtNmZhlDAKEG7xR/wlhSGL4cpSUuSHiVVJX00vzeClvS2SWzfVGSk9IpWq5AAAAAASUVORK5CYII=");
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: -50%;
    transition: .5s;
    z-index: 1
}

.post-slide:hover .post-img:before {
    top: 40%
}

.post-slide .icons {
    display: none !important;
    position: absolute;
    top: 16px;
    left: 30px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center
}

.post-slide .icons img {
    width: 35px !important;
    height: 10px !important
}

.post-slide .post-review {
    border-top: none;
    padding: 15px;
    background: #2e2e2e;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    width: 87%;
    left: calc(50% - 195px);
    box-shadow: 0 0 8px #e5e5e5
}

.post-slide .post-review:after {
    content: "";
    width: 90%;
    height: 10px;
    position: absolute;
    top: 100%;
    left: 5%;
    opacity: 0;
    background: radial-gradient(ellipse at center center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%) rgba(0, 0, 0, 0);
    transform: translateY(0);
    transition: .3s
}

.post-slide:hover .post-review:after {
    opacity: 1;
    transform: translateY(5px)
}

.post-slide .post-bar {
    padding: 0;
    list-style: none
}

.post-slide .post-bar li {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    font-weight: 400
}

.post-slide .post-bar li i {
    color: #f40b0b;
    margin-right: 8px
}

.post-slide .post-title {
    margin: 0 0 10px;
    color: #fff;
    line-height: 22px;
    font-weight: 600;
    font-size: 16px;
    min-height: 44px
}

.post-slide .post-description {
    font-size: 15px;
    line-height: 21px;
    color: grey
}

.post-slide .read {
    font-size: 13px;
    color: #f40b0b;
    font-weight: 400
}

.post-slide .read .angle-icon {
    fill: #ffdd00;
    margin-left: 0;
    transform: rotate(270deg);
    position: relative;
    top: 6px
}

.post-slide .read:hover {
    text-decoration: none;
    color: #333
}

.bloglisting .post-slide .post-img,
.testimonial {
    overflow: hidden
}

.bloglisting .blogwrap {
    flex-wrap: wrap;
    row-gap: 30px;
    justify-content: flex-start;
    column-gap: 26px
}

.bloglisting .post-slide .post-review {
    width: 88%
}

.blogdtailwrap {
    padding: 25px;
    align-items: flex-start;
    border-radius: 25px;
    column-gap: 2%
}

.blgdtilcntnt {
    flex: 0 0 70%;
    max-width: 70%
}

.blgdtilcntnt img {
    width: 100%;
    height: auto;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.blgdtilsidebar {
    flex: 0 0 28%;
    max-width: 28%
}

.bloghead {
    width: 85%;
    padding: 15px;
    margin-top: -40px;
    background-color: #fff;
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 30px
}

.bloghead h1,
.bloghead h2,
.bloghead h3,
.bloghead h4,
.bloghead h5,
.bloghead h6 {
    font-weight: 600;
    font-size: 33px;
    line-height: 36px
}

.bloghead.post-slide {
    min-height: inherit
}

.blgdtilcntnt .cmseditor {
    padding-left: 8px
}

.blgdtilcntnt .cmseditor a {
    color: #ed8323
}

.blgdtilsidebar .mainimg {
    max-width: 100%;
    max-height: inherit;
    width: 100%;
    height: auto;
    min-height: 183px
}

.cmseditor h1 {
    font-weight: 600;
    font-size: 33px;
    color: #000;
    line-height: 36px
}

.cmseditor h2 {
    font-weight: 600;
    font-size: 30px;
    color: #000;
    line-height: 33px
}

.cmseditor h3 {
    font-weight: 600;
    font-size: 25px;
    color: #000;
    line-height: 28px
}

.cmseditor h4 {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    line-height: 25px
}

.cmseditor h5 {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    line-height: 23px
}

.cmseditor h6 {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    line-height: 21px
}

.cmseditor p,
.cmseditor ul li {
    font-weight: 400;
    font-size: 15px
}

.cmseditor p {
    color: #000;
    font-style: normal
}

.cmseditor a,
.cmseditor ul li a {
    color: #f40b0b;
    font-weight: 400;
    font-size: 15px
}

.cmseditor b,
.cmseditor strong,
.cmseditor ul li b,
.cmseditor ul li strong {
    font-weight: 600;
    color: #000;
    font-size: 15px
}

.cmseditor ul {
    list-style: none;
    color: #f40b0b;
    margin-top: 15px;
    padding-left: 0
}

.cmseditor ul h1,
.cmseditor ul h2,
.cmseditor ul h3,
.cmseditor ul h4,
.cmseditor ul h5,
.cmseditor ul h6 {
    margin-left: -15px
}

.cmseditor ul li {
    padding-left: 22px;
    color: #000;
    margin-bottom: 7px;
    line-height: 20px;
    background-position: left 4px;
    background-image: url("data:image/webp;base64,UklGRuoAAABXRUJQVlA4WAoAAAAQAAAADQAACwAAQUxQSGQAAAARcFXbtqrsh2sGiAENXhNIAQm0wL335cHdoQV8rucZImIClNr57TzlDGCZpwdsCllqXWFf0tAYM5mP/AA4VwA+ZD4T3xwDY8x0MfYD4FJTevsKx4rS+8CuqMwA1p6yu/99QZIAVlA4IGAAAADwAQCdASoOAAwAAcAuJbACdLoAAueLVgAA/sv/fzvueVyrc3XRQpf/igv/Nnxq4/+/7RSIf+eP/Dn/87//4LPKf9bYbrr/45t/w8/+A6v/F//8jj9nZspvFL39nc0+gAA=")
}

.cntntstyle01 {
    width: 100%;
    display: block;
    background-color: #2e2e2e
}

.cntystyle01-top .cmseditor p {
    color: #fff;
    text-align: center;
    padding: 0 8%
}

.cntystyle01-top .cmseditor h1,
.cntystyle01-top .cmseditor h2,
.cntystyle01-top .cmseditor h3,
.cntystyle01-top .cmseditor h4,
.cntystyle01-top .cmseditor h5,
.cntystyle01-top .cmseditor h6,
.cntystyle02-top .cmseditor h2,
.cntystyle02-top .cmseditor h3,
.cntystyle02-top .cmseditor h4,
.cntystyle02-top .cmseditor h5,
.cntystyle02-top .cmseditor h6,
.cntystyle02-top .cntystyle02-top h1 {
    color: #f40b0b;
    text-align: center
}

.innerpage-set .cntst07lft .cmseditor h2,
.innerpage-set .cntystyle01-top .cmseditor h2,
.innerpage-set .cst08lft .cmseditor h2,
.innerpage-set .cst09rgt .cmseditor h2,
.innerpage-set .csty04lft h2,
.innerpage-set .csty06dtail .cmseditor h2 {
    line-height: 35px;
    font-size: 30px;
    font-weight: 600
}

.cntntstyle01 .cmseditor b,
.cntntstyle01 .cmseditor strong,
.cntntstyle02 .cmseditor b,
.cntntstyle02 .cmseditor strong {
    color: #ffff
}

.cntystyle01-top .cmseditor ul {
    display: flex;
    width: 88%;
    margin: auto;
    column-gap: 2%;
    padding-top: 30px;
    padding-bottom: 25px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 4px
}

.cntystyle01-top .cmseditor ul li {
    flex: 0 0 32%;
    background-position: 7px 16px;
    padding: 12px 10px 10px 25px;
    border-radius: 15px;
    box-shadow: inset 0 0 6px grey;
    color: #fff;
    background-image: url("data:image/webp;base64,UklGRsgAAABXRUJQVlA4WAoAAAAQAAAADQAACQAAQUxQSHEAAAARcFpt27I83++OVdcGHZo70XUJNuDQPHOIrECGAayToTPBi88QEROAP4dTl/ZH6XF3W7+SN6JU/Ie+J7okYoDQmUcxIVrrgKBtiEbylcYAwLj6kQ5bWuGnvCLamV8YxwFrykLkOcY4TtQQqBlMlwSOAwBWUDggMAAAANABAJ0BKg4ACgABwC4loAJ0ugH4AAOwAP72+e//I4/kcfyOP/kcf/xDPR6lwAAAAA==")
}

.cntystyle01-top img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 860px
}

.cntystyle01-botm .swiper-button-next:after,
.cntystyle01-botm .swiper-button-prev:after,
.csty04rgt .swiper-button-next:after,
.csty04rgt .swiper-button-prev:after {
    font-size: 30px !important;
    color: #f40b0b !important
}

.cntystyle01-botm .swiper-button-next {
    right: -5px !important;
    display: none;
    top: 175px;
    text-align: right
}

.cntystyle01-botm .swiper-button-prev {
    left: -5px !important;
    top: 175px;
    display: none
}

.cntystyle01-botm .swiper-wrapper {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.cntystyle01-botm .mobileslider,
.d-flex {
    display: flex
}

.boxstyle01 {
    padding: 10px 26px 20px;
    position: relative;
    z-index: 1;
    flex: 0 0 25%
}

.brandpage .cntystyle01-botm .boxstyle01,
.fleetspage .boxstyle01,
.locationpage .boxstyle01 {
    flex: 0 0 33%
}

.boxstyle01 .cmseditor h1,
.boxstyle01 .cmseditor h2,
.boxstyle01 .cmseditor h3,
.boxstyle01 .cmseditor h4,
.boxstyle01 .cmseditor h5,
.boxstyle01 .cmseditor h6 {
    font-size: 17px;
    min-height: 36px;
    color: #fff;
    text-align: center
}

.boxstyle01 .cmseditor p {
    text-align: center;
    margin-bottom: 0;
    min-height: 88px;
    padding: 15px;
}

.boxstyle01:after,
.boxstyle01:before {
    content: "";
    background: linear-gradient(to left bottom, #eee, #fff, #fff);
    border-radius: 15px;
    position: absolute;
    top: 45px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .3);
    z-index: -1
}

.boxstyle01:after {
    background: #f40b0b;
    width: 97%;
    height: 83%;
    border-radius: 0 0 150px;
    box-shadow: 0 1px 10px rgb(255 255 255);
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    z-index: -2;
    transition: .3s linear
}

.boxstyle01:hover:after {
    background-color: #fcf307
}

.boxstyle01 .boxstyle01-icon {
    text-align: center;
    color: #000;
    background: #fff;
    font-size: 40px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    margin: 0 0 12px;
    border-radius: 50px
}

.csty05rbox:nth-child(2) .cmseditor ul li,
.sitemap-wrapper ul li {
    background-image: url("data:image/webp;base64,UklGRnYAAABXRUJQVlA4WAoAAAAQAAAADgAABgAAQUxQSDcAAAARYBPZtpPzP1DlYCG5QAoCqCgZTFBGK/iifNW/GiIiUVOL/k9IsjTcbeMwvVRDH3SrvUj70PMIAFZQOCAYAAAAMAEAnQEqDwAHAAHALiWkAANwAP78rRAA")
}

.boxstyle01 .title {
    font-size: 19px;
    font-weight: 600;
    margin: 0 10px 10px
}

.boxstyle01 .description {
    color: #888;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin: 0 15px
}

.cntntstyle02 {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    position: relative
}

.cntntstyle02:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0
}

.csty05rbox:after,
.csty05rbox:before {
    height: 18px;
    backface-visibility: hidden;
    top: -9px
}

.cntntstyle02 .container {
    z-index: 100
}

.aboutsec1 .fancytitle,
.cntntstyle02 .fancytitle,
.cstyle05top .fancytitle,
.docmntsec .fancytitle,
.fotrwidget:first-child img {
    margin-bottom: 20px
}

.cntystyle02-top .cmseditor p {
    color: #fff;
    text-align: center
}

.cntystyle02-top img {
    display: block;
    margin: 0 auto
}

.cntystyle02-botm {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.cntystyle02-botm a {
    flex: 0 0 24%;
    max-width: 24%;
    margin-bottom: 10px
}

.cntystyle02-botm a img {
    width: 100%;
    height: auto;
    max-width: 1400px;
    transition: .3s linear
}

.cntystyle02-botm a img:hover {
    transform: scale(1.05)
}

.cntntstyle03 {
    width: 100%;
    display: block
}

.cntntstyle03 .container,
.rgtform form,
.thanyousec p {
    position: relative;
    z-index: 100
}

.cntntstyle06:before,
.csty05rbox:after,
.csty05rbox:before {
    content: "";
    background-color: #fff;
    position: absolute
}

.cstyle03lft {
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #2e2e2e;
    padding: 25px;
    border: 5px solid #f40b0b;
    border-right: 0;
    border-left: 0;
    box-shadow: 0 6px 10px #c5c5c5
}

.abtsec4rgt .fancytitle,
.csty04lft .fancytitle,
.cstyle03lft .fancytitle {
    margin-bottom: 20px;
    justify-content: flex-start
}

.cntntstyle03 .fancytitle h1,
.cntntstyle03 .fancytitle h2,
.cntntstyle03 .fancytitle h3,
.cntntstyle03 .fancytitle h4,
.cntntstyle03 .fancytitle h5,
.cntntstyle03 .fancytitle h6,
.csty06dtail .fancytitle h1,
.csty06dtail .fancytitle h2,
.csty06dtail .fancytitle h3,
.csty06dtail .fancytitle h4,
.csty06dtail .fancytitle h5,
.fancytitle .cmseditor h6 {
    color: #fff;
    text-align: left
}

.innerpage-set .cntntstyle03 .cmseditor h2 {
    color: #fff;
    line-height: 35px;
    font-size: 30px;
    font-weight: 600
}

.cntntstyle03 .cmseditor ul {
    list-style: none;
    margin-top: 20px
}

.cntntstyle03 .cmseditor ul li {
    color: #fff;
    display: block;
    padding-left: 12px;
    background-image: url("data:image/webp;base64,UklGRjwAAABXRUJQVlA4IDAAAADQAQCdASoCAAoAAcAuJaACdLoB+AADsAD+9vnv/yOP5HH8jj/5HH/8Qz0epcAAAAA=")
}

.cstyle03rgt {
    flex: 0 0 45%;
    max-width: 45%;
    text-align: right
}

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

.cntntstyle04 {
    width: 100%;
    display: block;
    background-size: 34%;
    background-position: left bottom
}

.cntsyle04wrap {
    column-gap: 6%
}

.csty04lft,
.lftcdetails,
.lswrap-desc {
    flex: 0 0 40%;
    max-width: 40%
}

.csty04rgt {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10px;
}

.csty04rgt .swiper-wrapper,
.swiper-grid>.swiper-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.csty04rgt .swiper-button-prev {
    left: -5px !important;
    display: none
}

.csty04rgt .swiper-button-next {
    right: -5px !important;
    display: none;
    text-align: right
}

.cs04rgt-box {
    display: flex !important;
    margin-bottom: 30px;
    flex-direction: column;
}

.cs04rgt-box .cmseditor h1,
.cs04rgt-box .cmseditor h2,
.cs04rgt-box .cmseditor h3,
.cs04rgt-box .cmseditor h4,
.cs04rgt-box .cmseditor h5,
.cs04rgt-box .cmseditor h6 {
    font-size: 22px
}

.cs04rb-ico {
    background-color: #f9f9f9;
    border-radius: 50px;
    margin-right: 25px;
    max-height: 100px
}

.cs04rb-ico img {
    width: 250px;
    height: 100px;
    transition: .8s linear
}

.cs04rgt-box:hover .cs04rb-ico img {
    transform: translateX(20px)
}

.cstyle05top p {
    padding: 0 10%
}

.innerpage-set .cstyle05top .cmseditor h2 {
    line-height: 35px;
    font-size: 30px;
    font-weight: 600;
    padding: 0 25%
}

.cstyle05top img {
    margin: 30px auto -57px;
    max-width: 563px;
    max-height: 240px;
    display: block;
    z-index: 100;
    width: 100%;
    height: auto;
    transform: rotate(-2deg)
}

.cstyle05bm {
    justify-content: center;
    align-items: normal
}

.csty05rbox {
    background-color: #2e2e2e;
    min-height: 200px;
    flex: 0 0 41%;
    max-width: 41%;
    padding: 50px 20px 20px
}

.csty05rbox:before {
    -webkit-transform: skew(0deg, -3.5deg);
    transform: skew(0deg, -3.5deg);
    width: 50%;
    left: 0
}

.csty05rbox:after {
    -webkit-transform: skew(0deg, 3.5deg);
    transform: skew(0deg, 3.5deg);
    width: 49.9%;
    right: 0
}

.csty05rbox .cmseditor ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    column-gap: 3%;
    justify-content: space-between
}

.csty05rbox .cmseditor ul li {
    flex: 0 0 47%;
    max-width: 47%;
    color: #fff;
    background-image: url("data:image/webp;base64,UklGRnYAAABXRUJQVlA4WAoAAAAQAAAADgAABgAAQUxQSDcAAAARYBPZtpPzP1DlYCG5QAoCqCgZTFBGK/iifNW/GiIiUVOL/k9IsjTcbeMwvVRDH3SrvUj70PMIAFZQOCAYAAAAMAEAnQEqDwAHAAHALiWkAANwAP78SgAA")
}

.cst09rgt .cmseditor ul li,
.csty06dtail .cmseditor ul li {
    background-image: url("data:image/webp;base64,UklGRrIAAABXRUJQVlA4WAoAAAAQAAAADAAACgAAQUxQSFsAAAARcGLb1rLcv1pDOpE5EN0zzWbj6c8kdzLRNRKhMQrWOvgYImIC9GfF1Z9laP7KA+0fOcCV0mFJMaAlJSGgENCTtINb4QFzSfJf+Fzoq3MFlvrpuXM2fik4MvUdAFZQOCAwAAAA0AEAnQEqDQALAAHALiWgAnS6AfgAA7AA/vb57/8jj+Rx/I4/+Rx//EM9HqXAAAAA")
}

.cntntstyle06 {
    display: block;
    width: 100%;
    background-color: #000;
    min-height: 300px;
    background-position: center bottom;
    background-size: contain;
    padding-top: 85px
}

.cntntstyle09,
.lswrap-map {
    background-position: center center
}

.cntntstyle06:before {
    width: 100%;
    height: 60px;
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
    display: block;
    top: -30px
}

.brandcs05 .csty05rbox,
.csty06img {
    flex: 0 0 36%;
    max-width: 36%
}

.csty06img img {
    max-width: 480px;
    max-height: 293px;
    width: 100%;
    height: auto;
    top: 15px
}

.cst09rgt,
.csty06dtail {
    flex: 0 0 60%;
    max-width: 60%
}

.csty06dtail .cmseditor ul li {
    color: #fff;
    background-repeat: no-repeat
}

.cntst07lft {
    color: #05aff9;
    padding: 45px 80px 40px;
    z-index: 1
}

.cntst07lft:after,
.cntst07lft:before {
    content: '';
    border: 4px solid #f40b0b;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(0 0, 65% 0%, 50% 100%, 0% 100%)
}

.cntst07lft:after {
    clip-path: polygon(95% 15%, 100% 15%, 100% 100%, 95% 100%)
}

.cntst07lft .cmseditor .fancytitle {
    margin-bottom: 10px;
    justify-content: flex-start
}

.cntnst08wrap {
    padding: 25px;
    box-shadow: 0 6px 34px -14px rgba(0, 0, 0, .3)
}

.abtsec4rgt,
.cst08lft,
.cst10rgt {
    flex: 0 0 50%;
    max-width: 50%
}

.cst08lft .cmseditor .fancytitle,
.cst09rgt .cmseditor .fancytitle {
    justify-content: flex-start;
    margin-bottom: 10px
}

.cst08rgt {
    flex: 0 0 45%;
    max-width: 45%;
    min-height: 376px;
    background-color: #f40b0b
}

.cst08rgt img {
    max-width: 581px;
    position: absolute;
    top: 15px;
    left: 0
}

.cntntstyle09 {
    width: 100%;
    display: block;
    background-size: cover;
    z-index: 1
}

.lswrap-map,
.pt-bredwrap {
    background-size: 100%;
    background-repeat: no-repeat
}

.cntntstyle09:after {
    background: rgba(0, 0, 0, .95);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.cst09lft {
    flex: 0 0 40%;
    max-width: 40%;
    z-index: 1;
    padding: 44px
}

.cst09lft img {
    width: 100%;
    height: auto;
    max-width: 400px
}

.cst09lft:before {
    background: #fff;
    right: 43%;
    width: 70px
}

.cst09lft:after,
.cst09lft:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    z-index: -1
}

.cst09lft:after {
    background: #f40b0b;
    right: 55%;
    width: 2030px
}

.cst09rgt .cmseditor .fancytitle h1,
.cst09rgt .cmseditor .fancytitle h2,
.cst09rgt .cmseditor .fancytitle h3,
.cst09rgt .cmseditor .fancytitle h4,
.cst09rgt .cmseditor .fancytitle h5,
.cst09rgt .cmseditor .fancytitle h6 {
    text-align: left;
    color: #fff
}

.abtsec4lft,
.cst10lft {
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    min-height: 400px
}

.cst10lft:before {
    content: "";
    background-color: #f40b0b;
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%
}

.cst10lft img {
    width: 100%;
    height: auto;
    max-width: 484px;
    left: 95px;
    top: 65px;
    filter: blur(-5px)
}

.docmntsec .cmseditor p {
    text-align: center;
    max-width: 76%;
    margin: auto
}

.dtailbox .cmseditor h1,
.dtailbox .cmseditor h2,
.dtailbox .cmseditor h3,
.dtailbox .cmseditor h4,
.dtailbox .cmseditor h5,
.dtailbox .cmseditor h6 {
    text-align: left;
    background-color: #f40b0b;
    padding: 10px;
    border-radius: 10px;
    font-size: 19px
}

.dtailbox .cmseditor ul li {
    background-size: 13px;
    background-image: url("data:image/webp;base64,UklGRkoBAABXRUJQVlA4WAoAAAAQAAAAEQAAEQAAQUxQSOYAAAARkHNb27HHoq9YpW3btlnadtKntVEbpdPalW3bGRvX6J2ImAAAkPLuviKfxhwgqNtB3h4e3c0bClifcLfERFbOXB6Af5g0FA84rA5Bp/e0EhngiBgE3V6zXdmNR8oQ9H9hFdDLYgj6vGIBgJdbHViVagHwfmEmAHAfaGA14PuWRQCkZLknCqdt5tk+sQoA2rc+XigBjtcka/H3Jic+xQIIeWIV/ta/e4zkgiwAnyz8s4eVostsxn/GfX6jButPLBdK+8gkAFHkcPBfNi1kKf72OeS7nZnJjQd+TMS/FQtXf5A8qTQEAFZQOCA+AAAAMAMAnQEqEgASAD6BPJlJJSMioSgIAKAQCWUAvf6AAEBQUAD+8oh//3eb/7eb/7eb/n2/zNbGzz4+AfxAAAA=")
}

.dtailbox {
    flex: 0 0 36%;
    max-width: 36%;
    box-shadow: 0 0 5px #cfcfcf;
    padding: 15px;
    border-radius: 10px;
    min-height: 230px
}

.dtailbox:after {
    content: url("../images/1.webp");
    position: absolute;
    right: 15px;
    bottom: 15px
}

.dtailbox:nth-child(3):after {
    content: url("../images/2.webp");
    position: absolute;
    right: 15px;
    bottom: 15px
}

.abtsec1botm,
.docmsec-wrap {
    margin-top: 30px
}

.dtailboximg {
    flex: 0 0 25%;
    max-width: 25%
}

.dtailboximg .cmseditor p {
    max-width: 100%;
    margin-bottom: 0
}

.dtailboximg .cmseditor a {
    color: #f40b0b;
    display: block;
    text-align: center;
    line-height: 18px
}

.locationsec {
    width: 100%;
    display: block;
    padding-bottom: 30px
}

.lswrap-map {
    flex: 0 0 56%;
    max-width: 56%;
    height: 400px
}

.lswrap-map ul li {
    position: absolute
}

.lswrap-map ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: 500
}

.lswrap-map ul li:first-child {
    top: 75px;
    left: 10%
}

.lswrap-map ul li:nth-child(2) {
    left: 35%;
    top: 35px
}

.lswrap-map ul li:nth-child(3) {
    left: 50%;
    top: 100px
}

.lswrap-map ul li:nth-child(4) {
    left: 76%;
    top: 77px
}

.lswrap-map ul li:nth-child(5) {
    top: 147px;
    left: 21%
}

.lswrap-map ul li:nth-child(6) {
    left: 38%;
    top: 190px
}

.lswrap-map ul li:nth-child(7) {
    left: 66%;
    top: 156px
}

.lswrap-map ul li:nth-child(8) {
    top: 244px;
    left: 15%
}

.lswrap-map ul li:nth-child(9) {
    left: 50%;
    top: 258px
}

.lswrap-map ul li:nth-child(10) {
    left: 65%;
    top: 226px
}

.lswrap-map ul li:nth-child(11) {
    left: 31%;
    top: 286px
}

.lswrap-map ul li:nth-child(12) {
    left: 82%;
    top: 295px
}

@keyframes blinking {
    0% {
        background-color: #000
    }

    100% {
        background-color: #f40b0b
    }
}

.blinkcircle {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background-color: #f40b0b;
    display: inline-block;
    margin-bottom: 5px
}

.bannerimage img,
.feature-map,
.pt-bredwrap {
    height: auto;
    width: 100%
}

.brandpage .cntystyle01-botm .mobileslider {
    flex-wrap: wrap;
    column-gap: 3%;
    justify-content: center
}

.testimonial .description {
    background-color: #3d3d3d;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    padding: 30px 20px;
    border: 1px solid #767070;
    border-left: 3px solid #f40b0b;
    min-height: 192px
}

.testimonial .description:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #3d3d3d;
    border-bottom: 1px solid #767070;
    border-left: 1px solid #767070;
    position: absolute;
    bottom: -11px;
    left: 65px;
    transform: skewY(-45deg)
}

.testimonial .testimonial-prof {
    text-transform: capitalize;
    margin: 30px 0 0 30px;
    display: flex
}

.testimonial .testimonial-prof h3 {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px
}

.testimonial-prof:before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkREMDA7fQ0KPC9zdHlsZT4NCjxnIGlkPSJpbmZvIj4NCjwvZz4NCjxnIGlkPSJpY29ucyI+DQoJPHBhdGggaWQ9InVzZXIyIiBjbGFzcz0ic3QwIiBkPSJNMTIsMEM1LjQsMCwwLDUuNCwwLDEyczUuNCwxMiwxMiwxMnMxMi01LjQsMTItMTJTMTguNiwwLDEyLDB6IE0xMiw0YzIuMiwwLDQsMi4yLDQsNXMtMS44LDUtNCw1DQoJCXMtNC0yLjItNC01UzkuOCw0LDEyLDR6IE0xOC42LDE5LjVDMTYuOSwyMSwxNC41LDIyLDEyLDIycy00LjktMS02LjYtMi41Yy0wLjQtMC40LTAuNS0xLTAuMS0xLjRjMS4xLTEuMywyLjYtMi4yLDQuMi0yLjcNCgkJYzAuOCwwLjQsMS42LDAuNiwyLjUsMC42czEuNy0wLjIsMi41LTAuNmMxLjcsMC41LDMuMSwxLjQsNC4yLDIuN0MxOS4xLDE4LjUsMTkuMSwxOS4xLDE4LjYsMTkuNXoiLz4NCjwvZz4NCjwvc3ZnPg0K');
    margin-right: 8px;
    margin-top: -3px;
    width: 24px;
    height: 24px
}

.getintouchsec:after,
.getintouchsec:before {
    position: absolute;
    width: 50%;
    height: 100%;
    content: "";
    top: 0;
    left: 0
}

.pt-bredwrap {
    min-height: 100px;
    background-color: #f2f3f0;
    background-image: url(../images/mainsliderbg.webp);
    background-position: left 91%;
    margin-top: 70px
}

.ptboutr {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding-top: 42px
}

.pt-bredwrap h1,
.pt-bredwrap span {
    font-weight: 600;
    font-size: 33px
}

.breadcrumb {
    padding: 8px 15px 8px 50px;
    margin: 0;
    background: #f40b0b;
    border-radius: 5px;
    list-style: none
}

.breadcrumb li {
    float: left
}

.breadcrumb li:first-child {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2);
    text-align: center;
    position: absolute;
    top: -4px;
    left: -10px;
    z-index: 1;
    transition: .1s
}

.breadcrumb li:after {
    content: "/";
    color: #000;
    margin: 0 7px
}

.breadcrumb li:first-child:after {
    position: relative;
    left: 31px;
    top: -12px
}

.breadcrumb li:first-child a {
    position: relative;
    left: 1px;
    top: 7px
}

.breadcrumb li .fa-home:before {
    width: 22px;
    display: inline-block;
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMjIuOSAxMTIuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIyLjkgMTEyLjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MS40LDBMMCw2MC4ybDE1LDcuOUw2MSwxOS43bDQ2LjgsNDguNGwxNS03LjlMNjEuNCwwTDYxLjQsMHogTTE4LjMsNjkuNkwxOC4zLDY5LjZsNDMuMi00My4ybDQzLjEsNDMuMmwwLDANCgkJbDAsMHY0Mi40SDczLjF2LTMwSDQ5LjV2MzBIMTguM1Y2OS42TDE4LjMsNjkuNkwxOC4zLDY5LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==')
}

.breadcrumb li a,
.breadcrumb li.active {
    font-size: 15px;
    color: #000
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag,
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05) !important;
    border-bottom-left-radius: 50px !important;
    border-top-left-radius: 50px !important
}

.getintouchsec {
    display: block;
    width: 100%;
    position: relative
}

.getintouchsec:after {
    opacity: .4;
    background-image: url(../images/contactbg.webp);
    background-size: cover;
    background-position: left
}

.gitouchwrap {
    align-items: flex-start;
    position: relative;
    z-index: 100
}

.fotrwidget .fancytitle-light,
.lftcdetails .fancytitle {
    justify-content: flex-start
}

.lftcdetails p .svgicon {
    fill: #FFDD00;
    margin-right: 10px
}

.rgtform {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative
}

.rgtform .fancytitle {
    justify-content: flex-start;
    position: relative;
    z-index: 100
}

.feature-map {
    max-height: 300px;
    border: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden
}

.followus {
    margin-top: 40px
}

.social li {
    float: left;
    margin-right: 10px
}

.social li a {
    width: 40px;
    height: 40px;
    line-height: 51px;
    text-align: center;
    border-radius: 50px;
    display: block;
    background-color: #fff
}

.social li .linkedin-icon {
    width: 28px;
    height: 28px;
    position: relative;
    top: 3px
}

#fieldstyle,
.fieldstyle {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    line-height: 45px;
    background-color: #2e2e2e;
    outline: 0;
    border: 0;
    border-bottom: 2px solid #f40b0b;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 8px;
    transition: .3s
}

input#fieldstyle:focus,
input.fieldstyle:focus,
textarea.fieldstyle:focus {
    background-color: rgba(0, 0, 0, .8)
}

.fieldstyle::placeholder {
    opacity: 1;
    color: #fff
}

textarea.fieldstyle {
    height: 100px;
    border-radius: 15px;
    line-height: 20px;
    padding-top: 10px
}

#fieldstyle::placeholder {
    opacity: 1;
    color: #fff
}

.iti {
    display: block !important;
    margin-bottom: 8px
}

.formbtn {
    width: 150px;
    height: 50px;
    float: right;
    outline: 0;
    border: 0 solid #000;
    border-radius: 50px;
    background-color: #f40b0b;
    font-size: 15px
}

.aboutsec1 .cmseditor p {
    text-align: center;
    max-width: 60%;
    margin: auto
}

.abtsec1botm img {
    width: 100%;
    height: auto;
    max-width: 875px;
    display: block;
    margin: auto
}

.aboutsec2 {
    padding-top: 20px
}

.aboutsec3:after {
    content: "";
    width: 100%;
    height: 60px;
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
    display: block;
    background-color: #fff;
    position: absolute;
    bottom: -30px
}

.aboutsec3 .csty06img img {
    position: absolute;
    top: -185px;
    z-index: 100;
    max-width: 400px;
    max-height: 322px;
    width: 100%;
    height: auto;
    right: 0
}

.aboutsec4 {
    width: 100%;
    display: block;
    padding-top: 50px;
    padding-bottom: 50px
}

.abtsec4lft:before {
    content: "";
    background-color: #ffb0ad;
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%
}

.abtsec4lft:after {
    content: url("../images/aboutcontntpattern.png");
    display: block;
    z-index: 100;
    position: absolute;
    bottom: 0;
    opacity: .2;
    left: 0
}

.abtsec4lft img {
    position: absolute;
    top: 16%;
    left: 0;
    z-index: 200
}

.abtsec4rgt .cmseditor ul li {
    background-image: url("data:image/webp;base64,UklGRvIAAABXRUJQVlA4WAoAAAAQAAAADQAACgAAQUxQSJsAAAAQAAAgxvfk8edNAAAANysATv+1IBUVfP+YAIX/dyX/ZACk9c4ZEul6oJATvqoA/9E6m/xIfN4OAADrMZrTAEAvp80j3U0AAOodzWtE/6Ex8hbObAAA6zGb0wBZAHjxCuNQAAC/qAD/0C2a/zJJ9QIAACb/YQCo99EVDv9xAAAAAFD/sh4VFHn/mAAAAAAAACLJ9uPw6E8AAAAAAABWUDggMAAAANABAJ0BKg4ACwABwC4loAJ0ugH4AAOwAP72+e//I4/kcfyOP/kcf/xDPR6lwAAAAA==")
}

.terms {
    background-image: linear-gradient(to right, #fff, #e7e7e7) !important;
    background-size: cover !important;
    background-position: right center !important
}

.terms .accordianwrap {
    margin: 0;
    width: 100%
}

.faqspagewrap .cmseditor p {
    text-align: center;
    margin-bottom: 30px
}

.servcbreadcrumb {
    min-height: 300px;
    position: relative;
    display: flex;
    align-items: flex-end;
    background-size: cover
}

.servcbreadcrumb:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    left: 0;
    top: 0
}

.thanyousec:after,
.thanyousec:before {
    content: url("../images/patternbg.svg")
}

.servcbreadcrumb .carthumb-cta {
    width: 100%;
    justify-content: flex-start;
    column-gap: 15px
}

.servcbreadcrumb .carthumb-cta li {
    min-width: 110px
}

.servcbreadcrumb .ptboutr {
    padding-top: 0;
    padding-bottom: 22px;
    position: relative;
    z-index: 10
}

.servcmenu {
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0
}

.servcmenu li {
    float: left;
    display: inline-block;
    margin: 0 15px
}

.servcmenu li a {
    font-size: 16px;
    padding: 10px;
    display: block;
    background-color: #f40b0b;
    color: #000;
    border-radius: 6px
}

.fotrwidget p,
.fs-11.font-weight-bolder.text-uppercase.letter-spacing-1.color-shades-700.pt-1.mb-2 {
    /* font-size: 15px */
}

.servcmenu li:after {
    content: "|";
    position: absolute;
    right: -15px;
    top: 10px
}

.sevccontnttop {
    background-color: #f3f3f3;
    clear: both
}

.sevccontnttop .cmseditor p {
    padding: 0;
    text-align: center
}

.sevccontnttop .cmseditor h2 {
    line-height: 35px;
    font-size: 25px;
    font-weight: 600
}

.sevccontnt {
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center
}

.servclft {
    flex: 0 0 60%;
    box-shadow: inset 0 0 10px #dfdfdf;
    padding: 25px;
    border-radius: 15px;
    z-index: 100;
    background-color: rgba(255, 255, 255, .95)
}

.servcrgt {
    position: absolute;
    width: 50%;
    right: 0;
    min-height: 500px;
    background-size: cover;
    top: auto;
    background-position: center center
}

.sevccontntrow2 .servccnt-wrap {
    justify-content: flex-end
}

.sevccontntrow2 .servcrgt {
    right: inherit;
    left: 0;
    top: auto
}

.searchresultpage .allcarssec .carthumb {
    width: 24.2%;
    margin-right: 1%;
    margin-left: 0;
    margin-bottom: 1%
}

.searchsec {
    text-align: center;
    min-height: calc(100vh - 50vh);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.searchsec .svgicon {
    width: 100px;
    height: 150px;
    fill: #ffdd00
}

.searchsec h2 {
    line-height: 35px
}

.footer {
    width: 100%;
    position: relative;
    display: block;
    background-color: #2e2e2e;
    padding: 50px 0 85px;
    background-size: 19%;
    background-position: 99% bottom
}

.ftrwrap {
    align-items: flex-start;
    column-gap: 25px
}

.fotrwidget {
    flex: 0 0 20%;
    max-width: 20%
}

.fotrwidget:nth-child(2),
.fotrwidget:nth-child(3),
.fotrwidget:nth-child(4) {
    flex: 0 0 17%;
    max-width: 17%
}

.fotrwidget p {
    text-align: justify;
    color: #fff;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-weight: 400
}

.fotrlinks li {
    margin-bottom: 15px
}

.fotrlinks li .dotcircle-icon {
    fill: #e74c3c;
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.fotrlinks li a {
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

.fotrwidget p .svgicon {
    fill: #e74c3c;
    margin-right: 10px;
    width: 20px;
    height: 20px
}

/* .fotrwidget p .loc-icon {
    width: 33px
} */

.coprwrap {
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 10px
}

.thanyousec {
    width: 100%;
    display: block;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    overflow: hidden
}

.thanyousec .svgicon {
    width: 250px;
    height: 150px;
    fill: green
}

.thanyousec h2 {
    font-size: 40px;
    position: relative;
    z-index: 100
}

.thanyousec:after {
    position: absolute;
    right: 0
}

.thanyousec:before {
    position: absolute;
    left: 0;
    transform: rotate(180deg)
}

.fleetspage .faqswrap {
    padding-bottom: 0
}

.brandctrgyfiltr {
    background-color: #fff;
    width: 100%;
    display: inline-block
}

.brandctrgyfiltr .brandswrap {
    max-width: 100%;
    width: 83%;
    float: left
}

.brandctrgyfiltr .sortingtabinrpage {
    width: 15%;
    margin-bottom: 0;
    float: right
}

.brandctrgyfiltr .sortingtabinrpage select {
    width: 100% !important;
    position: relative;
    top: 10px
}

.brandctrgyfiltr button {
    border-radius: 15px;
    padding: 0 22px;
    background-color: #f1f1f1;
    border: 0;
    margin-right: 0;
    min-width: 102px;
    min-height: 56px
}

.brandctrgyfiltr button.active {
    background-color: #dbdbdb;
    border: 1px solid #f40b0b
}

#back-to-top,
.whatsppicodesk {
    border-radius: 50px;
    z-index: 1000;
    position: fixed;
    text-align: center
}

.brandctrgyfiltr .swiper-slide {
    width: 9.52%;
    min-height: 56px;
    margin-right: 9px
}

.brandctrgyfiltr .fancytitle {
    width: 8%;
    margin-bottom: 0;
    display: inline-block;
    float: left;
    position: relative;
    top: 12px
}

#back-to-top .doubleangle-icon,
.mobilecalltoact li a icon .svgicon,
.whatsppicodesk .whatsapp-icon {
    width: 30px;
    height: 30px;
    fill: #fff
}

.whatsppicodesk {
    bottom: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    background-color: #25d366;
    color: #fff;
    font-size: 30px;
    line-height: 63px
}

.whatsppicodesk:hover {
    background-color: #f40b0b;
    color: #fff !important
}

#back-to-top {
    display: inline-block;
    background-color: #000;
    width: 47px;
    height: 33px;
    bottom: 130px;
    right: -12px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    line-height: 40px;
    cursor: pointer
}

#back-to-top .doubleangle-icon {
    position: relative;
    top: 0;
    right: 3px
}

#back-to-top.show {
    opacity: 1;
    visibility: visible
}

.social-icons {
    display: flex;
    display: none !important;
    flex-direction: column;
    position: fixed;
    top: calc(50vh - 120px);
    right: 0;
    row-gap: 5px;
    z-index: 200
}

.social-icons a {
    color: #f40b0b;
    font-size: 13px;
    letter-spacing: 1px;
    transition: .4s;
    width: auto;
    line-height: 20px;
    padding: 5px 10px;
    display: block;
    border-radius: 50px 0 0 50px;
    border: 0 solid #000;
    background-color: rgba(0, 0, 0, .9);
    position: relative;
    right: -12px;
    text-align: center
}

.social-icons a .svgicon {
    fill: #FFDD00;
    margin-right: 8px;
    position: relative;
    top: 2px
}

.social-icons a .linkedin-icon {
    width: 20px;
    height: 20px;
    margin: -5px 2px -5px -5px
}

.social-icons a:hover {
    right: -5px
}

.mobilecalltoact {
    display: none !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    justify-content: space-between;
    list-style: none;
    align-items: center;
    background-color: #000;
    border-top: 2px solid #f40b0b
}

#filtrclosebtnmob,
.filtermobbtn {
    font-size: 16px;
    color: #fff;
    display: none
}

.mobilecalltoact li {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    display: flex;
    justify-content: center;
    background-color: #000;
    padding: 6px;
    height: 55px
}

.mobilecalltoact li:first-child {
    justify-content: flex-start;
    padding-left: 23px
}

.mobilecalltoact li a {
    color: #f40b0b;
    font-weight: 400;
    font-size: 13px;
    display: flex;
    align-items: center;
    flex-direction: row;
    row-gap: 8px;
    flex-direction: column;
    margin-top: -34px
}

.mobilecalltoact li a img {
    width: 15%;
    height: auto;
    filter: invert(1);
    -webkit-filter: invert(1)
}

.mobilecalltoact li a icon {
    background-color: #0ea548;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 80px
}

.mobilecalltoact li:nth-child(2) a img,
.mobilecalltoact li:nth-child(3) a img {
    width: 23%
}

#mobilechatwidget span {
    line-height: 81px;
    color: #f40b0b;
    font-weight: 400;
    font-size: 13px;
    padding-right: 23px;
    width: 100%;
    text-align: right
}

.filtermobbtn {
    order: 1;
    padding: 0 15px;
    background-color: #000;
    width: 48%;
    height: 35px;
    border-radius: 50px;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center
}

#filtrclosebtnmob {
    background-color: red
}

#filtrclosebtnmob .svgicon {
    margin-right: 5px;
    fill: #fff
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #fff;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade.swiper-free-mode .swiper-slide,
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out
}

.hvr-overline-from-center:active:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:hover:before {
    left: 0;
    right: 0
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.sitemap-wrapper {
    padding: 50px 0
}

.sitemap-wrapper ul {
    list-style: none;
    padding-left: 15px
}

.sitemap-wrapper ul li {
    margin-bottom: 8px;
    background-position: left 4px;
    padding-left: 25px
}

.sitemap-wrapper ul li a {
    font-size: 16px
}

.parent {
    margin-left: -15px;
    font-size: 20px;
    padding-left: 0 !important;
    background-image: none !important
}

.parent a {
    font-size: 20px !important;
    color: #000
}

#popconvicon {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #176322;
    border-radius: 10px;
    line-height: 65px;
    margin-bottom: 35px
}

#popconvicon .svgicon {
    fill: #fff;
    width: 25px;
    height: 25px
}

#popconvicon:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #176322;
    position: absolute;
    bottom: -9px;
    left: 16px
}

.callconvpop .popcntnt .fancytitle,
.whatsappconvpop .popcntnt .fancytitle {
    justify-content: center
}

.callconvpop .fancytitle h2,
.whatsappconvpop .fancytitle h2 {
    text-align: center;
    font-size: 26px
}

.convrspopactionbtn {
    background-color: #176322;
    padding: 6px 10px;
    border-radius: 50px;
    min-width: 130px;
    display: inline-block;
    margin-top: 25px;
    color: #fff;
    outline: 0;
    border: 0;
    font-size: 16px;
    line-height: 26px
}

.convrspopactionbtn .svgicon {
    fill: #fff;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.callconvpop #popconvicon,
.callconvpop .convrspopactionbtn {
    background-color: #b30000
}

.callconvpop #popconvicon:after {
    border-top: 10px solid #b30000
}

.w-num {
    font-size: 25px;
    color: #fff
}

.allcarssec .carthumb-cta li button {
    padding: 11px 5px
}

@media only screen and (max-width:767px) {

    .searchfiltr,
    .servcdropd,
    .servclft {
        border-radius: 0
    }

    table td,
    table td strong,
    table th,
    table th strong {
        font-size: 12px !important
    }

    .navwrap li,
    .submenuloc ul li a {
        border-bottom: 1px solid #f5f5f5
    }

    .cntntstyle04,
    .mpslider {
        background-size: 120%
    }

    table td,
    table th {
        padding: 5px !important
    }

    .cstyle05top img {
        transform: none
    }

    .homebnrwrap {
        background-color: #f1f1f1;
        min-height: 440px
    }

    #preloadDiv,
    .abtsec4lft:after,
    .banner_desktop,
    .hdrtp-lft,
    .rgtform:before,
    .servcmenu li:after,
    .submenubrands .ct-count,
    .submenufleet li .angle-icon,
    .submenuloc img,
    .submenuloc li .angle-icon {
        display: none
    }

    .testimonialsec {
        padding-bottom: 35px
    }

    .breadcrumb li .fa-home:before {
        width: 14px
    }

    .filtermobbtn,
    .ham-menu,
    .mbfiltraction {
        display: flex
    }

    .next-slide .angle-icon,
    .prev-slide .angle-icon {
        fill: #ffdd00;
        width: 30px;
        height: 30px
    }

    .socialmobile a {
        padding: 8px;
        background-color: #fff;
        border-radius: 50px;
        display: inline-flex
    }

    .socialmobile a:hover {
        background-color: #f40b0b
    }

    .acc-label .question-icon {
        max-width: 20px;
        min-width: 20px;
        margin-top: 0
    }

    .aboutsec1 .cmseditor p,
    .abtsec4lft,
    .allcarswrap,
    .cdleft,
    .cdrgt,
    .cst08rgt,
    .cst08rgt img,
    .csty04lft,
    .csty05rbox,
    .csty05rbox .cmseditor ul li,
    .docmntsec .cmseditor p,
    .fotrwidget,
    .hdrtp-lft,
    .hdrtp-rgt,
    .mpsrgt,
    .navwrap,
    .submenuloc ul {
        max-width: 100%
    }

    .navwrap li .angle-icon {
        float: right;
        fill: #fff;
        background-color: #000;
        height: 38px;
        width: 38px;
        padding: 8px;
        top: 0
    }

    .homecatrysection {
        margin-top: -80px
    }

    .viewmorecatgry {
        display: none !important
    }

    .cdvideo {
        height: 205px
    }

    .cdleft .gallery img {
        min-height: 205px
    }

    .blgdtilcntnt .cmseditor img {
        width: 100% !important;
        height: auto !important
    }

    .popcntnt .fancytitle h1,
    .popcntnt .fancytitle h2,
    .popcntnt .fancytitle h3,
    .popcntnt .fancytitle h4,
    .popcntnt .fancytitle h5,
    .popcntnt .fancytitle h6 {
        font-size: 20px !important;
        line-height: 26px
    }

    .iti-mobile .iti--container {
        z-index: 20000 !important
    }

    .hcartwrap ul li a img {
        min-height: 50px
    }

    .mainprice span {
        margin-left: 3px
    }

    .sitemap-wrapper {
        padding: 30px 0
    }

    .servcbreadcrumb .carthumb-cta li a {
        font-size: 13px;
        row-gap: 0;
        column-gap: 3px;
        padding: 11px 6px;
        flex-direction: row
    }

    .brandctrgyfiltr button {
        padding: 0 5px;
        min-width: 18.18%
    }

    .brandctrgyfiltr .swiper-slide {
        width: 18.18%;
        margin-right: 4px
    }

    .brandctrgyfiltr .sortingtabinrpage {
        width: 55%;
        margin: auto
    }

    .brandctrgyfiltr .sortingtabinrpage select {
        height: 35px
    }

    .brandctrgyfiltr .brandswrap {
        padding-left: 15px;
        width: 100%;
        order: 2
    }

    .brandctrgyfiltr .container {
        padding-right: 0;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        row-gap: 15px
    }

    #closebtnmobmenu,
    #filtrclosebtnmob,
    .banner_mobile,
    .cntystyle01-botm .swiper-button-next,
    .cntystyle01-botm .swiper-button-prev,
    .csty04rgt .swiper-button-next,
    .csty04rgt .swiper-button-prev,
    .mpslider,
    .showonlymobile,
    .socialmobile {
        display: block
    }

    .sortingtabinrpage select {
        width: 60% !important;
        margin: auto
    }

    .aboutsec2,
    .cntntstyle10,
    .padd-botm {
        padding-bottom: 30px
    }

    .mpsldr-wrap,
    .padd-top {
        padding-top: 30px
    }

    .accordianwrap:before,
    .carslider .swiper-slide {
        width: 85%
    }

    #blogcrslyoumay,
    .brandcs05 {
        padding-bottom: 0
    }

    .pt-bredwrap span {
        font-size: 24px
    }

    .navwrap li a,
    .navwrap li span {
        color: #000
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px !important
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(1) !important
    }

    .next-slide,
    .prev-slide {
        background-color: transparent;
        font-size: 25px;
        padding: 0;
        color: #f40b0b;
        min-width: 48px;
        min-height: 48px
    }

    .carsidebar,
    .navwrap {
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .prev-slide,
    .sevccontnttop .cmseditor h1,
    .sevccontnttop .cmseditor h2,
    .sevccontnttop .cmseditor h3,
    .sevccontnttop .cmseditor h4,
    .sevccontnttop .cmseditor h5,
    .sevccontnttop .cmseditor h6,
    .sevccontnttop .cmseditor p {
        text-align: left
    }

    .next-slide {
        text-align: right
    }

    .cs04rb-ico,
    .cs04rgt-box .cmseditor h1,
    .cs04rgt-box .cmseditor h2,
    .cs04rgt-box .cmseditor h3,
    .cs04rgt-box .cmseditor h4,
    .cs04rgt-box .cmseditor h5,
    .cs04rgt-box .cmseditor h6,
    .cs04rgt-box .cmseditor p,
    .csty04lft h1,
    .csty04lft h2,
    .csty04lft h3,
    .csty04lft h4,
    .csty04lft h5,
    .csty04lft h6,
    .csty04lft p,
    .lswrap-map ul li,
    .mpslft p,
    .pt-bredwrap h1,
    .thanyousec h2,
    .thanyousec p {
        text-align: center
    }

    .next-slide:hover,
    .prev-slide:hover {
        background-color: transparent;
        color: #fff
    }

    .thumbnails {
        min-height: 43px
    }

    .boxstyle01:before {
        top: 64px
    }

    .boxstyle01 .cmseditor h1,
    .boxstyle01 .cmseditor h2,
    .boxstyle01 .cmseditor h3,
    .boxstyle01 .cmseditor h4,
    .boxstyle01 .cmseditor h5,
    .boxstyle01 .cmseditor h6 {
        min-height: 52px
    }

    .brandbox {
        flex: 0 0 31%;
        margin-right: 8px
    }

    .boxstyle01,
    .brandpage .cntystyle01-botm .boxstyle01,
    .cntystyle01-top .cmseditor ul li,
    .fleetspage .boxstyle01,
    .hdrtp-lft,
    .locationpage .boxstyle01,
    .mainprice,
    .servclft {
        flex: 0 0 100%
    }

    .cntystyle01-botm {
        padding: 0 30px
    }

    .brandswrap,
    .homepageset .cars-section .container {
        padding-right: 0
    }

    .cntystyle01-botm .swiper-wrapper {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .blogsec {
        padding-bottom: 50px
    }

    .testimonialsec .swiper-pagination {
        bottom: -35px !important
    }

    .swiper-pagination {
        bottom: 0 !important
    }

    .searchresultpage .allcarssec .carthumb {
        width: 100%;
        margin-right: 0;
        margin-top: 0 !important;
        margin-bottom: 15px
    }

    .flashsalethumb .thumbtitle {
        margin: 12px 0
    }

    .flashsalethumb .pricewrap {
        margin-bottom: 10px;
        row-gap: 0
    }

    .flashsalethumb .mainprice {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .flashsalethumb .delprice {
        min-width: 102px
    }

    .flashsaletitle,
    .flexrow {
        flex-direction: column
    }

    .countdowntimer {
        margin: 10px 0
    }

    .sevccontnt,
    .sevccontnttop {
        margin-bottom: 50px
    }

    .fstagline {
        margin-left: 0
    }

    .flashsalewrap {
        padding-bottom: 30px;
        padding-top: 18px
    }

    .monthlystickbtn .btnstyle01 {
        margin: 0;
        min-width: 155px;
        height: 26px;
        position: relative;
        top: -4px;
        padding-left: 5px
    }

    header {
        display: flex;
        flex-direction: column
    }

    .cst09lft,
    .hdr-top {
        order: 2
    }

    .hcartwrap ul li a:before {
        width: 65px;
        height: 65px;
        right: 6px;
        top: -15px
    }

    .mpslider {
        height: auto;
        min-height: 245px;
        background-image: url("https://gtxmotors.com//new-version/assets/images/home-page-banner.jpg");
        background-position: 0 0 !important
    }

    .footer,
    .submenufleet {
        background-image: none
    }

    .brandsec .brandswrap .swiper-button-next,
    .brandsec .brandswrap .swiper-button-prev {
        display: none;
        width: 48px;
        height: 48px
    }

    .brandswrap {
        padding-left: 15px
    }

    .brandcarousel .swiper-slide {
        width: 29%
    }

    .brandsec .brandswrap .swiper-button-prev {
        left: 0 !important
    }

    .brandsec .brandswrap .swiper-button-next {
        right: 0 !important
    }

    .allpricecontainer .mainprice:after {
        top: 4px
    }

    .allpricecontainer .mainprice span {
        line-height: 16px
    }

    .allpricecontainer .mainprice {
        flex-wrap: wrap;
        display: flex
    }

    .fotrwidget p {
        margin-bottom: 15px
    }

    .fotrlinks li {
        margin-bottom: 20px
    }

    .navwrap li:last-child,
    .servcdropd li:last-child {
        border-bottom: 0
    }

    #closebtnmobmenu i {
        padding: 8px;
        font-size: 22px;
        color: #f40b0b
    }

    .accordianwrap,
    .cntystyle01-top .cmseditor ul,
    .getintouchsec:before,
    .srvcbanr-lft {
        width: 100%
    }

    .getintouchsec:after {
        height: 410px;
        background-size: cover;
        width: 100%;
        background-position: center
    }

    .carthumb,
    .post-slide,
    .sevccontnt {
        min-height: auto
    }

    .dtailbox:after,
    .dtailbox:nth-child(3):after {
        position: static;
        text-align: center;
        margin: auto;
        display: block
    }

    .testimonial .description {
        min-height: 216px
    }

    .carthumb-cta li button {
        font-size: 12px;
        row-gap: 3px;
        column-gap: 0;
        padding: 6px;
        flex-direction: column
    }

    .fancytitle h1,
    .fancytitle h2,
    .fancytitle h3,
    .fancytitle h4,
    .fancytitle h5,
    .fancytitle h6,
    .innerpage-set .cntntstyle03 .cmseditor h2,
    .innerpage-set .cntst07lft .cmseditor h2,
    .innerpage-set .cntystyle01-top .cmseditor h2,
    .innerpage-set .cst08lft .cmseditor h2,
    .innerpage-set .cst09rgt .cmseditor h2,
    .innerpage-set .csty04lft h2,
    .innerpage-set .csty06dtail .cmseditor h2 {
        font-size: 28px
    }

    .innerpage-set .cstyle05top .cmseditor h2 {
        padding: 0;
        font-size: 28px
    }

    .srdropdon {
        left: 0;
        width: 100%
    }

    .pt-bredwrap h1 {
        font-size: 18px
    }

    .breadcrumb li:first-child {
        width: 26px;
        height: 26px
    }

    .breadcrumb li:first-child a {
        left: 0;
        font-size: 12px;
        line-height: 25px;
        top: 3px
    }

    .breadcrumb {
        padding: 5px 15px 4px 37px
    }

    .thumbtitle h1,
    .thumbtitle h2,
    .thumbtitle h3,
    .thumbtitle h4,
    .thumbtitle h5,
    .thumbtitle h6 {
        min-height: auto;
        font-size: 18px
    }

    .cdrgt .carthumb-cta,
    .thumbtitle {
        margin: 15px 0
    }

    .cntystyle01-top .cmseditor p,
    .cstyle05top p,
    .relatdcarsec .container,
    .sevccontnttop .cmseditor p {
        padding: 0
    }

    .submenufleet li:nth-last-child(2) {
        border-bottom: 1px solid #f1f1f1
    }

    .servcdropd {
        position: static;
        box-shadow: none;
        padding: 0 10px;
        width: 100%;
        opacity: 1;
        visibility: visible;
        display: none
    }

    .servcdropd li {
        margin-bottom: 0
    }

    .submenufleet li a,
    .submenuloc ul li a {
        padding-left: 10px;
        padding-top: 6px
    }

    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .allcarswrap,
    .carsidebar,
    .hdrtp-rgt,
    .navwrap {
        flex: 0 0 100%;
        width: 100%
    }

    .hdrtp-rgt {
        margin-top: 6px;
        margin-bottom: 6px
    }

    .csty06img,
    .fancytitle,
    .mpslft p {
        margin-bottom: 30px
    }

    .mainsrch {
        width: 90%
    }

    .hdrtp-rgt form button {
        width: 10%
    }

    .hdrbtm-wrap {
        align-items: flex-start;
        position: relative
    }

    .navwrap {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 10000;
        padding: 15px;
        box-shadow: 0 0 10px #5e5e5e
    }

    .submenubrands,
    .submenufleet,
    .submenuloc {
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: translateY(0);
        display: none;
        width: 100%;
        border-radius: 0
    }

    .navwrap li {
        line-height: 38px
    }

    .navwrap li i {
        float: right;
        color: #fff;
        position: relative;
        padding: 13px;
        background-color: #000
    }

    .coprwrap,
    .submenubrands,
    .submenufleet,
    .submenuloc {
        position: static
    }

    .submenuloc ul {
        flex: 0 0 100%;
        padding: 0
    }

    .submenufleet {
        padding: 0;
        flex-direction: column;
        column-gap: 0
    }

    .abtsec4rgt,
    .blgdtilcntnt,
    .blgdtilsidebar,
    .blgdtilsidebar .carthumb,
    .bloglisting .post-slide,
    .brandcs05 .csty05rbox,
    .carthumb,
    .cntystyle02-botm a,
    .cst08lft,
    .cst09lft,
    .cst09rgt,
    .cst10rgt,
    .csty04rgt,
    .csty06dtail,
    .csty06img,
    .cstyle03lft,
    .cstyle03rgt,
    .dtailbox,
    .dtailboximg,
    .fotrwidget:nth-child(2),
    .fotrwidget:nth-child(3),
    .fotrwidget:nth-child(4),
    .lswrap-desc,
    .lswrap-map,
    .mpslft,
    .rgtform,
    .submenubrands li,
    .submenufleet .fleetcol {
        flex: 0 0 100%;
        max-width: 100%
    }

    .submenufleet li {
        line-height: 18px !important
    }

    .submenubrands {
        padding: 0 !important;
        flex-direction: column;
        column-gap: 0
    }

    .submenubrands a img {
        flex: 0 0 10%;
        max-width: 10%;
        margin-right: 10px
    }

    .submenubrands li a {
        padding: 2px 8px
    }

    .submenubrands a {
        justify-content: flex-start
    }

    .submenubrands .ct-tile {
        flex: 0 0 70%;
        max-width: 70%;
        text-align: left;
        margin-bottom: 0;
        margin-top: 0;
        display: inline-block
    }

    .mpslft h1 span {
        font-size: 24px;
        left: -7px
    }

    .mpslft h1 {
        font-size: 40px;
        line-height: 35ypx
    }

    .mpslft p {
        font-size: 15px
    }

    .mpslft a {
        font-size: 13px;
        height: 34px;
        line-height: 34px;
        margin-top: -13%
    }

    .mpsrgt {
        flex: 0 0 100%;
        min-height: 184px
    }

    .hcartwrap ul {
        row-gap: 20px;
        justify-content: center;
        position: relative;
        left: -11px;
        height: auto;
        overflow: visible;
        padding-top: 0
    }

    .hcartwrap ul li {
        max-width: 31%;
        flex: 0 0 31%
    }

    .breadcrumb li,
    .breadcrumb li a,
    .breadcrumb li.active,
    .hcartwrap .ct-count,
    .hcartwrap .ct-tile {
        font-size: 12px
    }

    .carslider {
        height: auto
    }

    .cdrgt .googlerating {
        margin-bottom: 8px;
        margin-top: 8px
    }

    .cdrgt .delprice {
        float: left;
        width: 100%;
        text-align: left
    }

    .cdrgt .mainprice:after {
        right: 10px;
        top: -6px
    }

    .carscolwrap .swiper-button-prev {
        top: inherit !important;
        bottom: 60px !important;
        left: calc(50% - 44px) !important;
        right: inherit !important;
        display: none
    }

    .carscolwrap .swiper-button-next {
        top: inherit !important;
        bottom: 60px !important;
        left: calc(50% - 0px);
        display: none
    }

    .cars-section .btnstyle01,
    .cstyle03rgt {
        margin-top: 30px
    }

    .boxstyle01,
    .cntystyle01-top img,
    .lswrap-map {
        margin-top: 20px
    }

    .csty04lft {
        flex: 0 0 100%;
        margin-bottom: 15px
    }

    .csty04rgt {
        width: 100%;
        padding: 0 30px
    }

    .csty04rgt .swiper-wrapper {
        flex-wrap: nowrap
    }

    .cs04rgt-box {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0
    }

    .cs04rb-ico {
        margin-right: 0;
        margin-bottom: 15px;
        width: 106px
    }

    .acc-label {
        line-height: 18px;
        font-size: 16px;
        padding-right: 35px;
        align-items: center;
        padding-bottom: 9px;
        padding-top: 8px
    }

    .acc-label:after {
        top: calc(50% - 13px)
    }

    .acc-descr {
        font-size: 14px;
        line-height: 19px
    }

    .acccntnt input:checked+.acc-label::after {
        top: 19px
    }

    .cntntstyle05 {
        padding-top: 30px;
        padding-bottom: 38px
    }

    .csty05rbox {
        flex: 0 0 100%;
        padding: 50px 30px 20px
    }

    .csty05rbox:nth-child(2) {
        padding: 20px 30px
    }

    .csty05rbox .cmseditor ul li {
        flex: 0 0 100%;
        margin-bottom: 13px
    }

    .cntntstyle06 {
        padding-top: 50px
    }

    .docmntsec .cmseditor p {
        width: 100%;
        margin-bottom: 0
    }

    .dtailbox {
        width: 100%;
        margin-bottom: 20px
    }

    .dtailboximg {
        order: 1
    }

    .dtailbox:before {
        font-size: 70px
    }

    .lswrap-map {
        width: 100%;
        background-size: contain;
        height: auto
    }

    .lswrap-map ul li {
        position: static;
        width: 33%;
        margin-bottom: 20px;
        float: left
    }

    .post-slide .post-review {
        position: relative;
        width: 94%;
        left: calc(50% - 47%);
        bottom: 50px
    }

    .fotrwidget {
        flex: 0 0 100%;
        margin-bottom: 25px
    }

    .coprwrap {
        margin-top: 0;
        align-items: flex-start
    }

    .footer {
        padding-bottom: 90px
    }

    .mobilecalltoact {
        display: flex;
        z-index: 900;
        justify-content: center
    }

    .pt-bredwrap {
        min-height: 80px
    }

    .ptboutr {
        flex-direction: column;
        padding-bottom: 12px;
        row-gap: 8px;
       
    }

    .abtsec4lft,
    .cst08rgt {
        flex: 0 0 100%;
        margin-top: 30px
    }

    .aboutsec4 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .abtsec4lft {
        order: 2;
        min-height: auto
    }

    .abtsec4lft img {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        top: 36px
    }

    .aboutsec3 .csty06img {
        z-index: 10;
        margin-top: 30px
    }

    .aboutsec3 .csty06img img {
        position: static;
        margin-bottom: -134px
    }

    .aboutsec3 {
        padding-top: 80px
    }

    .cntst07lft {
        padding: 15px
    }

    .cntst07lft .cmseditor p {
        text-align: justify
    }

    .cst08rgt {
        min-height: 0;
        padding: 30px 0 15px
    }

    .cst08rgt img {
        position: static;
        height: auto
    }

    .cst09rgt {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .cntntstyle09 {
        margin: 0
    }

    .cdleft {
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding-bottom: 23px
    }

    .cdrgt .carthumb-cta li a,
    .cdrgt .carthumb-cta li button {
        font-size: 12px;
        row-gap: 0;
        column-gap: 3px;
        flex-direction: row
    }

    .cdrgt {
        flex: 0 0 100%;
        padding: 15px;
        min-height: inherit
    }

    .cardtailbtm {
        padding-top: 0
    }

    .specslist {
        flex: 0 0 46%;
        max-width: 46%
    }

    .cdleft img {
        border-radius: 6px
    }

    .cst10lft {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 345px;
        margin-bottom: 50px;
        margin-top: 15px
    }

    .cst10lft img {
        left: 0
    }

    .servcbreadcrumb {
        min-height: 156px
    }

    .servcbreadcrumb .carthumb-cta {
        justify-content: center;
        margin-bottom: 3px;
        margin-top: 8px
    }

    .servcbreadcrumb .ptboutr {
        padding-bottom: 33px
    }

    .breadcrumb li:first-child:after {
        top: -16px;
        left: 24px
    }

    .servcrgt {
        position: static;
        background-position: center;
        background-size: cover;
        width: 100%;
        min-height: 250px
    }

    .servcmenu {
        flex-direction: column;
        padding: 30px 0
    }

    .servcmenu li {
        width: 75%;
        margin-bottom: 5px
    }

    .lftcdetails {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 0
    }

    .social li {
        margin-right: 5px
    }

    .social li a {
        width: 31px;
        height: 31px;
        line-height: 42px
    }

    .rgtform {
        width: 100%;
        position: relative;
        padding-left: 0;
        padding-bottom: 50px
    }

    .rgtform .formbtn {
        margin: auto;
        float: none;
        display: table !important
    }

    .rgtform h1,
    .rgtform h2,
    .rgtform h3,
    .rgtform h4,
    .rgtform h5,
    .rgtform h6 {
        color: #fff
    }

    .acccntnt input:checked~.acc-descr {
        max-height: 100%
    }

    .bloglisting .blogwrap,
    .carlisting .carscolwrap {
        row-gap: 0
    }

    .bloglisting .post-slide .post-review {
        width: 94%;
        bottom: 25px
    }

    .bloglisting {
        padding-bottom: 10px
    }

    .blogdtailwrap {
        padding: 12px
    }

    .bloghead {
        width: 95%
    }

    .blgdtilsidebar {
        width: 100%;
        margin-top: 30px
    }

    .carsidebar {
        max-width: 100%;
        display: none;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 2222222000 !important;
        height: 100vh;
        padding-bottom: 0
    }

    .allcarssec,
    .mainprice {
        max-width: 100%;
        display: flex
    }

    #filtrclosebtnmob .svgicon {
        position: relative;
        top: 3px
    }

    .allcarssec .carthumb {
        width: 100%;
        max-width: 100%;
        margin-top: 15px !important;
        margin-right: 0;
        margin-left: 0
    }

    .allcarssec {
        flex: 0 0 100%;
        width: 100%;
        flex-direction: column
    }

    .sortingtab {
        justify-content: space-between
    }

    .sortingtab select {
        width: 49%;
        order: 2
    }

    .thanyousec:after,
    .thanyousec:before {
        width: 25%
    }

    .thanyousec {
        min-height: 0;
        padding: 50px 15px;
        overflow: hidden
    }

    .thanyousec i {
        font-size: 100px
    }

    .thanyousec h2 {
        font-size: 25px;
        margin: 15px 0;
        position: relative;
        z-index: 100
    }

    .thanyousec p {
        position: relative;
        z-index: 100
    }

    .popwrap {
        overflow-y: scroll;
        overflow-x: hidden
    }

    .popcntnt {
        width: 92%;
        left: 4%;
        margin: 0
    }

    .close {
        left: auto;
        right: 10px
    }

    .pricewrap {
        min-height: auto;
        margin-bottom: 15px;
        flex-wrap: wrap;
        row-gap: 10px
    }

    .carslider .pricewrap {
        min-height: 48px
    }

    .orignalprice {
        float: left
    }

    .delprice {
        float: right;
        width: 35%;
        text-align: right
    }

    .pricewrap .mainprice:nth-child(2):before {
        position: absolute;
        left: 0;
        top: -6px;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #d7d7d7
    }
}

@media only screen and (min-width:399px) and (max-width:519px) {
    .brandbox {
        flex: 0 0 31.6%;
        margin-right: 8px
    }
}

@media only screen and (min-width:520px) and (max-width:767px) {
    .cdvideo {
        height: 260px
    }

    .cdleft .gallery img {
        min-height: 260px
    }

    .brandbox {
        flex: 0 0 23%;
        margin-right: 10px
    }

    .servcrgt {
        min-height: 350px
    }

    .carthumb-cta li a {
        font-size: 13px
    }

    .dtailbox:after,
    .dtailbox:nth-child(3):after {
        position: absolute
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .sevccontnt,
    .sevccontnttop {
        margin-bottom: 50px
    }

    .getintouchsec:after,
    .servcrgt {
        background-position: center;
        background-size: cover
    }

    .navwrap li,
    .submenuloc ul li a {
        border-bottom: 1px solid #f5f5f5
    }

    .docmsec-wrap .dtailbox:nth-child(3),
    .dtailboximg,
    .fotrwidget:nth-child(5) {
        margin-top: 30px
    }

    .navwrap li .angle-icon {
        float: right;
        fill: #fff;
        background-color: #000;
        height: 38px;
        width: 38px;
        padding: 8px;
        top: 0
    }

    .submenubrands .ct-count,
    .submenufleet li a .svgicon,
    .submenuloc img,
    .submenuloc ul li a .svgicon,
    .whatsppicodesk {
        display: none
    }

    .hcartwrap ul li {
        flex: 0 0 20%;
        max-width: 20%
    }

    .cdvideo {
        height: 380px
    }

    .cdleft .gallery img {
        min-height: 380px
    }

    .hcartwrap ul li a img {
        min-height: 75px
    }

    .hcartwrap ul li a .ct-tile,
    .mpslft p {
        font-size: 14px
    }

    .hcartwrap ul li a .ct-count,
    .servcmenu li a {
        font-size: 13px
    }

    .brandctrgyfiltr .sortingtabinrpage {
        width: 25%
    }

    .brandctrgyfiltr .brandswrap {
        width: 72%
    }

    .brandctrgyfiltr button {
        min-width: 74px;
        padding: 0 12px
    }

    .brandctrgyfiltr .swiper-slide {
        width: 11%
    }

    .sortingtabinrpage select {
        width: 27% !important
    }

    .mbfiltraction,
    .mobilecalltoact {
        display: flex
    }

    #blogcrslyoumay {
        padding-bottom: 0
    }

    .navwrap li a,
    .navwrap li span {
        color: #000
    }

    .brandswrap {
        max-width: 700px
    }

    .brandbox {
        flex: 0 0 18.8%;
        margin-right: 9px
    }

    .brandcarousel .swiper-slide {
        width: 20%
    }

    .accordianwrap,
    .cntystyle01-top .cmseditor ul,
    .getintouchsec:before,
    .servcrgt {
        width: 100%
    }

    .boxstyle01,
    .brandpage .cntystyle01-botm .boxstyle01,
    .fleetspage .boxstyle01,
    .locationpage .boxstyle01 {
        flex: 0 0 48.5%
    }

    .cntystyle01-botm {
        padding: 0 30px
    }

    .cntystyle01-botm .swiper-wrapper {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .cntystyle01-botm .swiper-button-next,
    .cntystyle01-botm .swiper-button-prev {
        display: block;
        top: 130px
    }

    .hcartwrap ul li a:before {
        content: "";
        width: 70px;
        height: 70px;
        position: absolute;
        background-color: #d6d6d6;
        border-radius: 50%;
        right: 0;
        top: -17px;
        z-index: 1
    }

    .searchresultpage .allcarssec .carthumb {
        width: 49%;
        margin-right: 2%;
        margin-left: 0;
        margin-bottom: 2%
    }

    .searchresultpage .allcarssec .carthumb:nth-child(3n+3),
    .searchresultpage .allcarssec .carthumb:nth-child(4n+4) {
        margin-right: 2%
    }

    .allcarssec .carthumb:nth-child(2n+2),
    .searchresultpage .allcarssec .carthumb:nth-child(2n+2) {
        margin-right: 0
    }

    .flashsalewrap {
        padding-bottom: 27px
    }

    .flashswr {
        column-gap: 15px;
        flex-wrap: wrap
    }

    .brandcs05 .csty05rbox,
    .csty05rbox,
    .fotrwidget,
    .hdrtp-rgt {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mpsrgt {
        min-height: 202px
    }

    .navwrap li:last-child,
    .servcdropd li:last-child {
        border-bottom: 0
    }

    #closebtnmobmenu i {
        padding: 8px;
        font-size: 22px;
        color: #f40b0b
    }

    .submenufleet li:last-child,
    .submenufleet li:nth-last-child(2) {
        border-bottom: 1px solid #f1f1f1
    }

    .getintouchsec:after {
        height: 354px;
        width: 100%
    }

    .blogdtailwrap,
    .cardtailwrap,
    .cntnst09wrap,
    .docmsec-wrap,
    .ftrwrap,
    .gitouchwrap,
    .servccnt-wrap {
        flex-wrap: wrap
    }

    .sevccontnt {
        min-height: inherit
    }

    .servclft {
        border-radius: 0;
        flex: 0 0 100%
    }

    .servcrgt {
        min-height: 500px;
        position: static
    }

    #closebtnmobmenu,
    .csty04rgt .swiper-button-next,
    .csty04rgt .swiper-button-prev,
    .showonlymobile {
        display: block
    }

    .navwrap,
    .servcdropd {
        display: none;
        width: 100%
    }

    .carlisting .carscolwrap,
    .carscolwrap {
        column-gap: 2%
    }

    .sortingtab select {
        width: 56%
    }

    .searchfiltr li label {
        display: flex;
        line-height: 18px
    }

    .srvcbanr-lft {
        width: 100%;
        text-align: center
    }

    .blgdtilsidebar .carscolwrap {
        flex-direction: row
    }

    .blgdtilsidebar .carthumb {
        flex: 0 0 48.8% !important;
        max-width: 48.8% !important
    }

    .aboutsec1 .cmseditor p,
    .cdrgt,
    .cst08rgt,
    .cst09rgt,
    .csty04lft,
    .csty04rgt,
    .docmntsec .cmseditor p,
    .mainimg,
    .navwrap,
    .rgtform,
    .submenuloc ul {
        max-width: 100%
    }

    .cntystyle01-top .cmseditor p,
    .cstyle05top p,
    .innerpage-set .cstyle05top .cmseditor h2,
    .sevccontnttop .cmseditor p {
        padding: 0
    }

    .abtsec4lft:after {
        overflow: hidden;
        width: 100%;
        left: 0
    }

    .servcdropd {
        position: static;
        box-shadow: none;
        border-radius: 0;
        padding: 0 10px;
        opacity: 1;
        visibility: visible;
        transform: none
    }

    .hdrbtm-wrap,
    .navwrap li i {
        position: relative
    }

    .servcdropd li {
        margin-bottom: 0
    }

    .submenuloc ul li a {
        padding-left: 10px;
        padding-top: 6px
    }

    .ham-menu {
        display: block;
        background-color: #f40b0b;
        padding: 10px 8px;
        right: 0
    }

    .ham-menu .line {
        display: block;
        margin-bottom: 4px
    }

    .navwrap {
        position: fixed;
        flex: 0 0 100%;
        background-color: #fff;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 10000;
        padding: 15px;
        box-shadow: 0 0 10px #5e5e5e;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .submenubrands,
    .submenufleet,
    .submenuloc {
        width: 100%;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        border-radius: 0;
        transform: translateY(0);
        display: none;
        position: static
    }

    .navwrap li {
        line-height: 38px
    }

    .navwrap li i {
        float: right;
        color: #fff;
        padding: 13px;
        background-color: #000
    }

    .submenuloc ul {
        flex: 0 0 100%;
        padding: 0
    }

    .submenufleet {
        padding: 0;
        flex-direction: column;
        column-gap: 0
    }

    .blgdtilcntnt,
    .cdleft,
    .cst08lft,
    .cst09lft,
    .csty05rbox .cmseditor ul li,
    .cstyle03lft,
    .dtailbox,
    .lftcdetails,
    .submenubrands li,
    .submenufleet .fleetcol {
        flex: 0 0 100%;
        max-width: 100%
    }

    .submenufleet li {
        line-height: 18px !important
    }

    .submenufleet li a {
        padding-left: 10px
    }

    .submenubrands {
        padding: 0 !important;
        flex-direction: column;
        column-gap: 0
    }

    .submenubrands a img {
        flex: 0 0 5%;
        max-width: 5%;
        margin-right: 10px
    }

    .submenubrands a {
        justify-content: flex-start
    }

    .submenubrands .ct-tile {
        flex: 0 0 70%;
        max-width: 70%;
        text-align: left;
        line-height: 20px
    }

    .srdropdon {
        left: 4px;
        width: 345px
    }

    .container {
        width: 768px;
        padding-left: 30px;
        padding-right: 30px
    }

    .mpslft h1 {
        font-size: 60px;
        line-height: 34px
    }

    .mpslft h1 span {
        font-size: 24px
    }

    .mainsrch {
        width: 90%
    }

    .hdrtp-rgt form button {
        width: 10%
    }

    .thumbfeature li {
        padding: 2px 13px
    }

    .csty04lft {
        flex: 0 0 100%;
        margin-bottom: 30px
    }

    .cntsyle03wrap,
    .cntsyle04wrap {
        flex-direction: column
    }

    .csty04rgt {
        flex: 0 0 100%;
        width: 100%;
        padding: 0 30px
    }

    .csty04rgt .swiper-wrapper {
        flex-wrap: nowrap
    }

    .cs04rgt-box {
        flex-direction: column;
        text-align: center;
        margin-bottom: 0
    }

    .cs04rgt-box .cmseditor p {
        text-align: center
    }

    .cs04rb-ico {
        margin-bottom: 25px;
        max-width: 100px;
        margin-left: auto;
        margin-right: auto
    }

    .boxstyle01 .cmseditor p {
        min-height: 120px
    }

    .cntystyle01-botm .mobileslider {
        flex-wrap: wrap;
        justify-content: center
    }

    .blgdtilsidebar,
    .cstyle03rgt {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px
    }

    .dtailboximg {
        flex: 0 0 100%;
        max-width: 100%;
        order: 3
    }

    .dtailbox .cmseditor h1,
    .dtailbox .cmseditor h2,
    .dtailbox .cmseditor h3,
    .dtailbox .cmseditor h4,
    .dtailbox .cmseditor h5,
    .dtailbox .cmseditor h6 {
        font-size: 15px
    }

    .post-slide .post-review {
        width: 95%;
        left: calc(50% - 164px);
        top: -50px;
        position: relative
    }

    .fotrwidget:nth-child(2),
    .fotrwidget:nth-child(3),
    .fotrwidget:nth-child(4) {
        flex: 0 0 30%;
        max-width: 30%
    }

    .fotrwidget:first-child {
        margin-bottom: 30px;
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%
    }

    .fotrwidget:first-child p {
        text-align: center;
        padding: 0 10%
    }

    .footer {
        background-size: 45%;
        background-position: 87% 90%
    }

    .lswrap-map ul li:nth-child(10) {
        left: 76%
    }

    .lswrap-map ul li:nth-child(3) {
        left: 39%
    }

    .lswrap-map {
        height: 343px
    }

    .allcarswrap,
    .carsidebar {
        flex: 0 0 48%;
        max-width: 48%
    }

    .allcarssec .carthumb {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px
    }

    .allcarssec .carthumb:nth-child(3n+3) {
        margin-right: 1.5%
    }

    .cntst07lft {
        padding: 45px 45px 40px
    }

    .carthumb {
        flex: 0 0 48.9%
    }

    .carslider .swiper-slide {
        width: 49.3%
    }

    .cst08rgt img {
        max-width: 110%;
        object-fit: contain
    }

    .cst09rgt {
        flex: 0 0 100%;
        padding: 50px 0
    }

    .cst08rgt {
        flex: 0 0 100%;
        width: 100%
    }

    .cntnst08wrap {
        flex-direction: column;
        row-gap: 30px
    }

    .testimonial .description {
        min-height: 216px
    }

    .cst09lft {
        padding: 39px 0 0;
        order: 2
    }

    .cst09lft img {
        display: block;
        margin: auto
    }

    .cntntstyle09 {
        margin: 0
    }

    .ptboutr {
        flex-direction: column;
        padding-bottom: 42px;
        row-gap: 13px
    }

    .cdleft {
        padding-bottom: 15px
    }

    .cdrgt {
        flex: 0 0 100%;
        margin-top: 30px;
        min-height: auto
    }

    .relatdcarsec .container {
        padding: 0;
        width: 100%
    }

    .locationsec {
        margin-top: -35px
    }

    .bloghead {
        width: 98%
    }

    .blgdtilsidebar .carthumb-cta li a,
    .blgdtilsidebar .carthumb-cta li button {
        font-size: 12px
    }

    .bloglisting .post-slide .post-review {
        width: 95%
    }

    .bloglisting .post-slide {
        flex: 0 0 49%;
        max-width: 49%;
        min-height: auto
    }

    .bloglisting .blogwrap {
        row-gap: 0;
        column-gap: 14px
    }

    .bloglisting {
        padding-bottom: 30px
    }

    .rgtform {
        flex: 0 0 100%;
        padding-left: 36px;
        padding-bottom: 50px
    }

    .rgtform:before {
        min-height: 425px
    }

    .aboutsec3 .csty06img img {
        position: static
    }

    .aboutsec2,
    .servcbreadcrumb .ptboutr {
        padding-bottom: 35px
    }

    .abtsec4lft img {
        width: 355px;
        object-fit: contain;
        left: -26px
    }

    .aboutsec4 {
        padding-top: 35px
    }

    .cst10lft img {
        left: 6px;
        top: 100px;
        width: auto;
        height: auto;
        max-width: 335px
    }

    .servcbreadcrumb .carthumb-cta {
        width: 65%;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto
    }

    .servcbreadcrumb {
        min-height: 190px
    }

    .thanyousec h2 {
        font-size: 35px
    }

    .thanyousec i {
        font-size: 160px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .allcarssec .carthumb-cta li button {
        padding: 11px 4px
    }

    .aboutsec1 .cmseditor p,
    .docmntsec .cmseditor p {
        max-width: 100%
    }

    .cdvideo {
        height: 506px
    }

    .cdleft .gallery img {
        min-height: 506px
    }

    .brandctrgyfiltr .sortingtabinrpage {
        width: 22%
    }

    .brandctrgyfiltr .brandswrap {
        width: 76%
    }

    .brandctrgyfiltr .swiper-slide {
        width: 13.33%
    }

    .brandctrgyfiltr button {
        min-width: 85px
    }

    .sortingtabinrpage select {
        width: 22% !important
    }

    .mainprice span {
        font-size: 12px
    }

    .delprice,
    .mainprice,
    .searchfiltr li label {
        font-size: 14px
    }

    #blogcrslyoumay {
        padding-bottom: 0
    }

    .bloglisting .post-slide {
        flex: 0 0 49%;
        max-width: 49%
    }

    .brandswrap {
        max-width: 920px
    }

    .brandbox {
        flex: 0 0 15.8%;
        margin-right: 8px
    }

    .brandcarousel .swiper-slide {
        width: 16.67%
    }

    .carslider .carthumb,
    .social li {
        margin-right: 6px
    }

    .submenuloc {
        left: -320px
    }

    .submenubrands {
        row-gap: 5px;
        column-gap: 1.7%
    }

    .submenubrands li {
        flex: 0 0 18.5%;
        max-width: 18.5%
    }

    .submenubrands li:nth-child(5n+5):after {
        display: none
    }

    .submenubrands li:nth-child(7n+7):after {
        display: block
    }

    .hcartwrap ul li a:before {
        right: 5px;
        top: -18px;
        width: 90px;
        height: 90px
    }

    .searchresultpage .allcarssec .carthumb {
        width: 32.3%;
        margin-right: 1%;
        margin-left: 0
    }

    .searchresultpage .allcarssec .carthumb:nth-child(2n+2),
    .searchresultpage .allcarssec .carthumb:nth-child(4n+4) {
        margin-right: 1%
    }

    .allcarssec .carthumb:nth-child(2n+2),
    .searchresultpage .allcarssec .carthumb:nth-child(3n+3) {
        margin-right: 0
    }

    .flashswr {
        column-gap: 50px
    }

    .mpsrgt {
        min-height: 251px
    }

    .cardtailwrap,
    .docmsec-wrap {
        flex-wrap: wrap
    }

    .dtailbox {
        flex: 0 0 48%;
        max-width: 48%
    }

    .dtailboximg {
        flex: 0 0 100%;
        max-width: 100%;
        order: 3;
        margin-top: 30px;
        padding: 0
    }

    .fotrlinks li a,
    .fotrwidget p,
    .navwrap li a,
    .navwrap li span {
        font-size: 13px
    }

    .rgtform:before {
        min-height: 502px
    }

    .boxstyle01 .cmseditor h1,
    .boxstyle01 .cmseditor h2,
    .boxstyle01 .cmseditor h3,
    .boxstyle01 .cmseditor h4,
    .boxstyle01 .cmseditor h5,
    .boxstyle01 .cmseditor h6 {
        min-height: 52px
    }

    .boxstyle01:before {
        top: 64px
    }

    .cntystyle01-top .cmseditor p,
    .cstyle05top p {
        padding: 0
    }

    .abtsec4lft:after {
        width: 100%;
        overflow: hidden;
        left: 0
    }

    .container {
        width: 992px;
        padding-left: 30px;
        padding-right: 30px
    }

    .navwrap {
        column-gap: 12px
    }

    .srdropdon {
        width: 100%;
        left: 2px
    }

    .submenubrands {
        max-width: 962px !important;
        left: -342px;
        padding-left: 0;
        padding-right: 0
    }

    .submenubrands .ct-tile {
        font-size: 12px !important
    }

    .csty05rbox,
    .hdrtp-rgt {
        flex: 0 0 50%;
        max-width: 50%
    }

    .carthumb-cta li a,
    .carthumb-cta li button {
        font-size: 11px
    }

    .carslider .swiper-slide {
        width: 32.7%
    }

    .mpslft h1 {
        font-size: 75px
    }

    .mpslft h1 span {
        font-size: 22px
    }

    .boxstyle01 .cmseditor p {
        min-height: 140px
    }

    .cdleft,
    .csty05rbox .cmseditor ul li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .csty06dtail .fancytitle h1,
    .csty06dtail .fancytitle h2,
    .csty06dtail .fancytitle h3,
    .csty06dtail .fancytitle h4,
    .csty06dtail .fancytitle h5,
    .fancytitle .cmseditor h6 {
        font-size: 26px
    }

    .dtailbox .cmseditor h1,
    .dtailbox .cmseditor h2,
    .dtailbox .cmseditor h3,
    .dtailbox .cmseditor h4,
    .dtailbox .cmseditor h5,
    .dtailbox .cmseditor h6 {
        font-size: 15px
    }

    .lswrap-map {
        min-height: 338px
    }

    .post-slide .post-review {
        position: relative;
        top: -50px;
        width: 95%;
        left: calc(50% - 218px)
    }

    .post-slide {
        min-height: auto
    }

    .fotrwidget .fancytitle-light {
        font-size: 20px
    }

    .searchfiltr span {
        font-size: 17px
    }

    .blgdtilsidebar,
    .carsidebar {
        flex: 0 0 35%;
        max-width: 35%
    }

    .allcarswrap {
        flex: 0 0 64%;
        max-width: 64%
    }

    .allcarssec .carthumb {
        width: 48.5%
    }

    .allcarssec .carthumb:nth-child(3n+3) {
        margin-right: 1.5%
    }

    .sortingtab select {
        width: 34%
    }

    .abtsec4lft img {
        left: -8%;
        width: 460px;
        object-fit: contain
    }

    .aboutsec3 .csty06img img {
        top: -144px
    }

    .cst09rgt {
        flex: 0 0 55%;
        max-width: 55%
    }

    .carthumb {
        flex: 0 0 32.8%
    }

    .testimonial .description {
        min-height: 238px
    }

    .cst08rgt img {
        max-width: 428px;
        top: 30px;
        object-fit: contain
    }

    .brandcs05 .csty05rbox,
    .cst09lft,
    .lftcdetails {
        flex: 0 0 45%;
        max-width: 45%
    }

    .accordianwrap {
        width: 100%
    }

    .cntst07lft {
        padding: 45px 45px 40px
    }

    .ptboutr {
        flex-direction: column;
        padding-bottom: 50px;
        row-gap: 15px
    }

    .cdrgt {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
        min-height: inherit
    }

    .relatdcarsec .container {
        padding: 0;
        width: 100%
    }

    .cdrgt .carthumb-cta li {
        flex: 0 0 32.5%;
        max-width: 32.5%
    }

    .cdrgt .carthumb-cta {
        justify-content: flex-start;
        column-gap: 15px;
        width: 38%;
        margin: 0
    }

    .allpricecontainer {
        width: 60%;
        float: left
    }

    .cst10lft img {
        left: 15px;
        top: 71px;
        width: auto;
        height: auto;
        max-width: 440px
    }

    .servcbreadcrumb .ptboutr {
        flex-direction: row
    }

    .rgtform {
        padding-left: 35px
    }

    .bloglisting .post-slide .post-review {
        width: 95%
    }

    .bloglisting .blogwrap {
        row-gap: 0;
        column-gap: 18px
    }

    .bloglisting {
        padding-bottom: 30px
    }

    .blogdtailwrap {
        column-gap: 3%
    }

    .blgdtilcntnt {
        flex: 0 0 62%;
        max-width: 62%
    }

    .bloghead.post-slide {
        width: 97%
    }

    .blgdtilsidebar .fancytitle h1,
    .blgdtilsidebar .fancytitle h2,
    .blgdtilsidebar .fancytitle h3,
    .blgdtilsidebar .fancytitle h4,
    .blgdtilsidebar .fancytitle h5,
    .blgdtilsidebar .fancytitle h6 {
        font-size: 27px
    }
}

@media only screen and (min-width:1200px) and (max-width:1366px) {
    .docmntsec .cmseditor p {
        max-width: 100%
    }

    .boxstyle01 .cmseditor p {
        min-height: 110px
    }

    .cdvideo {
        height: 367px
    }

    .cdrgt {
        min-height: 476px
    }

    .cdleft .gallery img {
        min-height: 367px
    }

    .mainimg {
        min-height: 184px;
        max-height: 184px
    }

    .blgdtilcntnt {
        flex: 0 0 65%;
        max-width: 65%
    }

    .hcartwrap ul li a:before {
        top: -10px;
        width: 90px;
        height: 90px
    }

    .brandctrgyfiltr .sortingtabinrpage {
        width: 19%
    }

    .brandctrgyfiltr .brandswrap {
        width: 78%
    }

    .sortingtabinrpage select {
        width: 18% !important
    }

    .brandctrgyfiltr .swiper-slide {
        width: 11.76%
    }

    .brandctrgyfiltr button {
        min-width: 92px
    }

    .carslider .swiper-slide {
        width: 32.7%
    }

    .bloglisting .blogwrap {
        column-gap: 22px
    }

    .thumbnails {
        min-height: 68px;
        top: 15px
    }

    .brandswrap {
        max-width: 1140px
    }

    .brandbox {
        flex: 0 0 11.8%;
        margin-right: 8px
    }

    .brandcarousel .swiper-slide {
        width: 12.5%
    }

    .carslider .carthumb {
        margin-right: 11px
    }

    .submenuloc {
        left: -270px
    }

    .allcarssec .carthumb {
        width: 48.7%
    }

    .searchresultpage .allcarssec .carthumb {
        width: 32.5%;
        margin-right: 1%;
        margin-left: 0
    }

    .searchresultpage .allcarssec .carthumb:nth-child(4n+4) {
        margin-right: 1%
    }

    .searchresultpage .allcarssec .carthumb:nth-child(3n+3) {
        margin-right: 0
    }

    .allpricecontainer .mainprice:after {
        right: 6px
    }

    .navwrap {
        column-gap: 12px
    }

    .docmsec-wrap {
        flex-wrap: wrap
    }

    .csty05rbox,
    .dtailbox {
        flex: 0 0 48%;
        max-width: 48%
    }

    .dtailboximg {
        flex: 0 0 100%;
        max-width: 100%;
        order: 3;
        margin-top: 30px;
        padding: 0 16%
    }

    .post-slide .post-review {
        width: 94%;
        left: calc(50% - 174px);
        bottom: -10px
    }

    .container {
        width: 1200px;
        padding-left: 30px;
        padding-right: 30px
    }

    .boxstyle01 .cmseditor h1,
    .boxstyle01 .cmseditor h2,
    .boxstyle01 .cmseditor h3,
    .boxstyle01 .cmseditor h4,
    .boxstyle01 .cmseditor h5,
    .boxstyle01 .cmseditor h6 {
        min-height: 52px
    }

    .boxstyle01:before {
        top: 64px
    }

    .abtsec4lft:after {
        overflow: hidden;
        width: 100%
    }

    .srdropdon {
        left: 6px;
        width: 385px
    }

    .submenubrands {
        left: -650px;
        max-width: 1170px !important;
        padding-left: 20px;
        padding-right: 20px
    }

    .submenubrands li a .ct-tile {
        font-size: 14px !important
    }

    .abtsec4lft img {
        max-width: 530px;
        object-fit: contain;
        left: 0
    }

    .carthumb {
        flex: 0 0 32.5%
    }

    .carscolwrap {
        /*column-gap: 1.2%*/
    }

    .cst08rgt img {
        max-width: 545px;
        object-fit: contain
    }

    .cdleft {
        padding: 15px 15px 27px
    }

    .cdrgt {
        padding: 15px
    }

    .cdrgt .googlerating {
        margin-bottom: 10px;
        margin-top: 11px
    }

    .cdrgt .carthumb-cta,
    .cdrgt .fancytitle2 {
        margin: 15px 0
    }

    .rgtform:before {
        min-height: 502px
    }

    .bloglisting .post-slide {
        min-height: 306px
    }

    .bloglisting .post-slide .post-review {
        width: 94%;
        left: calc(50% - 171px)
    }

    .blogdtailwrap,
    .carlisting .carscolwrap {
        column-gap: 2%
    }

    .blgdtilsidebar {
        flex: 0 0 33%;
        max-width: 33%
    }

    .bloghead {
        width: 98%
    }

    .carsidebar {
        flex: 0 0 30%;
        max-width: 30%
    }

    .allcarswrap {
        flex: 0 0 67%;
        max-width: 67%
    }

    .sortingtab select {
        width: 27%
    }

    .mpsldr-wrap {
        padding-top: 30px
    }

    .mpslider {
        background-position: center -120px
    }
}

.swiper-slide,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 2px;
    transition-property: transform
}

@media only screen and (min-width:1367px) and (max-width:1450px) {
    .brandswrap {
        max-width: 1300px
    }

    .brandbox {
        margin-right: 8.9px
    }
}

@media only screen and (min-width:1367px) and (max-width:1599px) {
    .faqswrap {
        background-size: 230px;
        background-position: 1% center
    }
}

@media only screen and (min-width:1600px) and (max-width:1899px) {
    .faqswrap {
        background-size: 18%
    }
}

@media only screen and (min-width:1680px) {
    .cntntstyle06:before {
        height: 110px;
        top: -56px
    }
}

@media only screen and (min-width:1900px) {
    .faqswrap {
        background-size: 300px
    }

    .mpslider {
        background-position: left -200px
    }
}

@media only screen and (min-width:2200px) {
    .mpslider {
        background-position: left -300px
    }
}

@media only screen and (min-width:2600px) {
    .mpslider {
        background-position: left -500px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    display: block
}

.iti__v-hide,
.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.d-none.mb-2,
.iti__hide,
.swiper-pagination-lock,
.swiper-scrollbar-lock {
    display: none
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.d-flex.flex-column.mobile-card-list-items,
.d-none.mb-2 {
    font-size: 13px
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-scrollbar,
.swiper-scrollbar-drag {
    border-radius: var(--swiper-scrollbar-border-radius, 10px)
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-scrollbar {
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active,
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active,
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cards,
.swiper-cube,
.swiper-flip {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.iti--separate-dial-code .iti__selected-dial-code,
.iti__arrow {
    margin-left: 6px
}

.iti {
    position: relative
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag,
.iti__flag.iti__np {
    background-color: transparent
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("../images/flags.webp");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

.iti__flag.iti__be,
.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    width: 15px;
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    width: 19px;
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    width: 13px;
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    width: 15px;
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
        background-image: url("../images/flags@2x.webp")
    }
}

.justify-content-between {
    justify-content: space-between
}

.flex-grow-1 {
    flex-grow: 1
}

.text-right {
    text-align: right
}

.mb-2 {
    margin-bottom: 1rem
}

.fs-24.text-uppercase.color-shades-800.mb-2 {
    font-size: 18px
}

span.fs-14.color-semantic-success {
    color: #003fa6;
}

.search-form {
    display: flex;
    align-items: center;
    background-color: #e8ebf1;
    border-radius: 25px;
    padding: 0px;
    width: fit-content;
    border: 2px solid #000
}

.search-form input[type=text] {
    border: none;
    background: 0 0;
    padding: 10px;
    border-radius: 25px 0 0 25px;
    outline: 0;
    font-size: 16px;
    width: 250px
}

.search-form .search-button {
    background-color: #f40b0b;
    border: none;
    border-radius: 0 25px 25px 0;
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}




.cataogrysbg {
    background-color: #f1f1f1;
}


.container-cataogry {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
}

.card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.card:hover {
    transform: scale(1.05);
}

.image-wrapper {
    position: relative;
    width: 100%;
}

.card img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

.text {
    padding: 20px;
}

.text h2 {
    margin: 0;
    font-size: 1.5em;
    color: #333;
}

.text p {
    display: none;
    margin: 10px 0 0;
    color: #777;
}

/* Unique styles for each card */
.sedan {
    border-top: 5px solid #ff4d4d;
}

.sports {
    border-top: 5px solid #4d79ff;
}

.jeep {
    border-top: 5px solid #33cc33;
}

.suv {
    border-top: 5px solid #ffcc00;
}

.luxury1 {
    border-top: 5px solid #cc00cc;
}

.luxury2 {
    border-top: 5px solid #ff6600;
}

/* Responsive styles */
@media (max-width: 992px) {
    .container-cataogry {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .container-cataogry {
        grid-template-columns: 1fr;
    }

    .card {
        flex-direction: column;
    }

    .card img {
        height: auto;
    }
}












.swiper-slide {
    width: 335px;
    /* margin-right: 9px; */
}

.carthumb {
    flex: 0 0 24.4%;
    background: #f4f4f4;
    /*border-radius: 40px;*/
    overflow: hidden;
    box-shadow: 0 0 6px #F8F8F8;
    /*border: 1px solid #003fa6;*/
    transition: .3s linear;
    min-height: 410px;
}

.carthumb:hover {
    border: 1px solid #003fa6;
    box-shadow: 0 0 0 #003fa6
  }

.ctimgcont {
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid #dcdcdc;
}

.slider-container {
    position: relative;
    width: 100%;
}

.slider {
    display: flex;
    transition: transform 0.3s ease-in-out;
    height: 200px;
}

.slide {
    min-width: 100%;
}

.mainimg {
    width: 100%;
    height: auto;
}

.brandico {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
}

.prev-slide,
.next-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: white;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
}

.prev-slide {
    left: 10px;
}

.next-slide {
    right: 10px;
}

.pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.dot {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.dot.active {
    background: rgba(255, 255, 255, 1);
}

.ctdtailcont {
    padding: 20px;
}

.thumbtitle h3 {
    font-size: 20px;
    margin: 0 0 15px 0;
    color: #222;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

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

.mobile-card-list-items {
    margin-right: 13px;
}

.color-semantic-success {
    color: #28a745;
}

.color-shades-700 {
    color: #6c757d;
}

.color-shades-800 {
    color: #343a40;
}

.mb-2 {
    margin-bottom: 10px;
}

.price-block-mobile {
    text-align: left;
}

.fs-11 {
    font-size: 11px;
}

.font-weight-bolder {
    font-weight: bolder;
}

.text-uppercase {
    text-transform: uppercase;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.fs-24 {
    font-size: 24px;
}

.thumbfeature {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 5px;
    margin: 20px 0 0 0;
    flex-wrap: wrap;
    margin-bottom: 15px;

}

.thumbfeature li {
    border-radius: 10px;
    border: 1px solid #003fa6;
    padding: 2px 9px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    column-gap: 3px;
}

.carthumb-cta {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 12px;
    margin: 20px 0 0 0;
}

.car-price-per-day{
        position: absolute;
    right: 10px;
    top: 13px;
    padding: 4px 13px;
    font-size: 15px;
    font-weight: 700;
    z-index: 10;
   background: #f40b0b;
    color: white;
}

.carthumb-cta li {
    flex-grow: 1;
}

.carthumb-cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    text-decoration: none;
    color: white;
    /*background-color: #007bff;*/
    border-radius: 8px;
    transition: background-color 0.3s ease-in-out;
}



.whatsapp-icon,
.phone-icon {
    margin-right: 5px;
}

.arrow-banner {
    position: relative;
}

.arrow-banner:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #28a745;
}


.cars-section .container .carscolwrap .swiper .swiper-wrapper .swiper-slide .carthumb .ctdtailcont .d-flex .mobile-card-list-items .mb-2 {
    display: block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    color: #fff;
    background: #0ea548;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    font-weight: 700;
    margin-bottom: 10px;
    white-space: nowrap;
    height: 30px;
    left: 35px;
    margin: 3px 0;
    min-width: 100px;
}

.cars-section .container .carscolwrap .swiper .swiper-wrapper .swiper-slide .carthumb .ctdtailcont .d-flex .mobile-card-list-items .mb-2::before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #3d3d3d transparent transparent;
    border-color: transparent #219e59 transparent transparent;
}

.cars-section .container .carscolwrap .swiper .swiper-wrapper .swiper-slide .carthumb .ctdtailcont .justify-content-between {
    flex-direction: row-reverse;
}

.price-block-mobile {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* .brand-logo-product {
    position: relative;
    bottom: 20px;
} */






/* partners */
.partners-wrapper.pt-80.pb-80 {
    width: 1367px;
    /* Adjusted to show only 4 slides at a time */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin-top: 5%;
}

.partners-slider {
    overflow: hidden;
    position: relative;
}

.partners-slider-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.partners-slide {
    min-width: 170px;
    margin-right: 30px;
}

.partners-button {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 10;
}

.partners-prev,
.partners-next {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #000;
    /* Set the color for the buttons */
}

.partners-prev:hover,
.partners-next:hover {
    color: #007bff;
    /* Set hover color for the buttons */
}

.partners-image img {
    width: 100%;
    display: block;
    filter: grayscale(1);
    opacity: 0.4;
    /* transition: filter 0.3s ease, opacity 0.3s ease; */
}

.partners-image img:hover {
    filter: grayscale(0);
    opacity: 1;
}


.green-bg-product {
    display: block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    color: #fff;
    background: #0ea548;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    font-weight: 700;
    margin-bottom: 10px;
    white-space: nowrap;
    height: 30px;
    left: 35px;
    margin: 3px 0;
    min-width: 100px;
}

.baent {
    display: flex;
    flex-direction: row-reverse;
    /* align-items: center; */
}

.green-bg-product::before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #3d3d3d transparent transparent;
    border-color: transparent #219e59 transparent transparent;
}



.products-column-width {
    width: 333px !important;
    margin-right: 0px !important;
}

.col-6 {
    width: 50% !important;
    padding: 10px;
}

.d-none {
    display: none !important;
}

.cstyle05top {
    margin-bottom: 40px;
}

@media only screen and (max-width:767px) {
    .col-sm-12 {
        width: 100% !important;
    }
}









/* sliderhome */

.panorama-slider {
    width: 100%;
    max-height: 700px;
    overflow: hidden;
    /* margin-top: 50px; */
    position: relative;
}

.panorama-slider-container {
    position: relative;
    height: 600px;
    max-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panorama-slider-wrap {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
    height: 100%;
}

.panorama-slide {
    min-width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    background-position: center;
    background-size: cover;
}

.panorama-slide.active {
    display: flex;
}

.panorama-slide-content {
    text-align: center;
    display: none!important;
    color: #333;
    padding: 20px;
}

.panorama-slide h1 {
    font-size: 3em;
    margin: 0;
}

.panorama-slide h1 span {
    color: #e74c3c;
}

.panorama-slide p {
    font-size: 1.2em;
    margin: 10px 0;
}

.btnstyle01 {
    text-decoration: none;
    padding: 10px 20px;
    color: white;
    background-color: #e74c3c;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.btnstyle01:hover {
    background-color: #c0392b;
}

button.panorama-prev,
button.panorama-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 15px;
    cursor: pointer;
}

button.panorama-prev {
    left: 10px;
}

button.panorama-next {
    right: 10px;
}

button.panorama-prev:hover,
button.panorama-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Custom background images for each slide */
.panorama-slider .panorama-slide:nth-child(1) {
    background-image: url('../images/Luxury Rent a Car.webp');
}

.panorama-slider .panorama-slide:nth-child(2) {
    background-image: url('../images/Luxury Car rental.webp');
}

.panorama-slider .panorama-slide:nth-child(3) {
    background-image: url('../images/Luxury Cars Rent.webp');
}



/* Mobile view adjustments */
@media (max-width: 768px) {
    .panorama-slider {
        max-height: 500px;
        margin-top: 50px;
    }

    .panorama-slider-container {
        height: 500px;
        max-height: 500px;
    }

    .panorama-slide {
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (max-width: 480px) {
    .panorama-slider {
        max-height: 400px;
        margin-top: 60px;
    }

    .panorama-slider-container {
        height: 400px;
        max-height: 240px;
    }

    .panorama-slide {
        background-size: cover;
    }
}

@media only screen and (max-width: 768px) {
    .partners-wrapper.pt-80.pb-80 {
        display: none;
    }
}

/*-- margin Top --*/

.mt-5 {
    margin-top: 5px;
  }
  
  .mt-10 {
    margin-top: 10px;
  }
  
  .mt-15 {
    margin-top: 15px;
  }
  
  .mt-20 {
    margin-top: 20px;
  }
  
  .mt-25 {
    margin-top: 25px;
  }
  
  .mt-30 {
    margin-top: 30px;
  }
  
  .mt-35 {
    margin-top: 35px;
  }
  
  .mt-40 {
    margin-top: 40px;
  }
  
  .mt-45 {
    margin-top: 45px;
  }
  
  .mt-50 {
    margin-top: 50px;
  }
  
  /*-- margin Bottom --*/
  
  .mb-5 {
    margin-bottom: 5px;
  }
  
  .mb-10 {
    margin-bottom: 10px;
  }
  
  .mb-15 {
    margin-bottom: 15px;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .mb-25 {
    margin-bottom: 25px;
  }
  
  .mb-30 {
    margin-bottom: 30px;
  }
  
  .mb-35 {
    margin-bottom: 35px;
  }
  
  .mb-40 {
    margin-bottom: 40px;
  }
  
  .mb-45 {
    margin-bottom: 45px;
  }
  
  .mb-50 {
    margin-bottom: 50px;
  }
  
  
  
  .mb-1, .my-1 {
    margin-bottom: .25rem !important;
}
  



.car-price-per-day {
    display: none;
}


.policyDesc.no-deposit-policy.mb-2.green-bg-product{
        background: red !important;
}

.policyDesc.no-deposit-policy.mb-2.green-bg-product:before{
    border-color: transparent red transparent transparent!important;
}


.car-categories {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 40px;
    background-color: #f5f5f5;
}

.category {
    text-align: center;
    background-color: white;
    height: 40vh;
    padding: 20px;
    border-radius: 50px;
    width: 132px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out; /* Add transition for hover effect */
}

.category .icon {
    background-color: #e5e5e5;
    border-radius: 50%;
    padding: 20px;
    margin-bottom: 20px;
}

.category h3 {
    margin: 10px 0;
    font-size: 1.2em !important;
    color: #333;
}

.category .car-image {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    transition: transform 0.3s ease-in-out; /* Add transition for smooth hover */
}

.category .car-image img {
    width: 180px;
    height: auto;
}

/* Hover effect */
.category:hover .car-image {
    transform: translateX(2%); /* Move the image upwards on hover */
    transition: transform 0.3s ease-in-out;
}

/* Tablet screens and smaller (768px and below) */
@media (max-width: 768px) {
    .car-categories {
        /*flex-direction: column;*/
        align-items: center;
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(2, 0fr);
    }

    .category {
        width: 180px;
        margin-bottom: 40px;
        height: auto;
    }

    .category .car-image {
        width: 150px;
    }

    .category .car-image img {
        width: 150px;
    }
}

/* Small screens (600px and below) */
@media (max-width: 600px) {
    .category {
        width: 160px;
        padding: 15px;
        border-radius: 40px;
    }

    .category .icon {
        padding: 15px;
    }

    .category .car-image {
        width: 130px;
    }

    .category .car-image img {
        width: 130px;
    }

    .category h3 {
        font-size: 1em;
    }
}

/* Very small screens (480px and below) */
@media (max-width: 480px) {
    .category {
        width: 140px;
        padding: 30px;
        border-radius: 30px;
        height: 30vh;
    }

    .category .icon {
        padding: 10px;
    }

    .category .car-image {
        width: 110px;
    }

    .category .car-image img {
        width: 110px;
    }

    .category h3 {
        font-size: 0.9em;
    }
}

.cartitle-anchor {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cartitle-anchor h3 {
    margin-bottom: 0px;
}

.cartitle-anchor img {
    width: 45px;
    height: 45px;
    margin-left: 4px;
}

.rent_day p .previous-price {
    font-size: 13px;
    color: #000;
    line-height: 15px;
    font-weight: 400;
}

.current-price-day, .current-price-month {
    padding-right: 10px;
    display: flex;
    align-items: center;
    color: #003fa6;
    line-height: 18px;
    font-size: 15px;
    font-weight: 800;
}

.rent_day.rent_month {
    display: none;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / .1);
}


.why-choose {
    padding: 40px 0;
  }
  
  
  
  
  .intro-text {
    text-align: center;
    color: #3d3d3d;
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: 1.6;
  }
  
  .features-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 30px auto 0px;
    width:90%
  }
  
  .feature-card {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    flex: 1;
    border-top: 5px solid #f40b0b;
  }
  
  .feature-card .icon img {
    width: 40px;
    margin-bottom: 15px;
  }
  
  .feature-title {
    color: #6e4a36;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  
  .feature-text {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 1.6;
  }
  
  @media (max-width: 768px) {
    .features-grid {
        flex-direction: column;
    }
  }
  
  
  .requirements-section {
    padding: 40px 0;
    text-align: center; /* Optional: centers the content inside the section */
  }
  
  .requirements-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 75%; /* Adjust width if needed */
    margin: 0 auto; /* Centers the grid */
  }
  
  .requirement-card {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    flex: 1;
    border-top: 5px solid #f40b0b;
  }
  
  .requirement-card .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }
  
  .requirement-card .icon img {
    width: 40px;
  }
  
  
  .requirement-title {
    color: #6e4a36;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    
  }
  
  .requirement-list {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0 auto; /* Centers the list */
    display: inline-block; /* Ensures proper alignment for the list */
  }
  
  .requirement-list li {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  
  .requirement-list li strong {
    font-weight: bold;
  }
  
  @media (max-width: 768px) {
    .requirements-grid {
        flex-direction: column;
        width: 90%; /* Optional: adjust width on smaller screens */
    }
  }
  
  .w-50.m-auto{
    background: #f40b0b;
  }
  
  
  .w-120{
    width: 120%;
  }
    
  .w-50 {
    width: 50% !important;
}

.m-auto {
    margin: auto !important;
}

h3.special-offers-h3 {
    color: #f40b0b;
    padding-bottom: 10px
  }
  
  h2.special-offers-h2 {
    color: #f40b0b;
    padding-bottom: 10px
  }
  
  p.special-offers-p {
    padding-bottom: 10px
  }
  
  .special-offers-link {
    color: #f40b0b;
    text-decoration: none
  }
  
  .special-offers-link:hover {
    text-decoration: underline
  }

  .h2, h2 {
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    font-family: "Barlow Condensed", arial !important;
}

.h3, h3 {
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    font-family: "Barlow Condensed", arial !important;
}

.title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;

}

.title-wrapper h2 {
    margin: 0;
    font-size: 24px; /* Adjust size as needed */
    font-weight: bold;
}

.btn-all-cars {
    padding: 10px 20px;
    background-color: #000; /* Adjust background color */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.btn-all-cars:hover {
    background-color: #555; /* Hover state color */
}

/* Media query for mobile devices */
@media (max-width: 768px) {
    .title-wrapper {
        flex-direction: column;
        align-items: center; /* Align items to the left */
    }

    .title-wrapper h2 {
        margin-bottom: 10px;
        font-size: 20px; /* Adjust for smaller screens */
    }

    .title-wrapper h2::after {
        margin-left: 0;
    }

    .btn-all-cars {
        padding: 8px 16px;
        font-size: 14px; /* Adjust button size for mobile */
    }
}
.d-flex.justify-content-between.rent_counts {
    display: none;
}

.brandsec .fancytitle h1 {
    color: #fff !important;
}

.fancytitle h1:after{
    content: "";
    position: relative;
    top: -8px;
    margin-left: 8px;
    width: 40px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
}


.features-box {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    align-items: center;
    margin-top: 20px;
    gap: 18px 40px;
}

.feature-item {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #444;
    font-weight: 500;
}

.feature-item i {
    font-size: 17px;
    margin-right: 8px;
}

.red-item i,
.red-item span {
    color: #d62525 !important;
    /* Red icon + red text */
}




.gtx-call-cta {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.gtx-call-cta li {
    width: 100%;
    text-align: center;
}

.gtx-call-btn {
    background: #f40b0b;
    /* red */
     padding: 12px 25px;
    color: #fff !important;
   display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    max-width: 250px;
    margin-top: 20px;
}

.gtx-call-icon {
    width: 18px;
    height: 18px;
    fill: #fff !important;
    margin-right: 8px;
}