/* ====== Car Category Section ====== */
body, button, input, textarea, select, p, h1, h2, h3, h4, h5, h6, span, div {
  font-family: 'Hind Siliguri', sans-serif;
}

.car-categories .category {
    position: relative;
    display: block;
    border-radius: 22px;
    overflow: visible !important; /* Safari clipping fix */
  }


.car-categories {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #000;
  /* background for contrast */
}

.category {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  width: 320px;
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

.category:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
  color: #c3802e;
}

/* ====== Label Style ====== */
.car-categories .category-name {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 6px 18px;
  border-radius: 8px 8px 0px 0px;
  letter-spacing: 0.5px;
}

.category:hover .category-name {
  color: #c3802e;
}

div#gt_float_wrapper {
  height: 54px;
}





































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

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

.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: #c3802e;
}

.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
}

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

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

.page404 img {
  max-width: 90%
}

.svgicon {
  width: 20px;
  height: 20px
}


.special-offers-p a {
  color: #c3802e;
  text-decoration: none;
  /* optional: underline hatane ke liye */
}

.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;
  font-family: 'Hind Siliguri', sans-serif;
}

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: rgb(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 #c3802e;
  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: 310px
}

/* Mobile Styles */
@media (max-width: 768px) {

  .post-slide .post-img img,
  .slide img {
    height: 255px;
  }
}

.next-slide,
.prev-slide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff0;
  border-color: #fff0;
  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: #c3802e;
}

.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
}

svg.svgicon.close-icon {
  fill: black;
}

.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: #c3802e;
  width: 20px
}

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

@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;
  padding-bottom: 20px
}

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

.container {
  width: 95%;
  margin: 0 auto
}

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

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


.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,
.sevccontnttop .cmseditor h2:after {
  content: "";
  position: relative;
  top: -8px;
  margin-left: 8px;
  width: 40px;
  height: 2px;
  background-color: #c3802e;
  display: inline-block
}

.brandctrgyfiltr .fancytitle label,
.fancytitle h1,
.fancytitle h2,
.fancytitle h3,
.fancytitle h4,
.fancytitle h5,
.fancytitle h6 {
  background: linear-gradient(90deg, #d8321a, #ffac1e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  line-height: 35px
}

.fancytitle-light {
/*   color: #c3802e; */
  font-size: 22px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
    background: linear-gradient(90deg, #d8321a, #ffac1e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.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
}

.cdleft .swiper-button-next,
.cdleft .swiper-button-prev,
.servcdropd li a:hover,
.submenufleet li a:hover,
a:hover {
  color: #fff !important;
  text-decoration: none !important
}

.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;
  background: linear-gradient(90deg, #FF5722 0%, #ffae00 100%);
  margin-top: 30px
}

.btnstyle01 {
  text-decoration: none;
  padding: 10px 28px;
  color: #000;
  font-weight: 600;
  background: linear-gradient(90deg, #FF5722 0%, #ffae00 100%);
  border: none;
  border-radius: 50px;
  transition: all 0.3s ease;
  display: inline-block;
  letter-spacing: 0.5px;
}

.btnstyle01:hover {
  background: linear-gradient(90deg, #FF5722 0%, #ffae00 100%);
  transform: translateY(-2px);
  /* box-shadow: 0 4px 10px rgba(255, 145, 0, 0.4); */
}


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

.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
}

.breadcrumb li a:hover,
.convrspopactionbtn a,
.convrspopactionbtn a:hover,
.flashsalethumb .mainprice strong,
.iti--separate-dial-code .iti__selected-dial-code,
.iti__arrow {
  color: #fff !important
}



.swiper-pagination-bullet-active {
  background: #c3802e !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: #c3802e;
}

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

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

.hdr-top {
  width: 100%;
  display: block;
  background-color: #fff0;
  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;
  color: #000;
  background-color: #eaeef2;
  font-size: 14px
}

.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),
.ham-menu .line,
.seemore:hover,
.srdropdon li a:hover {
  background: #fff
}

.srdropdon li a {
  font-size: 14px;
  color: #000;
  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: 12px 0 12px;
  border-bottom: 3px solid #c3802e;
  background-color: rgba(0, 0, 0, 0.6);
}

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

.logo {
  width: 90%;
  OBJECT-FIT: cover;
  height: auto;
}

@media only screen and (max-width:768px) {
  .logo {
    width: 40%;
    top: 12px;
  }

  .hdr-botm {
    padding: 0px 0 0px;
  }
}



.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%;
  justify-content: center;
  align-items: flex-end;
}

.navwrap li a,
.navwrap li span {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Hind Siliguri', sans-serif;
}

.navwrap li {
  line-height: unset
}

.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: #c3802e;
}

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

.navwrap li .angle-icon {
  fill: #c3802e;
  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: #c3802e !important;
  padding-left: 10px
}

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

.submenufleet li .angle-icon,
.submenuloc li .angle-icon {
  transform: rotate(270deg);
  fill: #fff !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: -590px;
  padding: 25px !important;
  flex-wrap: wrap;
  row-gap: 14px;
  background-color: #000
}

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

.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-direction: row !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
}

.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,
.docmntsec .cmseditor b,
.docmntsec1 .cmseditor strong,
.social li a:hover i,
.submenubrands li a:hover .ct-count,
.submenubrands li a:hover .ct-tile {
  color: #000
}

.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%;
  background-color: #000
}

.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: #fff !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: #ffffff !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: #c3802e;
  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: 120px;
  background-color: #f1f1f1;
  background-position: center -100px !important;
  background-size: cover;
  background-image: url(../images/IMG_234912.webp)
}

.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
}

.mpslft h1 {
  font-family: Speed;
  color: #000;
  font-size: 80px;
  letter-spacing: 5px;
  line-height: 45px;
  display: flex;
  flex-direction: column
}

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

.mpslft p {
  font-weight: 400;
  color: #000;
  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 {
  padding: 20px 0;
  background-color: #000
}

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

.hcartwrap {
  display: flex;
  flex-wrap: wrap
}

#catgrylist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap
}

.category-item {
  flex: 1 1 30%;
  margin: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 8px rgb(0 0 0 / .1);
  transition: transform 0.3s, box-shadow 0.3s
}

.category-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgb(0 0 0 / .2)
}

.category-link {
  text-decoration: none;
  color: #333;
  display: block;
  text-align: center;
  padding: 20px
}

.category-link img {
  max-width: 100%;
  height: auto;
  border-bottom: 1px solid #e1e1e1
}

.ct-tile {
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px
}

.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: space-evenly;
  width: 100%;
  padding-top: 34px;
  height: 100%;
  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 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;
  color: #000;
  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: #c3802e;
  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: #c3802e;
  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: #fff0
}

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

.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: #c3802e;
  line-height: 32px
}

.carthumb-cta li a,
.carthumb-cta li button {
/*   padding: 11px 6px; */
  max-width: 100%;
  font-size: 15px;
  font-weight: bold !important;
  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: #c3802e;
  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%
}

.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: #c3802e !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: linear-gradient(to left bottom, #eee, #fff, #fff);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 6px #F8F8F8;
  border: 1px solid #c3802e;
  transition: .3s linear;
  min-height: 410px
}

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

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

.ctimgcont {
  min-height: 160px
}

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

.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 10px
}

.thumbtitle {
  margin: 12px 0 20px;
  padding-left: 35px
}

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

.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: #c3802e;
  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: #c3802e;
}

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

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

.thumbfeature li {
  border-radius: 10px;
  border: 1px solid #979797;
  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
}

.thumboffer li {
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center
}

.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: 5px; */
  overflow: hidden;
  display: flex;
  width: 49%;
  align-items: center
}

.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 !important;
  width: 20px;
  height: 20px
}

.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: #c3802e !important
}

.carthumb-cta li:nth-child(2),
.mobilecalltoact li:nth-child(2) a icon {
  border: 1px solid #7291af
}

.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: 50px
}

.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: #c3802e;
  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 rgb(0 0 0 / .3);
  border-radius: 25px;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 20px
}

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

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

.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 #c3802e;
  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: #c3802e;
  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: 20px
}

.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: #c3802e;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgb(0 0 0 / .05)
}

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

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

.cdleft,
.cdrgt {
  background: #1f1f1f;
  border: 1px solid #1f1f1f
}

.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: auto;
  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: 330px
}

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

.cdleft .gallery img {
  min-height: auto;
  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: flex;
  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
}

.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 rgb(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: #ff5e00
}

.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: #ff5e00 !important
}

.popwrap {
  background: rgb(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: #c3802e;
  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: #F8F8F8;
  margin-bottom: 3%
} */

.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: 20px !important;
  color: #c3802e !important;
  font-weight: 700
}

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

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

.brandswrap {
  max-width: 95%;
  margin: auto
}

.brandswrap a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 12px
}

.brandswrap .ct-tile {
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 4px;
  margin-top: 5px;
  color: #fff;
  font-family: 'Hind Siliguri', sans-serif;
}

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

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

.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;
  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: #c3802e;
  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: #fff;
  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, #2c2c2c, 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: rgb(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, rgb(0 0 0 / .35) 0, #fff0 80%) #fff0;
  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: #c3802e;
  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: #c3802e;
  font-weight: 400
}

.post-slide .read .angle-icon {
  fill: #c3802e;
  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 a,
.cmseditor ul li a {
  color: #c3802e;
  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: #c3802e;
  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: #c3802e;
  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: #fff
}

.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: #c3802e !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
}

.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 rgb(0 0 0 / .3);
  z-index: -1
}

.boxstyle01:after {
  background: #c3802e;
  width: 50%;
  height: 50%;
  border-radius: 0 0 20px;
  box-shadow: none;
  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: rgb(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 32.333%;
  max-width: 32.333%;
  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 #c3802e;
  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 54%;
  max-width: 54%
}

.csty04rgt .swiper-wrapper,
.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.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
}

.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: 100px;
  height: 100px;
  transition: .3s 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 #c3802e;
  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 rgb(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: #c3802e;
}

.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-b#c3802e;

wrap {
  background-size: 100%;
  background-repeat: no-repeat
}

.cntntstyle09:after {
  background: rgb(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: #c3802e;
  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: #c3802e;
  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: #c3802e;
  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: #ff5e00;
  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: #c3802e;
  }
}

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

.bannerimage img,
.feature-map,
.pt-b#c3802e;

wrap {
  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 #c3802e;
  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-b#c3802e;

wrap {
  min-height: 215px;
  background-color: #f2f3f0;
  background-image: url(../images/allbg.webp);
  background-position: center;
  margin-top: 75px;
  background-size: cover
}



.pt-b#c3802e;
wrap h1,
.pt-b#c3802e;

wrap span {
  font-weight: 600;
  font-size: 33px
}

.breadcrumb {
  padding: 8px 15px 8px 50px;
  margin: 0;
  background: #c3802e;
  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 rgb(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: rgb(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-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: #d8321a;
  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: #d8321a;
}

.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 #c3802e;
  color: #fff;
  border-radius: 50px;
  margin-bottom: 8px;
  transition: .3s
}

input#fieldstyle:focus,
input.fieldstyle:focus,
textarea.fieldstyle:focus {
  background-color: rgb(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: #c3802e;
  font-size: 15px
}

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

.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: rgb(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: #c3802e;
  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: rgb(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: #c3802e;
}

.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 !important;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  font-weight: 400;
  margin-bottom: 10px !important
}

.fotrlinks li {
  margin-bottom: 15px
}

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

.fotrlinks li a {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  font-family: 'Hind Siliguri', sans-serif;
}

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

.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)
}

.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 #c3802e;
}

#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
}

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

.whatsppicodesk .whatsapp-icon {
  width: 30px;
  height: 30px;
  fill: #fff
}

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

#back-to-top {
  display: inline-block;
  background-color: #d8321a ;
  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 {
  fill: #000;
  width: 30px;
  height: 30px;
  position: relative;
  top: 0;
  right: 3px
}

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

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

.social-icons a {
  color: #c3802e;
  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: rgb(0 0 0 / .9);
  position: relative;
  right: -12px;
  text-align: center
}

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

.social-icons a .linkedin-icon {
  width: 30px;
  height: 30px;
  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 #c3802e;
}

#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: #c3802e;
  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 a icon .svgicon {
  fill: #fff;
  width: 30px;
  height: 30px
}

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

#mobilechatwidget span {
  line-height: 81px;
  color: #c3802e;
  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: #c3802e;
}

#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 #fff0;
  position: relative;
  overflow: hidden
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #ffffff;
  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 #fff0;
  border-right: 10px solid #fff0;
  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: 100%
  }

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

  .cstyle05top img {
    transform: none
  }

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

  #preloadDiv,
  .abtsec4lft:after,
  .banner_desktop,
  .rgtform:before,
  .servcmenu li:after,
  .social-icons,
  .submenubrands .ct-count,
  .submenufleet li .angle-icon,
  .submenuloc img,
  .submenuloc li .angle-icon,
  .whatsppicodesk {
    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: #c3802e;
    width: 30px;
    height: 30px
  }

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

  .socialmobile a:hover {
    background-color: #c3802e;
  }

  .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: #000;
    background-color: #ffffff00;
    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: 0px
  }

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

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

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

  .pt-b#c3802e;

  wrap span {
    font-size: 24px
  }

  .navwrap li a,
  .navwrap li span {
    color: #000000;
    background: white;
   }

	.brandswrap .ct-tile {
   color: #000000;
}

  .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: #fff0;
    font-size: 25px;
    padding: 0;
    color: #c3802e;
    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-b#c3802e;

  wrap h1,
  .thanyousec h2,
  .thanyousec p {
    text-align: center
  }

  .next-slide:hover,
  .prev-slide:hover {
    background-color: #fff0;
    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
  }

  .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: 250px;
    background-image: url(../images/IMG_234912.webp);
    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: #c3802e;
  }

  .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-b#c3802e;

  wrap 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;
    color: black !important;
  }

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

  .hdrtp-lft {
    display: none
  }

  .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 {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: stretch
  }

  .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;
    background: white;
  }

  .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: 18px;
    left: -7px
  }

  .mpslft h1 {
    font-size: 42px;
    line-height: 26px
  }

  .mpslft p {
    font-size: 15px
  }

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

  .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-b#c3802e;

  wrap {
    min-height: 170px;
    margin-top: 65px
  }

  .ptboutr {
    flex-direction: column;
    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
  }

  .allcarswrap,
  .carsidebar {
    flex: 0 0 100%;
    width: 100%
  }

  .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 {
    width: 65%;
    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: #c3802e;
  }

  .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: #c3802e;
    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;
    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;
    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
  }



  .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;
  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-cente#c3802e;

>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-css-mode.swiper-cente#c3802e;

>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-css-mode.swiper-cente#c3802e;

.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-cente#c3802e; -offset-before)
}

.swiper-css-mode.swiper-cente#c3802e;

.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-cente#c3802e; -offset-after)
}

.swiper-css-mode.swiper-cente#c3802e;

.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-cente#c3802e; -offset-before)
}

.swiper-css-mode.swiper-cente#c3802e;

.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-cente#c3802e; -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: rgb(0 0 0 / .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgb(0 0 0 / .5), #fff0)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgb(0 0 0 / .5), #fff0)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgb(0 0 0 / .5), #fff0)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgb(0 0 0 / .5), #fff0)
}

.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: #fff0
}

.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))
}

.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, rgb(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, rgb(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, rgb(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 #fff0;
  border-right: 3px solid #fff0;
  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 rgb(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: #fff0
}

.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: #0ea548
}

span.fs-14.color-brand-primary-lighter {
  color: #c3802e;
  text-decoration: line-through
}

.nLine {
  position: relative;
  right: 1vw
}

.in {
  display: block !important
}

.CallTag {
  background: #000;
  padding: 5px 10px;
  border-radius: 7px;
  color: #fff;
  font-size: 19px
}

.CallTag:hover {
  color: #ff0;
  text-decoration: unset
}

.navbar-brand a img {
  max-width: 280px
}

.dgwt-wcas-search-wrapp {
  max-width: 664px !important;
  position: relative;
  line-height: 100%;
  display: block;
  color: #444;
  min-width: 230px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
  background: #333
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  height: 46px;
  font-size: 16px;
  background: #333;
  border: 1px solid #333;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  color: #fff !important
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  padding: 10px 15px 10px 40px
}

.dgwt-wcas-no-submit.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier path,
.dgwt-wcas-search-wrapp .dgwt-wcas-close path {
  fill: #ff0 !important
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
  color: #fff;
  opacity: 1
}

.bottom-text2 {
  width: 22vw;
  margin-left: 3px;
  padding: 2px;
  position: absolute;
  bottom: 1px;
  left: .5vw
}

.card-custom {
  max-width: 23vw;
  height: 23vw;
  margin: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #c39230;
  background-size: cover;
  background-position: center;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0;
  padding-bottom: 5rem
}

.subcategory {
  font-family: Graphik_Super;
  color: #ff0 !important;
  font-size: 4.1vw
}

.category {
  font-family: Graphik_Extra_light;
  color: #fff !important;
  < !-- font-size: 46px;
  -->margin-top: -2.1rem
}

.starting-from {
  font-family: Graphik_Regular;
  color: #fff !important;
  font-size: 12px;
  padding: 10px 0
}

.spacer-1 {
  position: relative;
  bottom: -130px
}

.card-price-1 {
  font-family: Graphik_SemiBold;
  font-size: 25px;
  color: #ff0;
  line-height: 18px
}

.goog {
  height: 21em;
  border: 1px solid #ff0
}

.currency {
  font-family: Graphik_Regular;
  font-size: 10px;
  color: #fff
}

.ocwpcf7_description {
  display: none
}

.book-car {
  font-family: Graphik_Regular;
  color: #fff !important;
  font-size: 10px;
  position: absolute;
  bottom: 3px;
  right: 0
}

.fa-angle-double-right {
  font-size: 15px !important;
  padding-left: 4px !important
}

.fa-angle-double-right:before {
  font-size: 17px !important
}

.book-car-now {
  font-family: Graphik_SemiBold;
  color: #ff0 !important;
  font-size: 14px
}

.arrow-gif {
  margin-bottom: .25rem;
  width: 2rem
}

.slick-next {
  right: 15px
}

.slick-prev {
  left: 15px;
  z-index: 10
}

.google_review .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 5px;
  padding: 0;
  height: 400px
}

.general-description a,
.general-description p a,
.general-description p strong {
  color: #ff0
}

.bottom-text {
  width: 45vw;
  margin-left: 3px;
  padding: 2px;
  position: absolute;
  bottom: 1px
}

.card-custom-2 {
  width: 100%;
  height: 20vw;
  background-size: cover;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: .5rem;
  padding-bottom: 5rem;
  margin: auto;
  margin-top: 2rem
}

.subcategory-2 {
  font-family: Graphik_Super;
  margin-top: -.9375rem;
  color: #fff0;
  font-size: 45px;
  line-height: 78px;
  -webkit-text-stroke: 1px #ff0 !important;
  -webkit-text-fill-color: #fff0;
  text-shadow: none
}

.category-2 {
  font-family: Graphik_Extra_light;
  line-height: 27px;
  color: #fff;
  padding-top: 3px;
  font-size: 25px;
  margin-top: -1.5rem;
  min-height: 54px;
  text-shadow: 1px 1px 2px #000
}

.starting-from-2 {
  font-family: Montserrat-Regular;
  color: #ff0;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: -20px;
  margin-top: 36px
}

.price-value-2 {
  font-family: Graphik_SemiBold;
  font-size: 65px;
  background: -webkit-linear-gradient(#fff, #ff0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0
}

.currency-2 {
  font-family: Graphik_Regular;
  font-size: 15px;
  color: #fff
}

.book-car-2 {
  display: none !important;
  position: absolute;
  font-family: Graphik_Regular;
  color: #fff !important;
  font-size: 20px;
  bottom: 12px;
  right: 4px
}

.book-car-2-now {
  font-family: Graphik_SemiBold;
  color: #ff0 !important;
  font-size: 15px
}

.arrow-gif-2 {
  margin-bottom: .25rem;
  width: 1.5rem;
  height: auto;
  margin-right: 10px
}

.currency-2-method {
  font-family: Graphik_Regular;
  font-size: 12px;
  color: #fff
}

.mt-5-custom {
  margin-top: 5rem
}

@media only screen and (min-width:1500px) {
  .subcategory-2 {
    font-size: 40px
  }

  .category-2 {
    font-size: 30px;
    line-height: 24px;
    padding-top: 15px
  }

  .price-value-2 {
    font-size: 72px
  }

  .starting-from-2 {
    font-size: 25px;
    padding-bottom: 4px
  }

  .book-car-2 {
    font-size: 18px
  }
}

@media only screen and (min-width:1920px) {
  .mw-70 {
    max-width: 70% !important
  }

  .subcategory-2 {
    padding-top: 1vw;
    font-size: 3vw
  }

  .category-2 {
    padding-top: 1vw;
    line-height: 2vw;
    font-size: 2.2vw
  }

  .price-value-2 {
    font-size: 100px
  }

  .starting-from-2 {
    font-size: 46px;
    padding-bottom: 0;
    margin-bottom: -30px
  }

  .arrow-gif-2 {
    width: 2vw
  }

  .book-car-2 {
    font-size: .6vw
  }
}

@media only screen and (min-width:3000px) {
  .subcategory-2 {
    font-size: 2.5vw
  }

  .category-2 {
    line-height: 1.3vw;
    font-size: 1.5vw
  }
}

@media only screen and (max-width:1346px) {
  .mt-5-custom {
    margin-top: 8rem
  }

  .book-car-2-now {
    font-size: 13px
  }

  .book-car-2 {
    font-size: 18px
  }

  .currency-2 {
    font-size: 13px
  }

  .subcategory-2 {
    font-size: 36px
  }

  .category-2 {
    font-size: 26px;
    margin-top: -1rem
  }

  .starting-from-2 {
    font-size: 23px
  }

  .price-value-2 {
    font-size: 64px
  }

  .starting-from-2 {
    margin-top: 65px
  }
}

@media only screen and (max-width:1300px) {
  .card-price-1 {
    font-size: 20px
  }

  .starting-from,
  .book-car-now {
    font-size: 10px
  }

  .currency,
  .book-car {
    font-size: 8px
  }

  .fa-angle-double-right {
    font-size: 11px !important
  }
}

@media only screen and (max-width:1280px) {
  .subcategory-2 {
    font-size: 42px
  }

  .category-2 {
    font-size: 24px
  }

  .price-value-2 {
    font-size: 58px
  }

  .book-car-2 {
    font-size: 14px
  }
}
}

@media only screen and (max-width:1124px) {
  .mt-5-custom {
    margin-top: 5rem
  }
}

@media only screen and (max-width:1024px) {
  .subcategory-2 {
    font-size: 34px
  }

  .category-2 {
    font-size: 18px;
    line-height: 17px
  }

  .price-value-2 {
    font-size: 42px
  }

  .starting-from-2 {
    font-size: 18px;
    padding-bottom: 10px
  }

  .book-car-2 {
    font-size: 14px
  }
}

@media only screen and (max-width:991px) {
  .mt-5-custom {
    margin-top: 5rem
  }

  .book-car-2-now {
    font-size: 13px
  }

  .book-car-2 {
    font-size: 12px;
    padding-top: unset;
    text-align: left !important;
    padding-right: 0
  }

  .currency-2 {
    font-size: 11px
  }

  .subcategory-2 {
    font-size: 20px
  }

  .currency-2-method {
    font-size: 8px
  }

  .category-2 {
    font-size: 16px;
    margin-top: -1rem;
    line-height: 16px
  }

  .starting-from-2 {
    font-size: 20px
  }

  .price-value-2 {
    font-size: 30px;
    line-height: 60px
  }

  .starting-from-2 {
    margin-top: 5px
  }
}

@media only screen and (max-width:767px) {
  .card-custom-2 {
    height: 41vw
  }

  .bottom-text {
    width: 92vw
  }

  .card-custom {
    max-width: 47vw;
    height: 47vw
  }

  .bottom-text2 {
    width: 43vw;
    right: 40px
  }

  .subcategory {
    font-size: 30px
  }

  .category {
    font-size: 30px;
    margin-top: -1rem
  }
}

@media only screen and (max-width:600px) {
  .bottom-text2 {
    right: 35px
  }

  .subcategory-2 {
    line-height: 60px;
    font-size: 34px
  }

  .price-value-2 {
    font-size: 42px
  }

  .book-car-2 {
    font-size: 18px
  }
}

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

  .super-gra,
  .white-super {
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 1px
  }

  .card-custom-2 {
    height: 180px
  }

  .price-value-2 {
    font-size: 32px;
    line-height: 55px
  }

  .starting-from-2 {
    font-size: 18px;
    line-height: 34px
  }

  .book-car-2 {
    font-size: 10px
  }

  .arrow-gif-2 {
    margin-bottom: .15rem;
    width: 1rem;
    margin-right: 6px
  }

  .currency-2 {
    font-size: 9px
  }

  .currency-2-method {
    font-size: 6px
  }

  .card-price-1 {
    font-size: 10px
  }

  .starting-from {
    font-size: 6px;
    padding-bottom: 0
  }

  .subcategory {
    font-size: 24px
  }

  .category {
    font-size: 24px;
    margin-top: -.8rem
  }

  .book-car-now,
  .book-car {
    font-size: 6px
  }

  .fa-angle-double-right:before {
    font-size: 8px !important
  }

  .card-custom {
    max-width: 48vw
  }

  .bottom-text2 {
    width: 46vw;
    right: 24px
  }
}

@media only screen and (max-width:325px) {
  .price-value-2 {
    font-size: 26px
  }
}

.size-large img {
  width: 100%
}

.imageGry {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.5s ease
}

.imageGry:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%)
}

.wpcf7-form-control {
  isplay: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.wpcf7-form-control:active,
.wpcf7-form-control:focus {
  box-shadow: none;
  outline: 0
}

.conHead {
  color: #fed244;
  background: #333;
  padding: 5px 10px;
  font-size: 14px;
  margin: 10px 0 !important;
  border-radius: 5px
}

.bottom-dashed-border {
  border-bottom: 1px dashed grey
}

.bottom-border {
  border-bottom: 1px solid grey
}

.intl-tel-input {
  width: 100%
}

.intl-tel-input .country-list {
  color: black !important
}

.form-control,
.form-control:focus,
.daterange #from,
.daterange #to {
  background-color: #000;
  color: #fed244 !important
}

.daterange #to {
  margin-top: 0
}

.w-30 {
  width: 30% !important
}

.margin-top-23 {
  margin-top: 23px
}

.btn-warning {
  background-color: #ff0 !important
}

.select2-dropdown {
  top: 35px
}

.select2-container {
  width: 100% !important;
  min-width: unset !important
}

.select2-container--default .select2-selection--single {
  background-color: #000;
  margin-top: 8px;
  height: 38px
}

.select2-container--default .select2-selection--single .select2-selection__rende#c3802e;

  {
  line-height: 35px;
  color: #ff0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7-response-output {
  border: 1px solid #dc3232 !important;
  color: #dc3232 !important;
  margin-top: 56px !important
}

.wpcf7-submit {
  width: auto
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #077de2 !important;
  color: white !important
}

.card-img-top img {
  width: 100%
}

.card-text p {
  color: black !important
}

.card-title,
.card-text {
  color: black !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  overflow: hidden
}

.related {
  position: relative;
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 25px;
  margin-bottom: 30px;
  background-size: cover !important
}

.card-img-top {
  max-height: 170px
}

@media only screen and (max-width:767px) {
  .card-img-top {
    max-height: 250px
  }
}

.article-overlay {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  z-index: 9;
  background: -webkit-linear-gradient(top, transparent 50%, rgb(0 0 0 / .1), rgb(0 0 0 / .5), rgb(0 0 0 / .8));
  background: -o-linear-gradient(top, transparent 50%, rgb(0 0 0 / .1), rgb(0 0 0 / .5), rgb(0 0 0 / .8));
  background: -moz-linear-gradient(top, transparent 50, rgb(0 0 0 / .1), rgb(0 0 0 / .5), rgb(0 0 0 / .8));
  background: linear-gradient(top, transparent 50%, rgb(0 0 0 / .1), rgb(0 0 0 / .5), rgb(0 0 0 / .8))
}

.related-card:hover .article-overlay {
  background-color: rgb(0 0 0 / .4)
}

.related-meta {
  position: relative;
  color: #ccc;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  font-size: 11px
}

.article-span {
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #f1f1f1;
  padding-bottom: 10px;
  position: relative;
  z-index: 20
}

.card {
  border: unset
}

.card-body {
  height: 196px;
  overflow: hidden
}

.bg-gray {
  background-color: #171717
}

.footer {
  background-color: #212020
}

.footerLink {
  color: #ff0;
  font-size: 14px
}

.footerLink:hover {
  color: #ff0;
  text-decoration: unset
}

.footerLineLink {
  display: flex;
  justify-content: space-around
}

.ft_indiv {
  justify-content: space-between
}

.footerImg {
  max-width: 300px
}

.footer-menu,
.footer-bottom-menu {
  list-style: none
}

.footer-bottom-menu {
  display: flex;
  width: 100%;
  justify-content: inherit
}

.footer-menu {
  padding: 0
}

.footer-menu li {
  margin: 7px 0
}

.footer-menu li a,
.footer-bottom-menu li a {
  color: #fed244 !important;
  font-size: 14px
}

.footer-menu li a:hover,
.footer-bottom-menu li a {
  color: #fed244 !important;
  text-decoration: unset
}

@keyframes slide {
  from {
    margin-left: 0
  }

  to {
    margin-left: 10px
  }
}

@media all and (max-width:1200px) {

  .navbar-light .navbar-nav .nav-link,
  .CallTag {
    font-size: 14px
  }
}

@media only screen and (max-width:1049px) {
  .footer-margin {
    margin-bottom: 100px
  }
}

@media all and (max-width:991px) {
  .nLine {
    right: unset;
    margin: 15px 0
  }
}

@media all and (max-width:550px) {
  .navbar-brand a img {
    max-width: 180px
  }

  .brand-tag .slick-slide {
    max-height: 80px
  }

  .review .slick-slide {
    max-height: 210px
  }

  .footer-bottom-menu {
    width: 100% !important;
    display: block;
    padding: 0
  }

  .footer-bottom-menu li {
    display: inline-block;
    margin-right: 15px
  }

  .footer-bottom-menu li a {
    font-size: 12px
  }

  .footerLineLink {
    padding: 0
  }
}

@media all and (max-width:386px) {
  .navbar-brand a img {
    max-width: 150px !important
  }
}

.ser_col1 {
  width: 25%;
  float: left;
  background: linear-gradient(135deg, #fed244, #c39230);
  border-right: 1px solid #000
}

.vc_column_container>.vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

.wpb_single_image.vc_align_center {
  text-align: center
}

h5 {
  font-size: 14px;
  line-height: 14px;
  font-family: Montserrat !important;
  font-weight: normal !important
}

.ser_col1 h5 {
  color: #333333 !important
}

.ser_col2 {
  width: 25%;
  float: left;
  background: #333;
  border-right: 1px solid #000
}

.ser_col3 {
  width: 25%;
  float: left;
  background: linear-gradient(135deg, #fed244, #c39230);
  border-right: 1px solid #000
}

.ser_col4 {
  width: 25%;
  float: left;
  background: #333
}

p {
  color: #fff;
  margin: 0 0 0px;
  line-height: 22px
}

.product .listing-details {
  display: flex;
  margin: auto !important;
  padding: 25px 0 0 0 !important
}

.car-name {
  width: 50%;
  padding: 0 10px
}

product .listing-btn-area {
  width: 50% !important
}

.listing-single .listing-details h3 a {
  color: #343d48;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  margin-bottom: 13px;
  display: block;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.car-name a h2 {
  color: black !important;
  text-align: left
}

.product .listing-btn-area {
  width: 50% !important
}

.product .listing-details .listing-btn-area a {
  font-size: 10px
}

.product .listing-details .listing-btn-area a {
  background-color: #fff0;
  color: #a2a2a2;
  min-height: 26px;
  line-height: 26px;
  padding: 2px 14px
}

.product .listing-btn-area .view-details-btn {
  float: right !important
}

.rq-listing-ps-content-wrapper h1,
.rq-listing-ps-content-wrapper h2,
.rq-listing-ps-content-wrapper h3 {
  color: #ff0;
  margin: 12px 0
}



.wp-post-image {
  height: auto;
  width: 100%
}

.rq-listing-ps-product-des p {
  color: #ffffff !important
}

.rq-listing-ps-product-des {
  height: 264px;
  padding-right: 10px;
  overflow-y: scroll
}

.woocommerce-product-gallery__trigger {
  display: none
}

.wpcf7-form p {
  float: left;
  margin-right: 3% !important
}

#range {
  width: 63%;
  margin-right: 0 !important
}

#range>.start {
  width: 48%;
  float: left;
  margin-right: 4%
}

#range>.end {
  width: 48%;
  float: left
}

#message,
#message label {
  width: 100%
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .woocommerce-product-gallery .flex-control-thumbs {
  display: block;
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden
}

.flex-control-nav {
  width: 100%
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
  margin: 0;
  padding: 0;
  list-style: none
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .woocommerce-product-gallery .flex-control-thumbs li {
  width: 16%;
  display: inline-block;
  margin: 10px
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .woocommerce-product-gallery .flex-control-thumbs li img {
  border-radius: 3px;
  object-fit: cover
}

.woocommerce div.product div.images img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: none
}

.flex-control-thumbs img:hover {
  opacity: 1
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

#book_href {
  position: absolute;
  right: 20px;
  top: 20px
}

input.wpcf7-form-control.wpcf7-submit {
  background: #ffde17;
  border: 0;
  color: #333;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px
}

h1.rq-listing-ps-product-title {
  border-bottom: 1px solid #5f5f5f;
  padding-bottom: 7px;
  max-width: 67%
}

.make-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0 15px
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap:hover {
  padding-bottom: 10px
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item {
  margin-left: 10px;
  position: relative
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .rq-listing-ps-share-title {
  cursor: pointer
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item .rq-listing-ps-share-title,
.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  height: 37px;
  line-height: 1;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out
}

rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .rq-listing-ps-share-title i {
  font-size: 20px
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item .rq-listing-ps-share-title i,
.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item>a i {
  margin-right: 13px
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  box-shadow: 0 2px 20px rgb(0 0 0 / 16%);
  border-radius: 3px;
  display: block;
  list-style: none;
  min-width: 180px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li {
  display: block
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #2c2c2c;
  padding: 10px 25px;
  display: block;
  white-space: nowrap;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li a i {
  margin-right: 15px;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap:hover .turbo-product-share-list {
  opacity: 1;
  visibility: visible
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap:hover .turbo-product-share-list li {
  visibility: visible
}

.rq-listing-ps-share-wrap:hover {
  color: #ff992e !important
}

.woocommerce-product-gallery__image a img {
  width: 100% !important;
  height: auto !important
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li.face a:hover i {
  color: #3b5998
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li.tw a:hover i {
  color: #1da1f2
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li.gp a:hover i {
  color: #dd4b39
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .rq-listing-ps-meta .rq-listing-ps-meta-item.rq-listing-ps-share-wrap .turbo-product-share-list li.li a:hover i {
  color: #0077b5
}

@media all and (max-width:480px) {
  .rq-listing-ps-product-title {
    font-size: 14px
  }

  input.wpcf7-form-control.wpcf7-submit {
    font-size: 10px
  }
}

.rq-listing-features-item {
  width: 48%;
  float: left
}

.attribute-icon,
.attribute-name i {
  color: #ff0
}

span.rq-listing-features-name {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300 !important;
  color: #fff
}

.attribute-icon,
.attribute-name i {
  position: relative;
  margin-right: 10px
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-features-area {
  width: 100%;
  display: inline-block;
  margin-bottom: 30px
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  align-items: stretch
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item {
  background-color: #1f1f1f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 6px 20px !important
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item {
  display: flow-root !important
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item:nth-child(-n+2) {
  border-top: 1px solid #000
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item .rq-listing-attributes-title {
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #ff0
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item .rq-listing-attributes-value {
  color: #fff
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item .rq-listing-attributes-value {
  font-weight: 300 !important;
  font-size: 13px !important
}

.zoomImg {
  display: none !important
}

.trp-ls-shortcode-language {
  width: 65px !important
}

.whatsapp {
  position: fixed;
  bottom: 5px;
  left: 20px;
  background-color: #000;
  box-shadow: 0 0 9px 0 #fed244;
  border-radius: 100%;
  padding: 16px;
  cursor: pointer;
  z-index: 999
}

.whatsapp-icon {
  width: 30px;
  height: 30px;
  text-align: center
}

.whatsapp-icon i {
  font-size: 30px
}

.whatsapp-popup {
  position: fixed;
  bottom: 85px;
  left: 20px;
  border-radius: 20px;
  background-color: #fff;
  display: none;
  z-index: 999
}

.whatsapp-header {
  background-color: #ff0;
  border-radius: 20px 20px 0 0;
  padding: 5px;
  display: inline-flex
}

.whatsapp-header-icon {
  display: inline-block;
  padding: 10px
}

.whatsapp-header-icon i {
  font-size: 40px
}

.whatsapp-header-title {
  display: inline-block;
  padding: 10px
}

.whatsapp-header-title h5 {
  line-height: 20px
}

.user-img {
  width: 50px;
  height: 50px;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 5px 2px #ff0
}

.user {
  margin: auto;
  display: flex
}

.user a {
  margin: auto;
  padding: 10px
}

.user a:hover {
  text-decoration: unset
}

.message {
  background: #333;
  display: inline-block;
  padding: 20px;
  border-radius: 20px;
  width: 220px
}

.message h6 {
  color: #ff0
}

.message span {
  color: #fff
}

.card {
  background-color: #000;
  color: #fff
}

.btn.focus,
.btn:focus {
  box-shadow: unset
}

.btn:hover {
  color: #ff0
}

.gray {
  color: gray !important
}

.fs-18 {
  font-size: 18px
}

.brands-menu {
  display: none;
  position: absolute;
  z-index: 99999;
  width: 900px;
  background: #212529;
  color: #fff;
  top: 80px;
  right: 50px;
  padding: 10px
}

.term_tags {
  text-align: center;
  padding: 12px;
  width: 100px
}

.term_tags a {
  display: block;
  color: #fff
}

#menu-item-25495 .dropdown-menu {
  display: none
}

@media only screen and (max-width:991px) {
  h1.rq-listing-ps-product-title {
    font-size: 20px;
    padding: 14px 0
  }

  .term_tags a img {
    display: none
  }

  .term_tags {
    width: 100%;
    text-align: left;
    padding: 20px
  }

  .brands-menu {
    position: absolute;
    z-index: 99999;
    width: 100%;
    color: #fff;
    top: 225px;
    left: 0;
    padding: 10px;
    overflow-y: scroll;
    height: 270px;
    overflow-x: hidden
  }
}

.slider_images .slick-slide {
  height: auto !important
}

@media (max-width:550px) {
  .slider_images .slick-slide {
    max-height: 100%
  }
}

.slider_images .slick-dots {
  bottom: 0 !important
}

.product .listing-details {
  padding: 0 !important
}

.slider_images .slick-dots li button:before {
  font-size: 10px !important;
  color: #d6d6d6 !important
}

.slider_images .slick-dots li.slick-active button:before {
  opacity: 1 !important;
  color: #869791 !important
}

@media only screen and (max-width:1000px) {
  .card-custom {
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 0
  }

  .spacer-1 {
    bottom: -65px
  }

  .starting-from {
    font-size: 9px;
    padding-top: 19px
  }

  .card-price-1 {
    font-size: 16px
  }

  .currency {
    font-size: 7px
  }

  .book-car {
    font-size: 7px
  }

  .book-car-now {
    font-size: 9px
  }

  .fa-angle-double-right {
    font-size: 14px !important;
    padding-left: 1px !important
  }
}

@media only screen and (max-width:860px) {
  .card-custom {
    width: 100%
  }

  .super-gra,
  .white-super {
    font-size: 30px
  }
}

@media only screen and (max-width:450px) {
  .subcategory {
    font-size: 30px
  }

  .subcategory-2 {
    font-size: 26px
  }
}

@media only screen and (max-width:400px) {
  .card-custom {
    height: auto;
    padding-left: .1rem;
    padding-right: .1rem
  }

  .spacer-1 {
    bottom: -24px
  }

  .card-price-1 {
    font-size: 12px
  }

  .book-car-now {
    font-size: 6px
  }

  .fa-angle-double-right {
    font-size: 10px !important;
    align-content
  }
}

.form-group {
  margin-bottom: 0 !important
}

.form-group label {
  color: #fff !important
}

#message {
  width: 96%
}

.home_car_booking .wpcf7-form p label {
  width: 100%
}

label {
  font-weight: 400
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px
}

.wpcf7-form-control {
  border: 1px solid #565656 !important
}

.daterange #to {
  margin-top: 0 !important
}

.select2-container--default .select2-selection--single {
  border: 1px solid #565656 !important
}

.bg-white {
  background: #fff
}

video {
  padding-top: 15px
}

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

  .super-gra,
  .white-super {
    font-size: 48px
  }
}

.review-card {
  height: 210px !important;
  border: 2px solid #ff0;
  border-radius: 20px
}

.orange {
  color: #ffb301 !important
}

.slick-slide {
  height: auto !important
}

.btn-warning {
  font-weight: 700
}

.btn-warning:hover {
  color: black !important
}

@media (min-width:1450px) {
  .brands-menu {
    right: 25% !important
  }
}

.label-input {
  color: #fff;
  padding-bottom: 2px;
  white-space: nowrap
}

.mx-input-style {
  background-color: black !important;
  border: 1px solid #616161 !important;
  border-radius: 6px;
  color: #fed244 !important;
  font-size: 14px;
  resize: unset !important
}

.mx-input-style[type="date"]::-webkit-calendar-picker-indicator {
  background-color: #fff;
  font-size: 18px;
  border-radius: 6px
}

.mx-input-style:focus {
  background-color: black !important;
  border: 1px solid white !important;
  box-shadow: unset !important
}

.mx-input-style::placeholder {
  color: #fed244 !important
}

.div-contact-us .iti--allow-dropdown {
  margin: 0 !important
}

.div-contact-us .iti__selected-dial-code {
  color: #fff
}

.iti__arrow {
  border-color: #fff;
  border-left-color: #fff0;
  border-right-color: #fff0
}

.btn-send-messages {
  background-color: #fed244 !important
}

.div-list-cars {
  display: none;
  top: 100%;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  z-index: 12;
  background: #fff
}

.div-list-cars-active {
  display: block
}

.div-list-cars:hover {
  display: block
}

.item-list-choose {
  transition: background-color 0.5s;
  cursor: pointer;
  align-items: center;
  padding: 10px 8px !important;
  gap: 10px
}

.item-list-choose img {
  pointer-events: none
}

.item-list-choose p {
  color: black !important;
  pointer-events: none
}

.item-list-choose:hover {
  background-color: #c39230 !important
}

.btn-send-messages {
  font-size: 14px;
  padding: 10px 11px;
  border-radius: 5px;
  border: none;
  transition: color 0.5s, border 0.5s, background-color 0.5s;
  cursor: pointer;
  gap: 10px
}

.btn-send-messages:hover {
  color: white !important;
  background-color: transparent !important
}

.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
}

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

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

.btn-send-messages:hover .spinner-active {
  border-color: #fed244 !important
}

.mx-msg-error {
  color: #c3802e;
  position: relative;
  display: flex;
  height: 0;
  padding: 1px 8px
}

.row-single-car label {
  color: #fed244 !important !important
}

.input-single-car {
  background: white !important;
  color: black !important
}

.input-single-car:focus {
  background: white !important;
  color: black !important
}

.row-single-car .iti__arrow {
  border-color: black !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important
}

.input-single-car::-webkit-calendar-picker-indicator {
  background-color: transparent !important
}

.label-input:lang(ar) {
  text-align: start
}

.contact-us-page .mx-input-style::placeholder {
  color: black !important
}

.contact-us-page .iti__arrow {
  border-color: black !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important
}

.btn-send-messages-contact-us-page {
  font-size: 14px;
  padding: 10px 11px;
  border-radius: 5px;
  background-color: #fed244 !important;
  color: black !important;
  transition: color 0.5s, border 0.5s, background-color 0.5s;
  border: 1px solid #fed244;
  cursor: pointer;
  gap: 10px
}

.btn-send-messages-contact-us-page:hover {
  color: white !important;
  background-color: transparent !important
}

.modal-body .iti__arrow {
  border-color: black !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important
}

.row-single-car .iti__selected-dial-code {
  color: black !important
}

.contact-us-page .iti__selected-dial-code {
  color: black !important
}

.title-of-page {
  display: flex !important;
  justify-content: center !important
}

.number-header:hover {
  color: white !important
}

:lang(ar).whatsapp-close .close {
  position: absolute;
  left: 11%;
  right: unset
}

:lang(ar).whatsapp-header-title h5 {
  text-align: right
}

:lang(ar).whatsapp-header-title span {
  text-align: right
}

:lang(ar).whatsapp-body p {
  text-align: right
}

section.section-under.my-3 {
  background-color: #000
}

select#gtranslate_selector {
  background: none;
  padding: 6px 0;
  border-radius: 6px;
  margin-right: 25px;
  width: auto;
  font-size: 12px
}

#google_language_translator select.goog-te-combo {
  background: transparent !important;
  border-radius: 6px !important;
  border: 1px solid #000 !important
}

a.custom_link {
  color: #ff0
}

a.custom_link:hover {
  color: #fff
}

a {
  font-size: inherit;
  font-family: Montserrat
}

a {
  text-decoration: none;
  transition: .3s
}

a {
  background-color: #fff0
}

a,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
span,
textarea {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #fff0
}

.footer-menu li {
  margin: 0 !important
}

.footer-bottom-menu {
  width: 100% !important
}

.footerLineLink {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important
}

/* .footer {
  padding-top: 1rem !important
} */

.footerImg {
  margin-top: 2rem !important
}

.footer-menu li a,
.footer-bottom-menu li a {
  font-weight: 700
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 1
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 20px;
  margin-bottom: 2px
}

.fab {
  font-family: "Font Awesome 5 Brands"
}

.fab,
.far {
  font-weight: 400
}

.icon-bar a:hover {
  background-color: #000
}

.facebook {
  color: #ff0 !important;
  background-color: #000
}

.twitter {
  color: #ff0 !important;
  background-color: #000
}

.instagram {
  color: #ff0 !important;
  background-color: #000
}

.youtube {
  color: #ff0 !important;
  background-color: #000
}

.fa:before {
  font-size: 25px
}

.listing-btn-area a {
  margin-top: 0
}

@media(max-width:768px) {
  .icon-bar {
    display: none
  }
}

@media (max-width:550px) {
  .navbar-brand a img {
    max-width: 150px !important
  }
}

@media (max-width:768px) and (min-width:551px) {
  .navbar-brand a img {
    max-width: 190px !important
  }

  .fa-m {
    margin-left: 25px !important;
    margin-right: 3px
  }
}

@media (min-width:768px) and (max-width:1100px) {
  .navbar-brand a img {
    max-width: 190px !important
  }
}

.fa-m:before {
  font-size: 28px !important
}

.facebook-m {
  color: #000 !important
}

.twitter-m {
  color: #000 !important
}

.instagram-m {
  color: #000 !important
}

.youtube-m {
  color: #000 !important
}

.fa-m {
  margin-left: 2px;
  margin-right: 3px
}

@media (min-width:800px) {
  .icon-bar-mobile {
    display: none
  }
}

.CallTag {
  background: #000;
  padding: 10px 10px !important;
  border-radius: 7px;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700
}

.post-content {
  width: 97%;
  margin: auto
}

.super-gra {
  font-family: Graphik_Super !important;
  filter: brightness(1) !important
}

@media(min-width:2000px) {
  .subcategory {
    font-family: Graphik_Super;
    color: #ff0 !important;
    font-size: 4.5vw !important;
    display: inline-block
  }

  .category {
    font-family: Graphik_Extra_light;
    color: #fff !important;
    font-size: 70px !important;
    display: inline-block;
    margin-top: -3.3rem !important
  }

  .card-custom {
    padding-top: 0 !important
  }

  .bottom-text2 {
    bottom: 10px !important
  }

  .book-car-now {
    font-family: Graphik_SemiBold;
    color: #ff0 !important;
    font-size: 20px !important
  }

  .starting-from {
    padding-bottom: 10px !important
  }

  .card-price-1 {
    font-size: 35px !important
  }

  .book-car-now {
    font-size: 15px !important
  }

  .book-car {
    font-size: 15px !important
  }
}

@media (min-width:1500px) {
  .category {
    < !-- font-size: 2.5vw !important -->
  }

  .subcategory {
    font-size: 3vw !important
  }

  .starting-from {
    font-size: 15.5px !important
  }

  .card-price-1 {
    font-size: 1.7vw !important
  }

  .currency {
    font-size: 0.7vw !important
  }

  .book-car {
    font-size: 0.7vw !important
  }

  .book-car {
    font-size: 0.7vw !important
  }

  .fa-angle-double-right:before {
    font-size: 1vw !important
  }
}

@media(max-width:370px) {
  .navbar-brand a img {
    max-width: 100px !important
  }

  .icon-bar-mobile {
    margin-left: -10px
  }
}

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

.product-short-info {
  display: flex;
  margin: 20px 0 !important;
  padding: 0
}

.product-short-info a {
  width: 50%
}

.woocommerce-loop-product__title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  margin-bottom: 13px;
  display: block;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.listing-btn-area a {
  width: unset !important;
  background-color: #fff0;
  color: #a2a2a2;
  min-height: 26px;
  line-height: 26px;
  padding: 0 14px;
  font-size: 14px;
  margin-top: 0
}

@media (min-width:768px) and (max-width:1024px) {
  .woocommerce-loop-product__title {
    font-size: 10px !important
  }

  .listing-btn-area a {
    padding: 0 6px !important;
    font-size: 8px !important
  }
}

@media (min-width:1000px) and (max-width:1024px) {
  .CallTag {
    font-size: 12px !important
  }
}

.result-count {
  margin-top: 13px;
  padding-top: 13px
}

.orderby {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 400;
  height: 44px
}

.rq-pagination {
  display: inline-block
}

.rq-pagination-list li {
  display: inline;
  padding: 10px;
  margin: 0 10px;
  border: 1px solid #ff0
}

.rq-pagination-list li a {
  color: #ff0
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450 !important;
  color: #46b450 !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ff0 !important
}

.card-img-top img {
  width: 100%
}

.card-img,
.card-img-bottom,
.card-img-top {
  height: 250px
}

.card-img-top img {
  height: 100%
}

@media (min-width:576px) and (max-width:767px) {
  .listing-btn-area a {
    padding: 0 8px !important;
    font-size: 9px !important
  }

  .woocommerce-loop-product__title {
    font-size: 13px !important
  }
}

@media only screen and (max-width:1440px) {
  .CallTag {
    font-size: 16px !important
  }
}

@media only screen and (max-width:1024px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .25rem;
    padding-left: .25rem
  }

  select#gtranslate_selector {
    margin-right: 0;
    width: 14%;
    font-size: 12px
  }

  .navbar-light .navbar-nav .nav-link,
  .CallTag {
    font-size: 11px
  }

  .CallTag {
    font-size: 12px !important;
    display: block;
    padding: 6px 10px !important
  }

  i.fa.fa-phone {
    float: left;
    margin-top: -1px
  }

  i.fa.fa:before {
    font-size: 22px
  }
}

@media only screen and (max-width:860px) {
  .CallTag {
    display: inline-block
  }

  select#gtranslate_selector {
    width: 20%
  }

  .section-3 {
    margin-top: 0.8rem !important
  }

  .fibo-section {
    padding: 0 !important
  }

  .section-1 {
    padding: 0 !important
  }

  .section-4 {
    padding: 0 5px !important
  }

  .section-under {
    margin-top: -2rem !important
  }

  .vc_empty_space {
    height: 0 !important
  }

  .book-form {
    padding: 0 20px 50px 20px !important
  }

  .pick-date {
    padding: 0 7px 0 0 !important
  }
}

.starting-from-2 {
  font-weight: bold !important
}

.select2-container--default .select2-selection--single {
  min-height: 37px;
  line-height: 37px;
  background-color: #000;
  border-radius: 3px !important;
  border: 0
}

.select2-container--default .select2-selection--single .select2-selection__rende#c3802e;

  {
  line-height: 35px !important;
  background: #000;
  color: #ff0 !important;
  border: 1px solid #565656 !important;
  border-radius: 3px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 10px !important
}

.wpcf7-form-control {
  font-weight: bold !important;
  font-size: 14px !important
}

.select2-container--default .select2-selection--single .select2-selection__rende#c3802e;

  {
  font-size: 14px !important;
  font-weight: bold !important
}

@media only screen and (max-width:480px) {
  select#gtranslate_selector {
    width: auto
  }
}

@media only screen and (max-width:380px) {
  select#gtranslate_selector {
    margin-right: 15px;
    width: 33%;
    font-size: 10px
  }
}

@media only screen and (min-width:1400px) {
  .mw-70 {
    max-width: 90% !important
  }
}

textarea.form-control {
  height: auto;
  line-height: 2 !important;
  margin-bottom: 5px
}

input.wpcf7-form-control.wpcf7-submit {
  border: 0px !important;
  font-size: 16px !important
}

#dgwt-wcas-search-input-1::placeholder {
  font-style: normal !important
}

@media(min-width:1500px) {
  .bottom-text2 {
    margin-left: 15px !important
  }
}

@media (min-width:1500px) and (max-width:1999px) {
  .subcategory {
    font-size: 4vw !important
  }

  .category {
    < !-- font-size: 4vw !important;
    -->margin-top: -3.1rem;
    font-weight: 500
  }
}

@media (min-width:320px) and (max-width:349px) {
  .super-gra {
    font-size: 20px !important
  }

  .white-super {
    font-size: 20px !important
  }
}

@media (min-width:350px) and (max-width:399px) {
  .super-gra {
    font-size: 26px !important
  }

  .white-super {
    font-size: 26px !important
  }
}

@media (min-width:400px) and (max-width:700px) {
  .super-gra {
    font-size: 30px !important
  }

  .white-super {
    font-size: 30px !important
  }
}

.rq-listing-ps-wrapper .rq-listing-ps-img-wrapper .woocommerce-product-gallery .flex-control-thumbs li {
  width: 17.2% !important
}

.select2-container--default .select2-selection--single .select2-selection__rende#c3802e;

  {
  line-height: 35px !important;
  border: unset !impoetant
}

.select2-container--default .select2-selection--single {
  margin-top: 4px !important
}

.select2-container--default .select2-selection--single {
  border: unset !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px !important
}

@media (min-width:576px) and (max-width:767px) {
  .v-mobile {
    display: none !important
  }
}

@media (min-width:320px) and (max-width:368px) {
  input.wpcf7-form-control.wpcf7-submit {
    font-size: 11px !important
  }

  h1.rq-listing-ps-product-title {
    font-size: 15px;
    padding: 14px 0
  }

  .make-sticky {
    padding: 0 !important
  }
}

.switcher .option {
  position: absolute !important;
  box-sizing: unset !important;
  width: 93px !important;
  overflow-y: hidden !important
}

.switcher {
  width: 95px !important
}

.switcher .selected {
  background: transparent !important
}

.switcher .selected a:after {
  display: none !important
}

.switcher .selected a {
  border: unset !important
}

.switcher .selected a:hover {
  background: unset !important
}

.switcher a {
  font-size: 10pt !important
}

video {
  padding-top: 0 !important
}

@media (min-width:375px) {
  .car-name {
    width: 60% !important
  }

  .listing-single .listing-details h3 a {
    font-size: 15px !important
  }

  .product .listing-btn-area {
    width: 40% !important
  }
}

@media (max-width:340px) {
  .car-name {
    width: 60% !important
  }

  .listing-single .listing-details h3 a {
    font-size: 15px !important
  }

  .product .listing-btn-area {
    width: 40% !important
  }
}

.product .listing-details .listing-btn-area a {
  background-color: #000 !important;
  color: #fff000 !important;
  font-weight: 700 !important;
  min-height: 26px;
  line-height: 26px;
  padding: 2px 14px
}

.product .listing-details .listing-btn-area a:hover {
  color: #000 !important
}

.rq-listing-ps-share-wrap {
  display: none !important
}

.dgwt-wcas-suggestions-wrapp {
  overflow-y: scroll !important;
  height: 200px !important
}

.navbar {
  text-align: center
}

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

  .navbar-light .navbar-nav .nav-link,
  .CallTag {
    font-size: 15px
  }
}

.nav-link:hover {
  color: rgb(0 0 0 / .7);
  text-decoration: underline;
  text-decoration-color: #333
}

.product .slick-dotted.slick-slider {
  margin-bottom: 0 !important
}

.product .listing-details .listing-btn-area a {
  font-weight: 700 !important;
  min-height: 26px;
  line-height: 24px;
  padding: 0 10px !important;
  letter-spacing: 1px
}

.listing-single .listing-details h3 a {
  margin-top: 7px
}

@media(min-width:768px) and (max-width:1030px) {
  .product .listing-details .listing-btn-area a {
    background-color: #1b1b1b !important;
    color: #aba9a9 !important;
    font-weight: 700 !important;
    min-height: 26px;
    line-height: 24px;
    font-size: 7px !important;
    padding: 0 3px !important;
    letter-spacing: 1px
  }
}

.listing-single .listing-details h3 a {
  color: black !important;
  margin-top: 5px !important
}

.product .listing-details {
  padding: 0 !important;
  background-color: #ff0 !important;
  height: 38px !important
}

.listing-btn-are a {
  margin-top: 0px !important
}

.whatsapp a {
  color: #ff0
}

.vh-50 {
  max-height: 350px !important;
  text-align: justify
}

@media(max-width:375px) {
  .card-img-top {
    height: 200px
  }

  .card-body {
    height: 165px;
    overflow: hidden
  }
}

.category-2 {
  font-weight: 700;
  color: #fff
}

.category {
  font-weight: 700
}

.card-price-1 {
  font-size: 15px !important
}

.fa-align-justify:before {
  content: "\f0c9" !important
}

input.wpcf7-form-control.wpcf7-submit {
  border: 0px !important;
  font-size: 12px !important;
  background-color: #ff0 !important
}

@media(max-width:768px) {
  .nav-link {
    border-bottom: 1px solid #8b8b8b
  }
}

.navbar-light .navbar-toggler {
  color: rgb(0 0 0 / .5);
  border-color: unset !important;
  border: unset !important
}

.slick-prev:before,
.slick-next:before {
  color: #fed244 !important
}

.listing-btn-area a {
  margin: auto
}

.listing-btn-area {
  display: flex
}

.product .listing-details .listing-btn-area a {
  background-color: transparent !important;
  color: #000 !important;
  border-left: 1px solid !important
}

.grecaptcha-badge {
  display: none
}

.numbers {
  color: white !important
}

.nLine {
  width: 40%
}

@media (max-width:999px) {
  .nLine {
    width: 100%
  }
}

@media only screen and (max-width:1024px) {
  i.fa.fa:before {
    font-size: 15px
  }
}

.wpcf7 form.sent .wpcf7-response-output {
  display: none !important
}

.fa-chevron-right:before {
  content: "\f054";
  font-size: 12px !important
}

.fa-chevron-left:before {
  content: "\f053";
  font-size: 12px !important
}

.thankyou {
  font-family: Graphik_Super;
  -webkit-text-stroke: 1px #ff0 !important;
  -webkit-text-fill-color: #fff0;
  font-size: 60px
}

@media(max-width:890px) {
  .thankyou1 {
    font-size: 22px !important
  }
}

.menu-item-33322 .dropdown-menu {
  display: none !important
}

.c-img img {
  width: 100% !important;
  height: auto !important
}

.wpml-ls-legacy-dropdown {
  width: 7.2rem;
  max-width: 58%
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language>a {
  background: #fff0
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
  background: #fff0
}

.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
  color: #333;
  background: #333;
  border: #fff0
}

.wpml-ls-sub-menu {
  background: #333
}

.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
  display: block;
  text-decoration: none;
  color: #444;
  padding: 5px 10px;
  line-height: 1
}

a.wpml-ls-link {
  color: #fed244 !important;
  background: #333 !important
}

a.wpml-ls-link:hover {
  background: #fed244 !important;
  color: #000 !important
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  right: 17px;
  top: calc(50% - .175em)
}

.wpml-ls-legacy-dropdown .wpml-ls-flag+span {
  margin-left: .1em
}

.wpml-ls-legacy-dropdown a {
  border-style: hidden !important
}

a.CallTag i {
  color: #fed244
}

a.CallTag span {
  color: #fed244
}

.fa-phone:before {
  color: #fed244
}

.mobile-swich {
  display: none
}

.new-menu {
  display: none;
  background: #000
}

.old-menu {
  display: none
}

.new-menu ul#menu-bootstrap-navbar-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

.new-menu ul#menu-bootstrap-navbar-china-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

.new-menu ul#menu-bootstrap-navbar-german-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

.new-menu ul#menu-bootstrap-navbar-spanish-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

#menu-bootstrap-navbar-1 a.nav-link {
  color: #fed244
}

#menu-bootstrap-navbar-german-1 a.nav-link {
  color: #fed244
}

#menu-bootstrap-navbar-china-1 a.nav-link {
  color: #fed244
}

#menu-bootstrap-navbar-spanish-1 a.nav-link {
  color: #fed244
}

#menu-bootstrap-navbar-1 .menu-item {
  margin: 10px 20px
}

#menu-bootstrap-navbar-german-1 .menu-item {
  margin: 10px 20px
}

#menu-bootstrap-navbar-china-1 .menu-item {
  margin: 10px 20px
}

#menu-bootstrap-navbar-spanish-1 .menu-item {
  margin: 10px 20px
}

ul#menu-french-bootstrap-navbar-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

#menu-french-bootstrap-navbar-1 a.nav-link {
  color: #fff200
}

#menu-french-bootstrap-navbar-1 .menu-item {
  margin: 10px 20px
}

ul#menu-arabic-bootstrap-navbar-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

#menu-arabic-bootstrap-navbar-1 a.nav-link {
  color: #fff200
}

#menu-arabic-bootstrap-navbar-1 .menu-item {
  margin: 10px 20px
}

ul#menu-bootstrap-navbar-russain-1 {
  display: flex !important;
  flex-direction: row;
  justify-content: center
}

#menu-bootstrap-navbar-russain-1 a.nav-link {
  color: #fff200
}

#menu-bootstrap-navbar-russain-1 .menu-item {
  margin: 10px 20px
}

.lap-switch {
  width: 200px
}

img.wpml-ls-flag {
  width: 20;
  height: 20
}

@media only screen and (min-width:992px) {
  a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    width: 140px
  }

  .new-menu {
    display: block;
    background: #000
  }

  .brands-menu.active {
    display: block !important;
    top: 145px;
    right: 200
  }

  .menu-item-25496 .dropdown-menu.active,
  .menu-item-32862 .dropdown-menu.active,
  .menu-item-33689 .dropdown-menu.active,
  .menu-item-34744 .dropdown-menu.active,
  .menu-item-44009 .dropdown-menu.active,
  .menu-item-44191 .dropdown-menu.active,
  .menu-item-46031 .dropdown-menu.active {
    display: block
  }

  .menu-item-25496 .dropdown-menu,
  .menu-item-34744 .dropdown-menu,
  .menu-item-33689 .dropdown-menu,
  .menu-item-32862 .dropdown-menu,
  .menu-item-44020 .dropdown-menu,
  .menu-item-44009 .dropdown-menu,
  .menu-item-44188 .dropdown-menu,
  .menu-item-44191 .dropdown-menu,
  .menu-item-46031 .dropdown-menu {
    background: #333;
    position: absolute
  }
}

@media only screen and (max-width:991px) {
  .brands-menu {
    top: 180px !important
  }

  .old-menu {
    display: block
  }

  .navbar-header.nLine {
    display: none !important
  }

  .lap-switch {
    display: none
  }

  span.wpml-ls-native {
    display: none
  }

  .mob-nav {
    display: flex
  }

  .mobile-swich {
    text-align: right;
    display: flex
  }
}

.fa-globe {
  position: absolute;
  right: 217px;
  z-index: 10;
  background: #fff200;
  border-radius: 20px;
  width: -2px;
  top: 36px
}

ul.wpml-ls-sub-menu {
  background: #333 !important
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  text-align: left
}

button.navbar-toggler {
  display: flex;
  align-items: center;
  justify-content: center
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  width: 120px
}

.navbar-header.nLine {
  width: 450px
}

img.wpml-ls-flag {
  margin: 0 5px
}

.wpml-ls-legacy-dropdown {
  max-width: 100% !important;
  width: 70px !important
}

#menu-item-46071 .dropdown-menu {
  display: none
}

#menu-item-44188 .dropdown-menu {
  display: none
}

#menu-item-33690 .dropdown-menu {
  display: none
}

#menu-item-34751 .dropdown-menu {
  display: none
}

#menu-item-44020 .dropdown-menu {
  display: none
}

.custom-card {
  background: #222
}

.car-title {
  width: 100% !important;
  text-align: center
}

.car-title a {
  color: #fff;
  width: calc(100%);
  font-size: 16px;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden
}

.custom-card {
  border-radius: 15px
}

.card-btns {
  margin-top: 10px;
  display: flex
}

.card-btns div {
  width: 33%
}

.card-btns button {
  background: linear-gradient(135deg, #fed244, #c39230);
  padding: 5px 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0
}

.card-btns div button a {
  color: black !important;
  font-size: 13px;
  font-weight: bold !important
}

/* .whats-btn button {
  border-bottom-left-radius: 15px
} */

.inquire-btn button {
  border-bottom-right-radius: 15px
}

.call-col {
  margin: 0 4px
}

.details-col {
  margin-right: 4px
}

h3.car-title {
  margin-top: 10px;
  font-size: 20px
}

.fa-phone.c-icon:before {
  color: #000
}

.fa.c-icon:before {
  font-size: 10px !important;
  font-weight: 700
}

.slick-track img {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px
}

@media only screen and (min-width:800px) and (max-width:980px) {
  .c-icon: {
    font-size: 6px
  }

  .card-btns a {
    font-size: 6px !important;
    font-weight: 700
  }
}

.form-spinner {
  display: none !important
}

.form-spinner.active {
  display: block !important;
  margin: auto
}

.succ-msg {
  display: none !important
}

.succ-msg.active {
  display: block !important
}

.modal-header {
  justify-content: center
}

.modal-car-name {
  font-size: 18px;
  font-weight: bold !important
}

.form-inputs {
  background: #fff0;
  margin-bottom: 15px;
  border: 1px solid #575555
}

.msg.col {
  padding: 0
}

.form-submit {
  text-align: center
}

button.book-submit.btn {
  background: #000;
  color: #c39230;
  margin-top: 20px
}

.form-inputs {
  color: #000
}

.form-inputs:focus {
  background: #fff0;
  color: #000
}

i.fa.fa-phone.c-icon {
  float: none !important
}

.iti.iti--allow-dropdown {
  width: 100%;
  margin-bottom: 15px
}

@media only screen and (min-width:980px) and (max-width:1067px) {
  .fa.c-icon:before {
    font-size: 10px !important;
    font-weight: 700
  }

  .card-btns div button a {
    font-size: 9px;
    font-weight: 700
  }
}

.modal-dialog {
  top: 20%
}

.iti__flag-container {
  direction: ltr
}

.woocommerce-loop-product__title {
  color: white !important
}

@media (max-width:550px) {
  .footer-bottom-menu li {
    display: inline-block;
    margin-right: 3px
  }
}

ul {
  margin-left: 0;
  padding-left: 0
}

li {
  margin-left: 0em
}

@media only screen and (max-width:600px) {
  ul.thumbfeature li {
    margin-left: 0px !important
  }
}

.footer-menu li a:hover {
  color: #acb66a !important
}

.icon-bar a:hover {
  color: #acb66a !important
}

.whatsapp a:hover {
  color: #acb66a !important
}

.btn-card:hover {
  background: #fff !important
}

.brand-tag .slick-prev {
  left: -6px
}

.related-meta {
  color: #ff0
}

.card-body {
  padding: .5rem 1.25rem !important
}

@media (max-width:550px) {
  .woocommerce-result-count {
    padding-bottom: 20px !important
  }
}

@media (max-width:575px) {

  .woocommerce-result-count,
  .#c3802e;

  q-product-ordering {
    text-align: center !important
  }
}

.modal-header,
.modal-body {
  padding: .5rem 1rem
}

@media (min-width:992px) {
  .best-car-sec {
    background-size: cover;
    background-position: bottom;
    min-height: 350px !important;
    background-size: cover;
    background-position: top;
    margin-top: 80px;
    padding-top: 80px !important
  }
}

.best-car-sec .fade-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6f6f6f63;
  background-size: cover
}

.para-best-car-sec {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px
}

.para-flexible-luxury-sec {
  color: #000 !important;
  line-height: 25px
}

.heading-best-car-sec {
  font-size: 40px;
  font-weight: 700
}

.ul-sec {
  color: #fff;
  padding: 22px 22px 0 22px;
  font-size: 15px
}

#span-heading {
  color: #ff0;
  font-size: 18px;
  line-height: 30px
}

.white {
  color: #fff
}

.black {
  color: #000 !important
}

.yellow {
  color: #FF0
}

.sub-heading {
  font-size: 16px;
  font-weight: 700
}

.sub-para,
.sub-para-client {
  font-size: 13px
}

.nav-pills {
  border-bottom: 1px solid #212529
}

.nav-pills .nav-link {
  border-radius: 1.25rem .25rem
}

.title-tabs {
  color: #000;
  font-weight: 700;
  font-size: 12px
}

.para-tabs {
  color: black !important
}

.title-tabs {
  border: none !important;
  background: none !important
}

.btn-sec {
  color: #fed244 !important;
  background-color: #000;
  padding: 10px 18px;
  font-size: 12px;
  border-radius: 7%
}

.content-col {
  background: #2E2E2E;
  padding: 40px 40px;
  border-radius: 3%
}

.content-box {
  background: #393939;
  padding: 20px 5px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px
}

.content-box-yellow {
  background: #ff0;
  color: #fff !important;
  padding: 20px 5px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px
}

.box-img {
  height: 40px;
  width: 50px
}

.client-testimonials {
  background: #fff !important
}

.client-title {
  font-size: 16px !important;
  font-weight: 900 !important
}

.client-testimonials {
  background: #fff !important
}

.client-testimonials {
  padding: 1.5rem 1.5rem !important
}

.para-date {
  color: #000 !important;
  text-align: right;
  font-size: 16px
}

.client-para {
  font-size: 14px;
  line-height: 20px
}

.date-icon {
  height: 20px;
  width: 20px
}

.faq-body {
  height: auto !important
}

.faq-icon {
  height: 30px;
  width: 50px
}

.btn-link:hover {
  text-decoration: unset
}

.box-absolute {
  position: absolute;
  border-radius: 20px;
  top: -5%;
  bottom: -5%;
  right: 37%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 32%;
  background-color: #5C1A37;
  display: flex !important;
  align-items: center;
  justify-content: center
}

.box {
  width: 90%;
  height: 100%;
  padding: 5%;
  bottom: -45%;
  border-radius: 20px
}

.para-li {
  font-size: 14px !important;
  font-weight: 600
}

.box-slider .slick-next {
  top: 100%;
  transform: translate(100%, 100%)
}

.box-slider .slick-prev {
  top: 100%;
  transform: translate(100%, 100%)
}

.box-slider .slick-prev {
  left: 78% !important
}

.box-slider .slick-next {
  right: 13% !important
}

.box-slider .slick-prev:before {
  font-size: 30px !important
}

.box-slider .slick-next:before {
  font-size: 30px !important
}

.nav-tabs {
  display: inline !important
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #ff0
}

.nav-tabs .nav-link {
  border: none
}

.col-tab-content {
  background: #fff !important
}

.col-md-6.column.left {
  background-image: url(image-optimized.webp);
  background-size: cover;
  position: absolute;
  left: 66.6%;
  width: 100%;
  height: 73vh;
  top: -18%
}

.col-tab-content {
  position: absolute;
  left: 42%;
  width: 50%;
  height: 73vh;
  top: -18%
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: none;
  color: #000
}

.nav-link:hover {
  text-decoration: none
}

.nav-tabs {
  border-bottom: none
}

.slider-sec {
  background: linear-gradient(0deg, #2E2E2E 80%, black 50%)
}

.para-li {
  text-align: left
}

.nav-pills .nav-link {
  border-radius: .25rem
}

.span-para {
  text-decoration: underline
}

@media (max-width:991px) {

  .heading-best-car-sec,
  .heading-largest-fleet,
  .heading-flexible-luxury-sec {
    font-size: 20px
  }

  .para-best-car-sec {
    font-size: 15px;
    line-height: 23px
  }

  .para-flexible-luxury-sec,
  .para-tabs,
  .title-content,
  .box {
    width: 100% !important
  }

  .nav-pills {
    width: 100%;
    border-bottom: none
  }

  .content-col {
    padding: 20px
  }

  .mw-70 {
    width: 90%
  }

  .pt-7 {
    padding-top: 3rem !important
  }

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

  .col-tab-content {
    position: static !important
  }

  .col-md-6.column.left {
    display: none
  }

  .first-col {
    border-right: none
  }

  .ul-sec2 {
    font-size: 15px
  }

  .client-testimonials-sec .card .card-img-top {
    height: auto !important;
    max-height: auto !important
  }

  .card-header {
    padding: .5rem 1rem
  }

  .faq-body,
  .title-faq {
    font-size: 14px
  }

  .slider-sec {
    height: 190%
  }

  .pt-15 {
    padding-top: 70px
  }
}

.ul-sec2 {
  font-size: 15px
}

@media (max-width:1300px) {
  .slider-sec {
    height: 110vh !important
  }
}

@media (min-width:991px) {

  .best-car-sec,
  .private-luxury-sec,
  .largest-fleet-sec,
  .document-requi#c3802e;

  -sec,
  .finding-sec-second,
  .slider-sec,
  .faq-sec,
  .title-content {
    padding: 35px 45px 35px 45px
  }

  .flexible-luxury-sec {
    padding: 10px
  }

  .private-luxury-sec,
  .private-luxury-sec-2 {
    padding: 35px 45px 0 45px
  }

  .client-testimonials-sec,
  .faq-sec {
    padding: 0 45px 35px 45px
  }

  .pt-15 {
    padding-top: 15rem !important
  }

  .box-slider .slick-list {
    padding: 0 0 0 16% !important
  }
}

.finding-sec-second {
  background: #2E2E2E;
  min-height: 62vh
}

@media (min-width:767px) and (max-width:991px) {
  .col-tab-content {
    height: 65vh
  }
}

@media (min-width:1025px) and (max-width:1300px) {
  .slider-sec {
    height: 95vh !important
  }
}

.slider-sec {
  height: 95vh !important
}

myImg::after {
  background: #c3802e;
}

.nav-tabs .nav-link.active .box-img {
  filter: invert(1) !important
}

.nav-tabs .nav-link.content-nav-link.active {
  color: black !important
}

.nav-tabs .nav-link.content-nav-link.focus {
  color: black !important
}

.nav-tabs .nav-link.content-nav-link.hover {
  color: black !important
}

.nav-tabs .nav-link:hover {
  color: #fff !important
}

@media (min-width:300px) and (max-width:350px) {
  .col-nav {
    height: 85vh !important
  }
}

@media (min-width:351px) and (max-width:991px) {
  .col-tab-content {
    height: auto !important
  }

  .col-nav {
    height: 70vh !important
  }

  .nav-type-car {
    position: absolute;
    left: -5%;
    top: 10%
  }

  .nav-content {
    line-height: 30px !important
  }
}

@media (min-width:351px) and (max-width:370px) {
  .col-nav {
    height: 65vh !important
  }
}

@media (min-width:2000px) {
  .client-testimonials {
    height: 265px !important
  }

  .flexible-luxury-sec {
    padding: 35px 45px 35px 45px !important
  }

  .nav-type-car {
    left: -9%
  }

  .best-car-sec {
    min-height: 350px !important;
    background-size: cover;
    background-position: top;
    margin-top: 80px;
    padding-top: 80px !important
  }
}

@media (max-width:1200px) {
  .d-none-grid {
    display: none !important
  }
}

@media (min-width:1200px) {
  .d-inline-grid {
    display: inline-grid !important
  }
}

:lang(ar) .best-car-sec,
:lang(ar) .largest-fleet-sec,
:lang(ar) .client-sec,
:lang(ar).flexible-luxury-sec,
:lang(ar).private-luxury-sec,
:lang(ar).document-requi#c3802e;

-sec,
:lang(ar).finding-sec,
:lang(ar).finding-sec-second,
:lang(ar).private-luxury-sec,
:lang(ar).private-luxury-sec-2,
:lang(ar).client-testimonials-sec,
:lang(ar).faq-sec,
:lang(ar).slider-sec,
:lang(ar).eng-menu,
:lang(ar) .finding-sec-mobile,
:lang(ar) .mobile,
:lang(ar) .client-mobile,
:lang(ar) .blog-slider {
  display: none !important
}

:lang(ru) .best-car-sec,
:lang(ru) .largest-fleet-sec,
:lang(ru).flexible-luxury-sec,
:lang(ru) .client-sec,
:lang(ru).private-luxury-sec,
:lang(ru).document-requi#c3802e;

-sec,
:lang(ru).finding-sec,
:lang(ru).finding-sec-second,
:lang(ru).private-luxury-sec,
:lang(ru).private-luxury-sec-2,
:lang(ru).client-testimonials-sec,
:lang(ru).faq-sec,
:lang(ru).slider-sec,
:lang(ru).eng-menu,
:lang(ru) .finding-sec-mobile,
:lang(ru) .mobile,
:lang(ru) .client-mobile,
:lang(ru) .blog-slider {
  display: none !important
}

:lang(fr) .best-car-sec,
:lang(fr) .largest-fleet-sec,
:lang(fr).flexible-luxury-sec,
:lang(fr) .client-sec,
:lang(fr).private-luxury-sec,
:lang(fr).document-requi#c3802e;

-sec,
:lang(fr).finding-sec,
:lang(fr).finding-sec-second,
:lang(fr).private-luxury-sec,
:lang(fr).private-luxury-sec-2,
:lang(ru).client-testimonials-sec,
:lang(fr).faq-sec,
:lang(fr).slider-sec,
:lang(fr).eng-menu,
:lang(fr) .finding-sec-mobile,
:lang(fr) .mobile,
:lang(fr) .client-mobile,
:lang(fr) .blog-slider {
  display: none !important
}

:lang(tw) .best-car-sec,
:lang(tw) .largest-fleet-sec,
:lang(tw).flexible-luxury-sec,
:lang(tw) .client-sec,
:lang(tw).private-luxury-sec,
:lang(tw).document-requi#c3802e;

-sec,
:lang(tw).finding-sec,
:lang(tw).finding-sec-second,
:lang(tw).private-luxury-sec,
:lang(tw).private-luxury-sec-2,
:lang(tw).client-testimonials-sec,
:lang(tw).faq-sec,
:lang(tw).slider-sec,
:lang(tw).eng-menu,
:lang(tw) .finding-sec-mobile,
:lang(tw) .mobile,
:lang(tw) .client-mobile,
:lang(tw) .blog-slider {
  display: none !important
}

:lang(de) .best-car-sec,
:lang(de) .largest-fleet-sec,
:lang(de).flexible-luxury-sec,
:lang(de) .client-sec,
:lang(de).private-luxury-sec,
:lang(de).document-requi#c3802e;

-sec,
:lang(de).finding-sec,
:lang(de).finding-sec-second,
:lang(de).private-luxury-sec,
:lang(de).private-luxury-sec-2,
:lang(de).client-testimonials-sec,
:lang(de).faq-sec,
:lang(de).slider-sec,
:lang(de).eng-menu,
:lang(de) .finding-sec-mobile,
:lang(de) .mobile,
:lang(de) .client-mobile,
:lang(de) .blog-slider {
  display: none !important
}

:lang(es) .best-car-sec,
:lang(es) .largest-fleet-sec,
:lang(es).flexible-luxury-sec,
:lang(es) .client-sec,
:lang(es).private-luxury-sec,
:lang(es).document-requi#c3802e;

-sec,
:lang(es).finding-sec,
:lang(es).finding-sec-second,
:lang(es).private-luxury-sec,
:lang(es).private-luxury-sec-2,
:lang(de).client-testimonials-sec,
:lang(es).faq-sec,
:lang(es).slider-sec,
:lang(es).eng-menu,
:lang(es) .finding-sec-mobile,
:lang(es) .mobile,
:lang(es) .client-mobile,
:lang(es) .blog-slider {
  display: none !important
}

@media (min-width:320px) and (max-width:991px) {
  .slider-sec {
    height: auto !important
  }

  .box-slider .slick-prev:before {
    display: none
  }

  .box-slider .slick-next:before {
    display: none
  }
}

@media (min-width:992px) and (max-width:1025px) {
  .slider-sec {
    height: auto !important
  }
}

@media (min-width:1026px) and (max-width:1300px) {
  .slider-sec {
    height: auto !important
  }
}

@media (min-width:1301px) {
  .slider-sec {
    height: 100vh !important
  }
}

@media (min-width:1665px) {
  .slider-sec {
    height: auto !important
  }
}

@media only screen and (min-width:1400px) {
  .mw-95 {
    max-width: 95% !important
  }
}

.container-client {
  background-color: #2E2E2E;
  padding: 16px;
  margin: 16px 0
}

.client-icon {
  height: auto;
  width: 40px
}

.container-client img {
  border-radius: 50%
}

.container-client span {
  font-size: 15px;
  display: flex;
  justify-content: center;
  border-top: 1px solid #c39230;
  font-weight: 700;
  display: inline-block;
  color: #c39230
}

.client .slick-prev {
  left: -30px !important
}

.client .slick-next {
  right: -25px !important
}

.sub-para-client {
  text-align: center
}

@media (max-width:500px) {
  .container-client {
    text-align: center
  }

  .container-client img {
    margin: auto;
    float: none;
    display: block
  }
}

@media (max-width:767px) {
  .content-box {
    width: 85% !important;
    padding: 10px 0;
    font-size: 12px;
    text-align: left !important
  }

  .content-box-yellow {
    width: 85% !important;
    padding: 10px 0;
    font-size: 12px;
    text-align: left !important
  }
}

@media (min-width:768px) and (max-width:1025px) {
  .content-box {
    padding: 10px 0;
    text-align: left !important
  }

  .content-box-yellow {
    padding: 10px 0;
    text-align: left !important
  }
}

@media (min-width:991px) {
  .header-title {
    display: block !important
  }

  .faq-icon {
    margin: 0 !important
  }
}

@media (max-width:991px) {
  .flexible-luxury-sec {
    background: linear-gradient(135deg, #fed244, #c39230)
  }
}

@media (max-width:991px) {
  .first-col {
    border-right: none !important
  }

  .ul-sec {
    padding: 22px 22px 0 0
  }

  .box {
    width: 100% !important
  }
}

@media (max-width:991px) {
  .best-car-sec {
    background-size: cover;
    background-position: bottom
  }
}

.sub-para,
.sub-para-client {
  font-size: 15px
}

.ul-sec {
  padding: 22px 22px 0 0
}

@media (max-width:767px) {
  .sub-para-client {
    height: 270px
  }
}

@media (max-width:1299px) {
  .sub-para-client {
    height: 290px
  }
}

@media (min-width:1300px) {
  .sub-para-client {
    height: 190px
  }
}

.nav-tabs .nav-link:hover {
  color: #fff !important
}

@media only screen and (max-width:450px) {
  .subcategory-2 {
    font-size: 20px !important
  }
}

@media only screen and (max-width:991px) {
  .category-2 {
    font-size: 14px !important
  }
}

@media (min-width:767px) and (max-width:992px) {
  .starting-from-2 {
    font-size: 14px !important
  }
}

@media only screen and (max-width:1280px) {
  .subcategory-2 {
    font-size: 20px !important
  }
}

@media only screen and (min-width:1920px) {
  .subcategory-2 {
    font-size: 3vw
  }
}

@media only screen and (max-width:450px) {
  .subcategory-2 {
    font-size: 16px !important
  }
}

@media only screen and (max-width:767px) {
  .category-2 {
    font-size: 12px !important
  }
}

.container-client img {
  width: 80px !important;
  height: 75px !important
}

.client-icon {
  width: 40px !important;
  height: 42px !important
}

.nav-tabs .nav-link:hover {
  color: #fff !important
}

@media (max-width:991px) {
  .faq-icon {
    height: auto !important;
    width: 40px !important
  }
}

.nav-item {
  margin-left: 0rem !important
}

@media (min-width:1999px) {
  .img-flexible {
    width: 70% !important
  }
}

.tips .slick-prev {
  top: 109%;
  left: 42% !important
}

.tips .slick-next {
  top: 109%;
  right: 42% !important
}

@media (min-width:767px) and (max-width:991px) {
  .tips .slick-prev {
    left: 46% !important;
    top: 109%
  }

  .tips .slick-next {
    right: 46% !important;
    top: 109%
  }

  .types .slick-prev {
    top: 90%;
    left: 46% !important
  }

  .types .slick-next {
    top: 90%;
    right: 46% !important
  }
}

.types .slick-next {
  top: 90%;
  right: 42%
}

.types .slick-prev {
  top: 90%;
  left: 42%
}

.accordion-mobile .card {
  background: #2e2e2e !important
}

.accordion-mobile .card-body {
  padding: .2rem 1rem !important
}

.accordion-mobile .title-faq {
  font-size: 13px !important
}

.accordion-mobile .sub-para {
  font-size: 13px !important
}

.finding-sec-mobile {
  background: #2E2E2E
}

.avetor-icon-mob {
  position: absolute;
  bottom: -30px
}

@media (max-width:1628px) {
  :lang(ru) .para-button {
    display: none
  }

  :lang(ru).arrow-gif-2 {
    width: 2rem
  }
}

.container-client img {
  width: 50px !important;
  height: auto !important
}

.btn-send-messages,
.btn-send-messages:hover {
  color: #fff !important
}

.btn-header:hover {
  color: #fff !important
}

.largest-img {
  width: 120px;
  height: 120px
}

.gradiant-bg {
  background: #e0e0e0
}

.gradiant-color,
.rq-listing-ps-content-wrapper h1,
.rq-listing-ps-content-wrapper h2,
.rq-listing-ps-content-wrapper h3 {
  background: #c3802e;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0
}

.rq-listing-ps-wrapper .rq-listing-ps-content-wrapper .rq-ps-listing-product-attributes-area .rq-listing-attributes .rq-listing-attributes-item .rq-listing-attributes-title {
  color: #c3802e !important
}

.links {
  color: #c3802e !important
}

.related-meta {
  display: none
}

.subcategory-2 {
  -webkit-text-stroke: 0 #c3802e !important
}

.btn-send-messages {
  border: none
}

h3.car-title {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff
}

.conHead {
  color: #fed244 !important;
  -webkit-text-fill-color: unset
}

.text-no-gradiant {
  background: #fff0;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #000
}

.text-no-gradiant-black {
  background: #fff0;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #c3802e;
}

.field-text-no-gradiant {
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: black !important
}

.icon-no-gradiant {
  background: #fff0;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: grey
}

.btn-header {
  border: 2px solid #fff0;
  padding: 10px;
  border-radius: 25px !important
}

.container-video {
  position: relative
}

.container-video video {
  position: relative;
  z-index: 0
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.overlayText {
  position: absolute;
  top: 78%;
  left: 18%;
  z-index: 1
}

.overlaybutton {
  position: absolute;
  top: 85%;
  left: 22%;
  z-index: 1
}

#topText {
  color: #fff;
  font-size: 20px;
  align-self: center
}

@media (max-width:767px) {
  .overlayText {
    top: 40% !important;
    left: 15% !important
  }
}

@media (min-width:767px) and (max-width:991px) {
  .overlayText {
    top: 45% !important;
    left: 42% !important
  }
}

@media (max-width:767px) {
  .overlaybutton {
    top: 52% !important;
    left: 35% !important
  }
}

@media (min-width:767px) and (max-width:991px) {
  .overlaybutton {
    top: 50% !important;
    left: 43% !important
  }
}

.btn-send-messages,
.btn-send-messages:hover {
  color: #fff !important
}

.article-slider .card-body p {
  color: black !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  overflow: hidden
}

@media (max-width:767px) {
  .article-slider .blog-slider .slick-prev {
    left: 0px !important
  }

  .article-slider .blog-slider .slick-next {
    right: -5px !important
  }
}

.btn-home-pg {
  color: #000 !important
}

.dgwt-wcas-no-submit.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier path,
.dgwt-wcas-search-wrapp .dgwt-wcas-close path {
  fill: #c39230 !important
}

.footer-menu li a:hover {
  color: white !important
}

.book-online-button {
  border: 1px solid #c39230 !important
}

@media (max-width:767px) {
  .vh-50 {
    text-align: unset
  }
}

.rq-pagination-list li {
  border: 1px solid #c39230 !important
}

.rq-pagination-list li a {
  color: #c39230
}

#menu-arabic-bootstrap-navbar-1 a.nav-link,
#menu-french-bootstrap-navbar-1 a.nav-link,
#menu-bootstrap-navbar-russain-1 a.nav-link,
#menu-bootstrap-navbar-china-1 a.nav-link {
  color: #c39230
}

.dropdown-item {
  color: #fed244 !important
}

.footer-menu li a,
.footer-bottom-menu li a {
  color: #fed244 !important
}

.thanks-img img {
  display: none !important
}

@media (min-width:991px) {
  .article-slider .slick-prev {
    left: -15px
  }

  .article-slider .slick-next {
    right: -15px
  }
}

.l-1 {
  line-height: 1 !important
}

h2 {
  font-size: 26px !important
}

h3 {
  font-size: 24px !important
}

h4 {
  font-size: 20px !important
}

h5 {
  font-size: 18px !important
}

.woocommerce-loop-product__title {
  font-size: 20px !important
}

.para-monthlystickbtn {
  padding: 13px;
  color: #000
}

.monthlybtn {
  position: fixed;
  top: 50%;
  z-index: 100;
  transform: rotate(270deg);
  left: -70px;
  right: 0;
  margin-left: 0;
  width: 180px;
  height: 40px
}

.monthlybtn .btnoffer {
  margin: 0;
  width: 180px
}

.btnoffer {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 20px;
  font-weight: 600;
  color: #fff
}

.btnoffer:hover {
  color: #fff
}

:lang(ar).monthlybtn {
  right: unset !important
}

:lang(en) .btnoffer {
  line-height: 38px !important
}

:lang(ar) .btnoffer {
  line-height: 38px !important
}

:lang(fr) .btnoffer {
  line-height: 38px !important
}

:lang(tw) .btnoffer {
  line-height: 38px !important
}

:lang(es) .btnoffer {
  line-height: 38px !important
}

:lang(de) .btnoffer {
  line-height: 18px !important
}

:lang(ar) .btn-sec {
  text-align: right !important
}

p.rq-listing-ps-product-title {
  max-width: 100% !important
}

.fa-youtube-play,
.fa-facebook-f,
.fa-instagram {
  color: #fed244 !important
}

.form-control,
.form-control:focus,
.daterange #from,
.daterange #to {
  color: black !important
}

.div-contact-us .form-control {
  color: #fed244 !important
}

.whatsapp-btn {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #25d366 !important;
  color: #fff;
  font-size: 22px;
  border: none;
  position: fixed;
  margin-top: -10px;
  box-shadow: 0 0 9px 0 #25d366
}

.wrapper {
  position: absolute;
  width: 350px !important;
  opacity: 1 !important;
  display: block;
  position: fixed;
  display: block;
  position: fixed;
  bottom: 9% !important;
  right: 6% !important;
  left: unset;
  border-radius: 20px 20px 0 0
}

@media (max-width:767px) {
  .wrapper {
    width: 300px !important
  }

  .whatsapp-header-title h5,
  .whatsapp-content-title h5 {
    font-size: 15px !important
  }

  .whatsapp-close .close,
  .fa.fa-close:before {
    right: -18px
  }

  .fa-close:before {
    font-size: 10px !important
  }

  .whatsapp-popup {
    width: 300px !important
  }

  .whatsapp-header {
    width: 300px !important;
    padding: 8px 5px 8px 5px !important
  }

  .whatsapp-content {
    width: 250px !important;
    padding: 10px 15px 10px 15px
  }
}

@media (min-width:1500px) and (max-width:2600px) {
  .wrapper {
    right: 5% !important
  }
}

.chat-form {
  padding: 15px
}

.whatsapp-header {
  width: 350px;
  background: #25d366;
  border-radius: 20px 20px 0 0;
  padding: 10px;
  display: inline-flex
}

.whatsapp-content {
  border-left: 3px solid #43cd66;
  width: 300px;
  background: #f0f2f5;
  display: inline-flex
}

.whatsapp-header-title,
.whatsapp-header-title h5 {
  color: #fff;
  font-weight: bold !important
}

.whatsapp-header-title span,
.whatsapp-content-title span {
  font-size: 12px
}

.whatsapp-content-title {
  color: #2e2e2e;
  font-weight: bold !important
}

.whatsapp-content-title h5 {
  color: #000;
  font-size: 16px;
  font-weight: bold !important
}

.whatsapp-body p {
  color: #6c757d !important;
  font-weight: 700;
  font-size: 14px
}

.whatsapp-header-icon {
  display: flex;
  align-items: center;
  color: #fff
}

.whatsapp-header-icon img {
  height: 38px !important;
  width: 40px !important
}

.whatsapp-close .close,
.fa.fa-close:before {
  font-size: 10px;
  color: #fff;
  opacity: 1;
  position: absolute;
  right: 8px
}

.chat-btn .fa.fa-whatsapp:before {
  font-size: 35px !important;
  color: #fff;
  margin: auto
}

@media (max-width:1024px) {
  .chat-btn .fa-whatsapp:before {
    font-size: 30px !important
  }

  .whatsapp-header-icon .fa-whatsapp:before {
    font-size: 30px !important
  }
}

@media (min-width:1051px) {
  #whatsapp {
    position: fixed !important;
    bottom: 2% !important;
    left: 1% !important;
    right: unset
  }
}

@media (max-width:1050) {
  #whatsapp {
    position: fixed !important;
    bottom: 2% !important;
    left: 7% !important;
    right: unset
  }
}

#phone {
  position: fixed !important;
  bottom: 2% !important;
  right: 41% !important;
  left: unset
}

.phone-btn {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 0 none;
  padding: 11px;
  background: #c39230;
  margin-left: 17px;
  margin-top: -10px
}

.elementor-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 86vh;
  margin-top: -50px
}

.elementor-background-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1
}

.elementor-background-video-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover
}

a[aria-label="Call Us Inquiry"],
a[aria-label="Appelez-nous"],
a[aria-label="Rufen Sie uns an Anfrage"],
a[aria-label="Chiamaci per richiedere informazioni"],
a[aria-label="Llámanos Consulta"],
a[aria-label="お問い合わせ"],
a[aria-label="전화문의"],
a[aria-label="Позвоните нам"],
a[aria-label="اتصل بنا الاستفسار"] {
  background-color: #1359ba;
}

h3.special-offers-h3 {
  color: #c3802e;
  padding-bottom: 10px;
  background: linear-gradient(90deg, #d8321a, #ffac1e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  display: inline-block;
}

h2.special-offers-h2 {
  color: #c3802e;
  padding-bottom: 10px;
  background: linear-gradient(90deg, #d8321a, #ffac1e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  display: inline-block;
}

p.special-offers-p {
  padding-bottom: 10px
}

.special-offers-link {
  color: #c3802e;
  text-decoration: none
}

.special-offers-link:hover {
  text-decoration: underline
}

.topdeal-slider {
  width: 100%;
  max-height: 700px;
  overflow: hidden;
  margin-top: 50px;
  position: relative
}

.topdeal-slider-container {
  position: relative;
  height: 600px;
  max-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center
}

.topdeal-slider-wrap {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
  height: 100%
}

.topdeal-slide {
  min-width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  background-position: center;
  background-size: cover
}

.topdeal-slide.active {
  display: flex
}

.topdeal-slide-content {
  text-align: center;
  display: none !important;
  color: #333;
  padding: 20px
}

.topdeal-slide h1 {
  font-size: 3em;
  margin: 0
}

.topdeal-slide h1 span {
  color: #e74c3c
}

.topdeal-slide p {
  font-size: 1.2em;
  margin: 10px 0
}

.btnstyle01 {
  text-decoration: none;
  padding: 10px 20px;
  color: #fff;
  background-color: #e74c3c;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-family: 'Hind Siliguri', sans-serif;
}

/* .btnstyle01:hover {
  background-color: #c0392b
} */

button.topdeal-prev,
button.topdeal-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgb(0 0 0 / .5);
  color: #fff;
  border: none;
  padding: 15px;
  cursor: pointer
}

button.topdeal-prev {
  left: 10px
}

button.topdeal-next {
  right: 10px
}

button.topdeal-prev:hover,
button.topdeal-next:hover {
  background-color: rgb(0 0 0 / .8)
}

.topdeal-slider .topdeal-slide:nth-child(1) {
  background-image: url(../images/panoroma-home-banner-1.webp)
}

.topdeal-slider .topdeal-slide:nth-child(2) {
  background-image: url(../images/panoroma-home-banner-2.webp)
}

.topdeal-slider .topdeal-slide:nth-child(3) {
  background-image: url(../images/panoroma-home-banner-3.webp)
}

.topdeal-slider .topdeal-slide:nth-child(4) {
  background-image: url(../images/panoroma-home-banner-4.webp)
}

@media (max-width:768px) {
  .topdeal-slider {
    max-height: 500px;
    margin-top: 50px
  }

  .topdeal-slider-container {
    height: 500px;
    max-height: 500px
  }

  .topdeal-slide {
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media (max-width:480px) {
  .topdeal-slider {
    max-height: 400px;
    margin-top: 20px
  }

  .topdeal-slider-container {
    height: 400px;
    max-height: 240px;
    margin-top: 30px
  }

  .topdeal-slide {
    background-size: cover
  }
}

.gitouchwrap a,
.gitouchwrap h2,
.gitouchwrap li {
  color: black !important
}

.rgtform iframe {
  width: 100%
}

@media only screen and (max-width:767px) {
  .ham-menu {
    top: 18px
  }

  header {
    display: flex !important
  }

  .searching-products {
    display: unset !important
  }
}

form.search-form {
  display: flex
}

button.search-button {
  margin-left: -15px;
  border-left: 1px solid #fff0;
  padding: 6px;
  border: 2px solid #c3802e;
  background-color: #c3802e;
  color: #fff;
  font-weight: 700
}

form.search-form input {
  padding: 6px;
  border-radius: 20px;
  border: 2px solid #c3802e;
}

.searching-products {
  display: flex;
  justify-content: space-around
}

.search-bar input[type="text"] {
  width: 470px;
  padding: 10px
}

.suggestions-list {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  max-height: 200px;
  overflow-y: auto;
  width: 25%;
  z-index: 1000;
  margin-top: 48px;
  list-style: none;
  border-radius: 15px 0 0 15px
}

.suggestion-item {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  z-index: 1000;
  position: relative;
  background: #fff
}

.suggestion-item:hover {
  background-color: #f0f0f0
}

.suggestion-image {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  object-fit: cover
}

.suggestion-item span {
  flex-grow: 1
}

@media only screen and (max-width:767px) {
  .suggestions-list {
    width: 75%
  }
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #f00 !important
}




.deal-overlay {
  position: absolute;
  top: 0px;
  /* Adjust as needed */
  left: 27%;
  transform: translateX(-50%);
  background-color: #ffff00;
  /* Semi-transparent #c3802e; background */
  color: #000;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  z-index: 2;
  /* Ensure it's on top of the image */
  width: fit-content;
}



/* Media query for tablets and medium screens */
@media (max-width: 1024px) {
  .deal-overlay {
    top: 10px;
    /* Adjust position for smaller screens */
    left: 40%;
    /* Center it more on smaller screens */
    padding: 4px 8px;
    /* Adjust padding */
    font-size: 12px;
    /* Adjust font size */
  }
}

/* Media query for mobile devices (portrait) */
@media (max-width: 768px) {
  .deal-overlay {
    top: 5px;
    /* Move the overlay a bit higher */
    left: 50%;
    /* Center the overlay */
    padding: 3px 6px;
    /* #c3802e;uce padding */
    font-size: 11px;
    /* Smaller font size for mobile */
    width: 80%;
    /* Adjust width for small screens */
    border-radius: 3px;
    /* #c3802e;uce border radius */
  }
}

/* Media query for very small mobile devices */
@media (max-width: 480px) {
  .deal-overlay {
    top: 2px;
    /* Further adjust top */
    left: 25%;
    /* Keep cente#c3802e; */
    padding: 2px 4px;
    /* Minimal padding */
    font-size: 10px;
    /* Smaller font size */
    width: 150px;
    /* Adjust width */
    border-radius: 2px;
    /* Minimal border radius */
  }
}

.thumbfeature li:nth-child(2) {
  display: none;
}


.banner {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.banner-image {
  width: 100%;
  height: auto;
  display: block;
}

/* Optional: Extra padding or text handling for small devices */
@media (max-width: 768px) {
  .banner {
    width: 100%;
    overflow: hidden;
  }

  .banner-image {
    width: 100%;
    height: auto;
    display: block;
    padding-top: 75px;
    padding-bottom: 20px;
    object-fit: cover;
    /* Ensures image fills area nicely */
  }


  .custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .popup-content {
    position: relative;
    background: transparent;
    padding: 10px;
    border-radius: 10px;
  }

  .popup-content img {
    max-width: 100%;
    display: block;
    height: 450px;
    cursor: pointer;
  }

  .popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    color: white;
    cursor: pointer;
  }
}

/* ===== Hero: Image + Overlay Content (Responsive) ===== */
/* ====== Top deal luxury car - HERO (namespaced) ====== */
.pc-hero {
  position: relative;
  overflow: hidden;
  /* hide any spill from the image */
}

/* Image wrapper */
.pc-hero__image {
  width: 100%;
}

.pc-hero__image img {
  width: 100%;
  height: clamp(320px, 38vw, 520px);
  object-fit: cover;
  display: block;
}

/* Overlay container cente#c3802e; to page width */
.pc-hero__overlay {
  position: absolute;
  inset: 0;
  /* top:0 right:0 bottom:0 left:0 */
  display: flex;
  align-items: center;
  justify-content: center;
  /* centers the inner container horizontally */
  pointer-events: none;
  /* overlay doesn't block links inside unless re-enabled below */
  z-index: 1;
}

/* Inner container with max-width */
.pc-hero__overlay>.pc-hero__content {
  pointer-events: auto;
  /* re-enable interaction for actual content */
  width: min(1200px, 100%);
  padding: 0 20px;
  display: flex;
}

/* Text block (push to right by default) */
.pc-hero__content .pc-hero__text {
  max-width: 560px;
  margin-left: auto;
  /* right align; swap to margin-right:auto for left align */
}

/* Headings & paragraphs */
.pc-hero .pc-hero__text h1,
.pc-hero .pc-hero__text h2,
.pc-hero .pc-hero__text h3,
.pc-hero .pc-hero__text h4,
.pc-hero .pc-hero__text h5,
.pc-hero .pc-hero__text h6 {
  margin-bottom: 15px;
  color: #c3802e;
  /* your choice; change if needed */
}

.pc-hero .pc-hero__text p {
  margin-bottom: 15px;
  color: #c1c1c1 !important;
}

.pc-hero .pc-hero__text ul {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}

.pc-hero .pc-hero__text ul li {
  position: relative;
  margin: 8px 0;
  padding-left: 24px;
  /* space for icon */
  color: #c1c1c1;
  font-size: 14px;
  line-height: 1.6;
}

/* Icon via mask so it inherits text color */
.pc-hero .pc-hero__text ul li::before {
  content: "";
  left: 0;
  top: 0.65em;
  /* vertically center on first line */
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 8px;
  padding-left: 20px;
  background-position: left 6px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODAuOTIgNDQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNDkuMjQsNDQ0bC0yMC42Ny0yMS41N0wzMzcuNzMsMjIyLDEyOC41NywyMS41NywxNDkuMjQsMCwzODAuOTIsMjIyWk0yNTIuMzUsMjIyLDIwLjY4LDAsMCwyMS41NywyMDkuMTYsMjIyLDAsNDIyLjQzLDIwLjY4LDQ0NFoiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0.95;
}

/* Links inside hero text */
.pc-hero .pc-hero__text a {
  color: #ff4d4d;
  /* bright #c3802e; to match heading */
  text-decoration: none;
  /* remove default underline */
  font-weight: 600;
  /* make it stand out */
  transition: color 0.3s ease, border-color 0.3s ease;
  border-bottom: 1px solid rgba(255, 77, 77, 0.4);
  /* subtle underline */
  padding-bottom: 2px;
}

.pc-hero .pc-hero__text a:hover,
.pc-hero .pc-hero__text a:focus {
  color: #fff;
  /* on hover go white */
  border-bottom-color: #fff;
  /* underline also turns white */
}


/* ===== Responsive ===== */
@media (max-width: 991px) {
  .pc-hero__overlay {
    position: static;
    inset: auto;
    background: black;
    display: block;
  }

  .pc-hero__overlay>.pc-hero__content {
    width: 100%;
    padding: 16px;
    display: block;
  }

  .pc-hero__content .pc-hero__text {
    max-width: none;
    margin: 0;
    /* normal flow on mobile */
  }
}

/* Fine-tuned image heights for specific ranges (optional) */
@media only screen and (min-width: 420px) and (max-width: 550px) {
  .pc-hero__image img {
    height: 210px;
  }
}

@media only screen and (max-width: 767px) {
  .pc-hero__image img {
    height: 180px;
    object-fit: cover;
    object-position: left center;
  }
}


/* ===== Section 03 (namespaced) ===== */
.pc-s03 {
  position: relative;
}

/* spacing utilities (keep if you use them elsewhere) */
.paddtop {
  padding-top: 50px;
}

.paddbotm {
  padding-bottom: 50px;
}

/* row */
.pc-s03__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* matches your original */
  gap: 24px;
  /* safer spacing between columns */
}

/* left column (text) */
.pc-s03__left {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 20px;
  background-image: linear-gradient(to right, rgba(26, 26, 26, 1), rgba(0, 0, 0, 0));
  border-radius: 8px;
  /* optional: soften edges */
}

/* right column (image) */
.pc-s03__right {
  flex: 0 0 48%;
  max-width: 48%;
}

.pc-s03__right img {
  width: 100%;
  height: auto;
  /* keep intrinsic ratio */
  display: block;
  max-width: 656px;
  /* keep your original cap */
  border-radius: 8px;
  /* optional */
  object-fit: cover;
}

/* typography inside left column */
.pc-s03 .cmseditor h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 33px;
  color: #c3802e;
  !important;
  margin-bottom: 12px;
}

.pc-s03 .cmseditor p {
  color: #c1c1c1 !important;
  font-style: normal;
  margin-bottom: 12px;
}

.pc-s03 .cmseditor ul {
  padding-left: 18px;
  margin: 10px 0 0 0;
}

.pc-s03 .cmseditor ul li {
  color: #c1c1c1;
  margin-bottom: 6px;
  font-size: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .pc-s03__row {
    flex-direction: column;
    /* stack on mobile/tablet */
    align-items: stretch;
  }

  .pc-s03__left,
  .pc-s03__right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pc-s03__right img {
    width: 100%;
    max-width: none;
    /* allow full width on small screens */
  }
}

/* Small devices: tighten spacing & text */
@media (max-width: 575px) {
  .paddtop {
    padding-top: 32px;
  }

  .paddbotm {
    padding-bottom: 32px;
  }

  .pc-s03__left {
    padding: 16px;
  }

  .pc-s03 .cmseditor h2 {
    font-size: 24px;
    line-height: 28px;
  }
}


/* Container for 3 cards */
.cboxstyle03crsl {
  display: flex;
  flex-wrap: wrap;
  /* mobile pe stack ho jaye */
  justify-content: center;
  gap: 20px;
  /* cards ke beech gap */
  margin-top: 40px;
  background-image: linear-gradient(rgba(26, 26, 26, 1), rgba(0, 0, 0, 0));
}

/* Single card */
.cboxstyle03 {
  flex: 1 1 300px;
  /* responsive width */
  max-width: 430px;
  text-align: center;
  padding: 25px 20px;
  background-color: #1a1a1a;
  position: relative;
  z-index: 1;
  border-radius: 6px;
}

/* Decorative side stripes */
.cboxstyle03:before,
.cboxstyle03:after {
  content: "";
  background-color: #ffffff;
  height: 100%;
  width: 7px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  z-index: -1;
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
}

.cboxstyle03:before {
  left: -7px;
}

.cboxstyle03:after {
  right: -7px;
  transform: rotateY(180deg);
}

/* Heading & text */
.cboxstyle03 h3 {
  font-size: 20px;
  color: #c3802e;
  margin-bottom: 12px;
}

.cboxstyle03 p {
  font-size: 14px;
  color: #c1c1c1;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 991px) {
  .cboxstyle03crsl {
    flex-direction: column;
    align-items: center;
  }

  .cboxstyle03 {
    max-width: 90%;
  }
}




/* Section background sizing */
.cntntstyle04 {
  width: 100%;
  background-size: 34%;
  background-position: left bottom;
}

/* Grid: 1col mobile, 2col tablet, 4col desktop */
.feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  margin-top: 28px;
}

@media (min-width: 640px) {
  .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Card */
.feature-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.feature-card h3 {
  margin: 8px 0 4px;
  font-size: 22px;
  line-height: 1.25;
}

.feature-card p {
  margin: 0;
  color: #333;
  line-height: 1.65;
}

/* Icon pill (rounded bg like screenshot) */
.feature-icon {
  background: #f3f3f3;
  border-radius: 999px;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

.feature-icon img {
  width: 82%;
  height: auto;
  display: block;
  transition: transform .25s ease;
}

.feature-card:hover .feature-icon img {
  transform: translateY(-2px);
}

/* Remove old swiper influence if CSS remains loaded */
.feature-grid .swiper,
.feature-grid .swiper-wrapper,
.feature-grid .swiper-slide {
  all: unset;
}


/* spacing helpers you already use */
.paddtop {
  padding-top: 50px;
}

.paddbotm {
  padding-bottom: 60px;
}

/* SECTION */
.process-section {
  width: 100%;
  background-color: #000;
  /* black background */
  padding: 60px 0;
}

.process-section.fancytitle h2 {
  color: white !important;

}

/* GRID: 1col mobile, 2col tablet, 4col desktop */
.process-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: stretch;
}

/* CARD */
.process-card {
  position: relative;
  background: #111;
  /* dark card background */
  border-radius: 12px;
  padding: 18px 16px 22px;
  text-align: center;
  /* overflow: hidden; */
  isolation: isolate;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
  /* subtle glow */
}

/* Decorative backdrop like your SVG shape */


/* put the shape ABOVE the background, not behind it */
/* .process-card::before {
  content: url(https://www.faster.rent/public/assets/images/rentalprocessshape.svg);
  position: absolute;
  opacity: 0.6;
  left: 50px;
  top: 50px;
  z-index: -1;
} */

/* Title */
.process-card h3 {
  background: var(--secondary-clr, #e63946);
  /* accent color */
  color: #fff;
  padding: 10px 12px;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px;
  border-radius: 8px;
}

/* Icon */
.process-card img {
  display: block;
  margin: 8px auto 10px;
  width: 45px;
  height: 78px;
}

/* Text */
.process-card p {
  margin: 0;
  line-height: 1.65;
  color: #c1c1c1 !important;
  /* light gray text */
  padding-top: 70px;
}

/* Step number (outlined) */
.process-step {
  position: absolute;
  top: -22px;
  right: 8px;
  font-size: 46px;
  letter-spacing: 2px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  /* white outline for dark bg */
  text-stroke: 1px #fff;
}

/* ====== Responsive ====== */
@media (min-width: 600px) {
  .process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .process-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
  }
}

/* Small phones: tighten spacing */
@media (max-width: 420px) {
  .process-card {
    padding: 16px 12px 18px;
  }

  .process-card::before {
    left: 10px;
    top: 26px;
    width: 180px;
    height: 100px;
  }

  .process-card p {
    padding-top: 60px;
  }

  .process-step {
    font-size: 40px;
    top: -18px;
    right: 6px;
  }
}





/* Container should wrap rows */
.cars-section .carscolwrap.flexrow {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  /* space between cards; tweak as you like */
}

/* 3 cards per row on desktop */
.cars-section .carscolwrap.flexrow .carthumb {
  flex: 0 0 calc((100% - 2*24px)/3);
  /* 3 columns, accounting for gaps */
  max-width: calc((100% - 2*24px)/3);
  box-sizing: border-box;
}

/* Responsive: 2 per row on tablets */
@media (max-width: 992px) {
  .cars-section .carscolwrap.flexrow .carthumb {
    flex: 0 0 calc((100% - 24px)/2);
    max-width: calc((100% - 24px)/2);
  }
}

/* Responsive: 1 per row on mobile */
@media (max-width: 576px) {
  .cars-section .carscolwrap.flexrow .carthumb {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


/* scope everything to this card */
.tdlr-card {
  border: 2px solid #ff8a00;
  border-radius: 14px;
  overflow: hidden;
  background: #0b0b0c;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  flex: 0 0 calc((100% - 2 * 24px) / 3);
  max-width: calc((100% - 2 * 24px) / 3);
  box-sizing: border-box;
}

.tdlr-details {
  position: relative;
  background: #1a1a1a;
  border-top: 1px solid #232323;
  padding: 8px 22px;
}

/* brand on right */
.tdlr-brand {
  position: absolute;
  right: 18px;
  width: 62px;
  height: 62px;
  background: #0b0b0c;
  border-radius: 50%;
  object-fit: contain;
  padding: 8px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .5);
  z-index: 2;
}

/* header row: title left, price left under title */
.tdlr-head {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 14px;
  align-items: start;
}

.tdlr-title {
  grid-column: 1 / 2;
  margin: 0 0 8px;
  font-size: 14px !important;
  line-height: 1.25;
  font-weight: 800;
  text-transform: uppercase;
}

.tdlr-price {
  grid-column: 1 / 2;
}

/* force LEFT column */
.tdlr-price-old {
  display: block;
  font-size: 12px;
  color: #fff;
  text-decoration: line-through;
  margin-bottom: 6px;
}

.tdlr-price-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, #d8321a, #ffac1e);
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(255, 122, 0, .35);
}

.tdlr-amount {
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}

.tdlr-currency {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}

/* features grid */
.tdlr-feats {
  list-style: none;
  margin: 8px 0;
  padding: 8px 0;
  border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
}

.tdlr-feats li {
  font-size: 13px;
  color: #eaeaea;
}

.tdlr-feats i {
  color: #36e27d;
  margin-right: 6px;
}

/* buttons footer 50/50 like reference */
.tdlr-ctas {
  display: flex;
  margin-top: 8px;
}

.tdlr-btn {
  flex: 1;
  height: 40px;
  padding: 6px 0;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: 'Hind Siliguri', sans-serif;
}

.tdlr-wa {
  background: #25d366;
  color: #fff;
  /*   border-bottom-left-radius: 6px; */
}

.tdlr-call {
  background: #ff7a00;
  color: #fff;
  /*   border-bottom-right-radius: 6px; */
}

.tdlr-btn i {
  font-size: 18px;
}

.tdlr-wa:hover {
  background: #1eb555;
}

.tdlr-call:hover {
  background: #e86a00;
}

/* image */
.car-image .slide img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.tdlr-logo-wrap {
  width: 60px;
  height: 60px;
  object-fit: contain;
  /* background: #000; */
  border-radius: 50%;
  /* padding: 8px; */
  /* box-shadow: 0 5px 15px rgba(0, 0, 0, .6); */
}

@media (max-width: 992px) {
  .tdlr-card {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 576px) {
  .tdlr-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


/* ==== Fancy Title (force center like your reference) ==== */
section.fancytitle,
.fancytitle {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding: 40px 160px !important;
  clear: both !important;
}

.fancytitle h2,
.fancytitle h1
{
  display: block !important;
  float: none !important;
  max-width: 1100px !important;
  /* heading max width */
  margin: 0 auto 16px !important;
  color: #ff9800 !important;
  font-weight: 500 !important;
  font-size: 34px !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;

  /* stop weird wrapping/columns from theme */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.fancytitle p {
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
  color: #e5e5e5 !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  font-weight: 300 !important;

  /* disable any multi-column or flex text */
  column-count: initial !important;
  text-align: center !important;
}

@media (max-width: 768px) {
  .fancytitle {
    padding: 28px 16px !important;
  }

  .fancytitle h2 {
    font-size: 24px !important;
  }

  .fancytitle p {
    font-size: 15px !important;
  }
}



.ti-pagination {
  position: relative;
  margin-top: 25px;
  text-align: center;
  z-index: 10;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ccc;
  opacity: 1;
  margin: 0 6px;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #ff9a3c, #c3802e);
  width: 22px;
  border-radius: 6px;
}

.ti-swiper .swiper-slide {
  display: flex;
  height: auto;
}

.ti-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.ti-section {
  text-align: center;
  padding: 60px 0;
}

.ti-title {
  font-weight: 600;
    text-align: center;
    line-height: 35px;
    font-size: 36px;
    margin: 0 0 28px;
    color: #c3802e;
    display: block !important;
    float: none !important;
    max-width: 1100px !important;
    margin: 0 auto 16px !important;
    /* color: #ff9800 !important; */
    font-weight: 500 !important;
    font-size: 34px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    background: linear-gradient(90deg, #d8321a, #ffac1e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.banner-content {
  font-size: 17px;
  color: white !important;
  position: relative;
  bottom: 128px;
  width: 100%;
  text-align: center;
  padding: 0px 30px;
  line-height: 1.8;
}

p.banner-content2 {
  font-size: 17px;
  color: white !important;
  position: relative;
  bottom: 220px;
  width: 100%;
  text-align: left;
  line-height: 1.5;
  width: 50%;
  padding: 0 30px;
}

.banner-content3 {
  font-size: 32px !important;
  color: white !important;
  position: relative;
  bottom: 220px;
  width: 100%;
  text-align: left;
  width: 60%;
  padding: 0 30px;
}

.banner-content4 {
  font-size: 18px !important;
  color: #c3802e !important;
  position: relative;
  bottom: 185px;
  width: 100%;
  text-align: left;
  width: 50%;
  padding: 0 30px;
background: linear-gradient(90deg, #d8321a, #ffac1e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.bannerimage {
  height: 550px;
}

.bannerimage2 {
  height: 300px;
}

.freedom-section {
  background: #000;
}

.freedom-section2 {
  background: #000;
  top: 60px;
  position: relative;
}


.freedom-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  gap: 40px;
}

.freedom-left img {
  width: 100%;
  max-width: 100%;
  height: 680px;
  border-radius: 10px;
}

.freedom-right {
  flex: 1;
  width: 100%;
  padding-right: 30px;
}

.freedom-right h2 {
  color: #ff8c1a;
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: 1px;
}

.freedom-right h2 span {
  color: #fff;
}

.freedom-box {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
  gap: 15px;
}

.freedom-box .icon {
  background: linear-gradient(135deg, #ff8c1a, #ff4b1f);
  color: #fff;
  font-size: 22px;
  width: 55px;
  height: 55px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.freedom-box .text h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}

.freedom-box .text p {
  color: #ccc;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
  .freedom-container {
    flex-direction: column;
    text-align: center;
  }

  .freedom-box {
    justify-content: center;
  }

  .freedom-box .text {
    text-align: left;
    max-width: 400px;
  }
}


.faq-section {
  padding: 30px 0;
  background: linear-gradient(180deg, #000 0%, #1a0a00 100%);
  color: #fff;
}

.faq-title {
  text-align: center;
  color: #ff8a00;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 50px;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #d8321a, #ffac1e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* .faq-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 40px;
  width: 85%;
  margin: 0 auto;
} */

.faq-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  align-items: center;
	width: 85%;
 margin: 0 auto;
}

.faq-item {
  background: linear-gradient(90deg, #1a1a1a 0%, #141414 100%);
  border-left: 6px solid #ff8a00;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  transform: translateY(-3px);
}

.faq-item input {
  display: none;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  font-weight: 500;
  cursor: pointer;
  color: #fff;
  transition: all 0.3s ease;
}

.faq-question:hover {
  color: #ff8a00;
}

.faq-question .plus {
  font-size: 22px;
  color: #ff8a00;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: auto;
  transition: max-height 0.4s ease;
  background: #111;
  padding: 0 20px;
}

.faq-answer p {
  color: #ccc;
  font-size: 14px;
  margin: 15px 0;
  line-height: 1.6;
}

/* Expand when checked */
.faq-item input:checked~.faq-answer {
  max-height: 200px;
  padding: 15px 20px;
}

.faq-item input:checked+.faq-question .plus {
  transform: rotate(45deg);
}

/* Responsive */
@media (max-width: 992px) {
  .faq-container {
    grid-template-columns: 1fr;
  }
}


/* ===== No-conflict styles (ti-*) ===== */
.ti-section {

  margin: auto;
  padding: 48px 20px;
}

.ti-title {
  font-weight: 600;
  text-align: center;
  line-height: 35px;
  font-size: 36px;
  margin: 0 0 28px;
  color: #c3802e;
}

.ti-card {
  background: #2b2b2b;
  color: #eaeaea;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 14px 24px rgba(0, 0, 0, .25);
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
}

.ti-upper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ti-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
}

.ti-name {
  font-weight: 700;
}

.ti-date {
  font-size: 12px;
  color: #b8b8b8;
  margin-top: 2px;
}

.ti-text {
  line-height: 1.8;
  color: #c1c1c1 !important;
  margin: 0;
}

.ti-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
}

.ti-stars {
  color: #ffc107;
  font-size: 16px;
}

.ti-stars i {
  margin-right: 2px
}

.ti-gicon {
  width: 24px;
  height: 24px
}


.ti-swiper {
  overflow: hidden;
  position: relative;
}


.ti-swiper .ti-prev,
.ti-swiper .ti-next {
  left: 10px;

  right: 10px;

  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #111;
  border: 1px solid #ddd;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}

.ti-swiper .ti-prev {
  right: auto;
}


.ti-swiper .ti-next {
  left: auto;
}

@media (max-width: 768px) {
  .ti-swiper .ti-prev {
    left: 6px;
  }

  .ti-swiper .ti-next {
    right: 6px;
  }
}


.ti-swiper .ti-pagination {
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.ti-swiper .ti-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #999;
  opacity: 1;
  margin: 0 5px !important;
}

.ti-swiper .ti-pagination .swiper-pagination-bullet-active {
  background: #e10600;

}




@media (max-width:1200px) {
  .ti-swiper .ti-prev {
    left: -10px
  }

  .ti-swiper .ti-next {
    right: -10px
  }
}

@media (max-width:768px) {
  .ti-title {
    font-size: 28px
  }

  .ti-swiper {
    padding-bottom: 30px
  }
}





.allcars-banner {
  position: relative;
  width: 100%;
  height: 60vh;
  /* full screen height */
  background-image: url('../../../uploads/topdeal/ALL-CARES-BANNER.webp');
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  color: #fff;
  top: -2px;
  background-size: contain;
}

/* Dark overlay for better text visibility */
.allcars-banner::before {
  content: "";
  /* position: absolute; */
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.allcars-content {
  position: relative;
  z-index: 2;
  text-align: left;
  max-width: 800px;
  top: 50px;
}

.allcars-content h1 {
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.allcars-content .breadcrumb {
  list-style: none;
  display: flex;
  gap: 8px;
  font-size: 16px;
  color: #fff;
  padding: 0;
  margin: 0;
}

.allcars-content .breadcrumb li {
  color: #ccc;
}

.allcars-content .breadcrumb li a {
  color: #ff8a00;
  text-decoration: none;
}

.allcars-content .breadcrumb li.active {
  color: #fff;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .allcars-content h1 {
    font-size: 36px;
  }
}

@media (max-width: 576px) {
  .allcars-banner {
    height: 70vh;
  }

  .allcars-content h1 {
    font-size: 28px;
  }
}



.documents-section {
  padding: 60px 0;
  background: transparent;
  /* no background */
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.section-title {
  text-align: center;
  font-size: 28px;
  color: #ff7b00;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #d8321a, #ffac1e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.section-desc {
  max-width: 900px;
  margin: 0 auto 50px;
  text-align: center;
  color: #ccc;
  line-height: 1.7;
  font-size: 15px;
}

.doc-cards {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.doc-card {
  background-color: #111;
  border-radius: 12px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  /*   width: 460px; */
  max-width: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease;
}

.doc-card:hover {
  transform: translateY(-5px);
}

.doc-content {
  padding: 20px;
  flex: 1;
}

.doc-header {
  background-color: #ff7b00;
  color: #fff;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 6px;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 15px;
}

.doc-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.doc-content ul li {
  margin-bottom: 8px;
  color: #ddd;
  position: relative;
  padding-left: 18px;
}

.doc-content ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ff7b00;
}

.doc-image img {
  width: 200px;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .doc-card {
    flex-direction: column;
    width: 100%;
  }

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

.pt-bredwrap {
  background: linear-gradient(90deg, #d93b2b 0%, #f7941e 50%, #d93b2b 100%);
  color: #fff;
  padding: 30px 0;
  margin-top: 120px;
}

.pt-bredwrap .ptboutr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pt-bredwrap h1 {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pt-bredwrap .breadcrumb {
  background: #1b1b1b;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.pt-bredwrap .breadcrumb li {
  list-style: none;
  color: #fff;
  font-size: 14px;
}

.pt-bredwrap .breadcrumb li a {
  color: #fff;
  text-decoration: none;
}

.pt-bredwrap .breadcrumb li a:hover {
  text-decoration: underline;
}

.pt-bredwrap .breadcrumb .fa-home::before {
  content: "\f015";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #fff;
  margin-right: 5px;
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMjIuOSAxMTIuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIyLjkgMTEyLjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MS40LDBMMCw2MC4ybDE1LDcuOUw2MSwxOS43bDQ2LjgsNDguNGwxNS03LjlMNjEuNCwwTDYxLjQsMHogTTE4LjMsNjkuNkwxOC4zLDY5LjZsNDMuMi00My4ybDQzLjEsNDMuMmwwLDANCgkJbDAsMHY0Mi40SDczLjF2LTMwSDQ5LjV2MzBIMTguM1Y2OS42TDE4LjMsNjkuNkwxOC4zLDY5LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
  display: inline-block;
   
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMjIuOSAxMTIuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIyLjkgMTEyLjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MS40LDBMMCw2MC4ybDE1LDcuOUw2MSwxOS43bDQ2LjgsNDguNGwxNS03LjlMNjEuNCwwTDYxLjQsMHogTTE4LjMsNjkuNkwxOC4zLDY5LjZsNDMuMi00My4ybDQzLjEsNDMuMmwwLDANCgkJbDAsMHY0Mi40SDczLjF2LTMwSDQ5LjV2MzBIMTguM1Y2OS42TDE4LjMsNjkuNkwxOC4zLDY5LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
    background-size: contain;
    margin-right: 6px;
    position: relative;
    top: 2px; /* adjust to fine tune vertical position */
}

.pt-bredwrap .breadcrumb li:not(:last-child)::after {
  content: "/";
  color: #ccc;
  margin: 0 5px;
}

.cdrgt {
  background: #1f1f1f;
  border: 1px solid #111;
  padding: 28px;
  border-radius: 6px;
  box-shadow: 0 0 0 8px #0f0f0f inset, 0 12px 30px rgba(0, 0, 0, .35);
  color: #fff;
}

.cdrgt h2 {
  margin: 0 0 14px;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  color: #fff;
}

/* ---- Subheading ---- */
.cdrgt .rent-label {
  font-size: 18px;
  font-weight: 700;
  color: #e9e9e9;
  margin: 25px 0 25px;
}

/* ---- Price rows ---- */
.price-list {
  display: grid;
  gap: 14px;
  margin-bottom: 26px;
}

.price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #3c3c3c;
  border-radius: 3px;
  padding: 18px 22px;
  letter-spacing: .5px;
}

.price-row .tag {
  font-size: 20px;
  font-weight: 600;
  color: #eaeaea;
  opacity: .9;
}

.price-row .amount {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
}

.price-row .unit {
  font-size: 18px;
  color: #cfcfcf;
}

/* ---- CTA buttons ---- */
.carthumb-cta {
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.carthumb-cta li {
  flex: 1;
}

.carthumb-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 14px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
}

.carthumb-cta li:first-child a {
  background: #25d366;
}

/* WhatsApp green */
.carthumb-cta li:last-child a {
  background: #ff921f;
}

/* Orange call */
.carthumb-cta a:hover {
  filter: brightness(1.05);
}

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

/* ---- Responsive ---- */
@media (max-width:576px) {
  .cdrgt {
    padding: 20px
  }

  .cdrgt h2 {
    font-size: 28px
  }

  .price-row .tag {
    font-size: 18px
  }

  .price-row .amount {
    font-size: 22px
  }

  .price-row .unit {
    font-size: 16px
  }

  .carthumb-cta a {
    font-size: 16px;
    padding: 14px 10px
  }
}

.cardtailbtm {
  background: #1f1f1f;
  border: 1px solid #111;
  padding: 30px;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 0 0 8px #0f0f0f inset, 0 12px 30px rgba(0, 0, 0, .35);
  margin-top: 30px;
}

.fancytitle2 {
  display: inline-block;
  background: linear-gradient(90deg, #d93b2b 0%, #f6a01a 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 2px;
  margin-bottom: 18px;
}

/* .cmseditor {
  margin-top: 10px;
} */

.cmseditor p {
  color: #ddd;
  font-size: 17px;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 576px) {
  .cardtailbtm {
    padding: 20px;
  }

  .fancytitle2 {
    font-size: 16px;
    padding: 8px 18px;
  }

  .cmseditor p {
    font-size: 16px;
  }
}

.car-card {
  position: relative;
}

.car-card .card-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.car-card {
  cursor: pointer;
}



@media only screen and (max-width:767px) {
  .car-categories {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    background-color: #000;
    flex-direction: column;
  }

  .tdlr-feats li {
    font-size: 10px;
    color: #eaeaea;
  }

  .ti-section {
    margin: auto;
    padding: 15px 20px;
  }

  .freedom-left img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .freedom-right {
    flex: 1;
    width: 85%;
    padding-right: 0px;
  }

  .socialmobile {
    display: none !important;
  }

  .allcars-banner {
    position: relative;
    width: 100%;
    height: 40vh;
    background-image: url(../../../uploads/topdeal/ALL-CARES-BANNER.webp);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    color: #fff;
    background-size: cover;
    background-position: bottom;
    top: -2px;
    margin-bottom: 25px;
  }

  .offrsbnr-vid.banner_mobile {
    margin-bottom: 25px;
  }

  .allcars-content .breadcrumb {
    display: none;
  }

  .bannerimage {
    height: auto;
  }


.carousel-cell {
    width: 100%;
    height: 205px!important;
}
.thumbnail-cell{
height: 85px!important;
}
.cdleft img{
height: 85px!important;
}

}
.allcars-content .breadcrumb {
    display: none;
  }
.car-details div.tdlr-title-wrap a {
    color: white;
}

i.fas.fa-phone {
    transform: rotate(90deg);
}


.freedom-banner {
  position: relative;
  width: 100%;
  height: 420px; /* adjust as needed */
  background: url('/uploads/topdeal/Banner-all-cars.webp') center right / cover no-repeat;
  display: flex;
  align-items: center;
  color: #fff;
  overflow: hidden;
}

/* Dark overlay for readability */
.freedom-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
  z-index: 1;
}

/* Text container */
.freedom-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
  padding-left: 80px;
  padding-right: 20px;
}

/* Gradient heading */
.freedom-content h2 {
  font-size: 35px !important;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
  background: linear-gradient(90deg, #d8321a, #ffac1e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Smaller intro text */
.freedom-content p {
  font-size: 18px;
  line-height: 1.7;
  color: #f0f0f0;
}

/* Responsive */
@media (max-width: 991px) {
  .freedom-banner {
    height: auto;
    padding: 80px 20px;
    background-position: center;
  }
  .freedom-content {
    padding: 0;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
  }
  .freedom-content h2 {
    font-size: 32px;
  }
  .freedom-content p {
    font-size: 16px;
  }
}



/* Make the slider a positioning context */
.car-card .slider-container{
  position: relative;
  overflow: hidden;            /* images ke bahar na nikle */
}

/* Center the dots at the bottom of each card */
.car-card .slider-container .pagination{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;                /* need ho to adjust karo */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: auto;                 /* kisi global width rule ko override */
  margin: 0;                   /* kisi global margin ko reset */
  text-align: center;          /* safety */
  z-index: 5;                  /* image ke upar */
}

/* Dot look */
.car-card .slider-container .pagination .dot{
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.45);
  transition: transform .25s ease, background .25s ease;
}
.car-card .slider-container .pagination .dot.active{
  background: #ff8c1a;         /* your orange */
  transform: scale(1.25);
}

/* Prev/Next buttons (optional tidy) */
.car-card .slider-container .prev-slide,
.car-card .slider-container .next-slide{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border-radius: 9999px;
  background: rgba(0,0,0,.6); color:#fff; border: 0;
  display:flex; align-items:center; justify-content:center;
  z-index: 6;
}
.car-card .slider-container .prev-slide{ left: 8px; }
.car-card .slider-container .next-slide{ right: 8px; }

@media (max-width:768px){
  .car-card .slider-container .pagination{ bottom: 10px; gap: 5px; }
  .car-card .slider-container .pagination .dot{ width: 7px; height: 7px; }
}

.car-link {
  color: #ffac1e;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.car-link:hover {
  color: #d8321a;
  text-decoration: underline;
}


.offer ul {
  list-style: none;
  padding: 0;
}

.offer ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px; 
  padding: 10px 15px 10px 35px;
}

.offer ul li::before {
  content: "✔";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffac1e;
  font-weight: bold;
  font-size: 16px;
}


.faq-answer ul {
  list-style-type: none;
  padding-left: 0;
  margin: 15px 0;
}

.faq-answer ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #ddd;
}

/* Custom bullet icon (using gradient color) */
.faq-answer ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #d8321a; /* red-golden gradient start */
  font-weight: bold;
}

.fancytitle.contact {
    text-align: left;
    /* margin-left: 0 !important; */
    padding: 0px 0px !important;
    padding-left: 0 !important;
    margin-bottom: 40px!important;
}
.fancytitle.contact h2 {
  text-align: left;
  justify-content: flex-start;
}

.lftcdetails p a{
 color: #fff!important;
}


.aboutsec1 .fancytitle{
    margin-bottom: 0px !important;
    padding: 20px 80px !important;
}


.abtsec4rgt .fancytitle{
   padding: 20px 80px !important;
}

body.test-check {
  outline: 5px solid red !important;
}


@media (max-width: 992px) {
  p.banner-content {
    font-size: 15px;
    bottom: 12%;
    padding: 0 15px;
    line-height: 1.7;
  }
}

/* Mobiles */
@media (max-width: 600px) {
  p.banner-content {
    font-size: 14px;
    bottom: 10%;
    width: 95%;
    line-height: 1.6;
    padding: 10px;
  }
}

/* Very small phones */
@media (max-width: 400px) {
  p.banner-content {
    font-size: 13px;
    bottom: 8%;
  }
}

.luxury-banner-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.bannerimage {
  position: relative;
}



@media (max-width: 991px) {
  .bannerimage2 img {
    height: 260px;
  }

  .banner-content3 {
    font-size: 26px;
    bottom: 120px;
    left: 24px;
    width: 70%;
  }

  .banner-content2 {
    font-size: 15px;
    bottom: 35px;
    left: 24px;
    width: 70%;
  }
}

/* --------- Mobile (max 767px) --------- */
@media (max-width: 767px) {
  .bannerimage2 {
    border-radius: 12px;
  }

  .bannerimage2 img {
    height: auto;
  }

  /* Mobile pe overlay hata ke simple layout */
  .banner-content3,
  .banner-content2 {
    position: static !important;
        width: 100% !important;
        padding: 12px 15px 0 !important;
        text-align: left !important;
  }

  .banner-content3 {
    font-size: 22px;
  }

  .banner-content2 {
    font-size: 14px!important;
    padding: 6px 15px 16px;
  }
}