<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Theme Name: Auto ShopTheme URI: Author: Author URI: Description: Bausins is a business website templateVersion: 1.0.0*//*--------------------------------------------------------------&gt;&gt;&gt; TABLE OF CONTENTS:----------------------------------------------------------------# Typography# Normalize# Accessibility# Globals# Alignments# Clearings# Posts and pages# Captions# Galleries# Unit test# guterberg# Gutenberg	Default Style# Block Color Palette Colors# Sections    ## Breadcrumb    ## Comments    ## Widgets    ## Nav Bar    ## Top Bar    ## Header    ## Slider    ## How We Are    ## Our Process    ## Our Service    ## Banner Auto Car    ## Pricing Table    ## Latest News    ## Tab Section    ## Featured Vehicle    ## Service Section    ## Car Booking    ## Car Adds    ## Our Team    ## Banner Bottom    ## Popular Car    ## Service    ## Filter    ## New Facilities    ## Testimonial    ## Awesome Blog    ## About Us    ## Blog    ## Blog Details    ## Shop Page    ## Step Car Sell    ## Car Booking Page    ## Error 404# Elements    ## Back Top    ## Preloader    ## Search Popup    ## Button    ## Section Title    ## Counterup Item    ## Testimonial    ## Custom Select    ## Custom Calender    ## Scroll Down    ## Sidenav Menu    ## Star Rating    ## Price Filter    ## Shop Details    ## Contact    ## Sign In    ## Sticky Icon    ## Modal    ## Menu Cart    ## Custom File Upload    ## Accordion    ## Countdown    ## Coming Soon    ## Shopping Cart    ## Custom Input Number    ## Typography    ## Icons    ## Pagination    ## Alert    --------------------------------------------------------------*//*-----------------    # Typography-----------------*/@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&amp;amp;display=swap");@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700&amp;amp;display=swap");@font-face {  font-family: 'gilroy-regular';  src: url("../fonts/gilroy-regular-webfont.woff2") format("woff2"), url("../fonts/gilroy-regular-webfont.woff") format("woff");  font-weight: normal;  font-style: normal; }@font-face {  font-family: 'gilroy-medium';  src: url("../fonts/gilroy-medium-webfont.woff2") format("woff2"), url("../fonts/gilroy-medium-webfont.woff") format("woff");  font-weight: normal;  font-style: normal; }@font-face {  font-family: 'gilroy-bold';  src: url("../fonts/gilroy-bold-webfont.woff2") format("woff2"), url("../fonts/gilroy-bold-webfont.woff") format("woff");  font-weight: normal;  font-style: normal; }/*--------------------------------------------------------------# Normalize--------------------------------------------------------------*/:root {  --main-color-one: #FB0937;  --menu-font: 'Poppins', sans-serif;  --heading-font: 'Montserrat', sans-serif;  --body-font: 'Montserrat', sans-serif;  --slider-heading-regular-font: 'gilroy-regular';  --slider-heading-medium-font: 'gilroy-medium';  --slider-heading-bold-font: 'gilroy-bold';  --paragraph-color: #181818; }.container-fluid {  width: 100%;  max-width: 1920px;  margin: auto;  padding: 0; }@media all and (min-width: 1650px) {  .container {    max-width: 1640px; } }@media only screen and (min-width: 1441px) and (max-width: 1650px) {  .container {    max-width: 1400px; } }@media only screen and (min-width: 1201px) and (max-width: 1440px) {  .container {    max-width: 1200px; } }@media only screen and (min-width: 1135px) and (max-width: 1200px) {  .container {    max-width: 1100px; } }@media only screen and (min-width: 990px) and (max-width: 1024px) {  .container {    max-width: 950px; } }/****** tambahan ***********/.banner {	    position: relative;    background-repeat: no-repeat;    background-size: cover;	-webkit-background-size:cover;	-moz-background-size:cover;	-o-background-size:cover;  	background-position:center top;	min-height: 600px;	height:100%;	padding-top:50px;	margin: 50px auto 0;	}.banner2 {	    position: relative;    background-repeat: no-repeat;    background-size: cover;	-webkit-background-size:cover;	-moz-background-size:cover;	-o-background-size:cover;  	background-position:center top;	min-height: 350px;	height:100%;	padding-top:80px;	margin: 80px auto 0;	}.details-car-info {    position: sticky;    top: 70px;    z-index: 9;    background-color: #191f23;}.details-car-info .nav ul li.active a {    background-color: #d81517;}.details-car-info .nav ul li a {    border-left: 1px solid rgba(255,255,255,.1);    color: #fff;    display: block;    font-weight: 350;    padding: 15px 20px;}.details-car-info .nav ul li {    display: inline-block;    float: left;}.details-car-info .nav ul {    margin: 0;    padding: 0;    list-style: none;}.bottomDetail {    text-align: left;    padding: 1em 0;    margin: 1em 0 0;    border-top: solid 1px #ccc;    opacity: 0;}.search-content {    display: block;    margin-bottom: 0;    padding: 10px 0;	font-weight:600;}.product-brand .search-content .search-content-area {    margin-bottom: 0;}#menu-detail{display: none;}@media (min-width: 992px) { 	#menu-detail{display: block;}}@media (min-width: 1200px) { 	#menu-detail{display: block;}}.latest-news-slider-items .more-details {  color: #15a8d1;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 500;  position: relative;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.latest-news-slider-items .more-details:hover {padding-left: 60px;color: var(--main-color-one); }.latest-news-slider-items .more-details:hover::before {  background-color: var(--main-color-one);  visibility: visible;  opacity: 1; }.latest-news-slider-items .more-details::before {content: '';display: block;width: 50px;height: 1px;background-color: #181818;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);visibility: hidden;opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {    position: absolute;    top: 0;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    border: 0;}/******* end tambahan **********//*--------------------------------    Social Icon Design Here---------------------------------*/.social-icon.share-icon ul li .icon {  color: #181818; }.social-icon ul {  padding: 0;  margin: 0;  list-style-type: none; }  .social-icon ul a {    text-decoration: none; }.social-icon ul, .footer-social-icon ul {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex; }  .social-icon ul li, .footer-social-icon ul li {    padding: 0 10px;    margin: 0 !important; }    .social-icon ul li .icon, .footer-social-icon ul li .icon {      color: #fff;      font-size: 16px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .social-icon ul li .icon:hover, .footer-social-icon ul li .icon:hover {        color: var(--main-color-one); }.social-icon.share-icon ul li .iconIG {  color: #181818; }.social-icon ul {  padding: 0;  margin: 0;  list-style-type: none; }  .social-icon ul a {    text-decoration: none; }.social-icon ul, .footer-social-icon ul {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex; }  .social-icon ul li, .footer-social-icon ul li {    padding: 0 10px;    margin: 0 !important; }    .social-icon ul li .iconIG, .footer-social-icon ul li .iconIG {      color: #fff;      font-size: 16px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .social-icon ul li .iconIG:hover, .footer-social-icon ul li .iconIG:hover {        color: #833AB4; }html {  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  font-family: var(--body-font); }* {  -webkit-box-sizing: border-box;  box-sizing: border-box;  outline: none;  -moz-osx-font-smoothing: grayscale;  /* Firefox */  -webkit-font-smoothing: antialiased;  /* WebKit  */ }body {  margin: 0;  color: var(--paragraph-color);  overflow-x: hidden;  font-family: var(--body-font); }h1 {  font-size: 48px;  line-height: 1.0833333333333333; }h2 {  font-size: 36px;  line-height: 1.4444444444444444; }h3 {  font-size: 24px;  line-height: 1.0833333333333333; }h4 {  font-size: 20px;  line-height: 1.2380952380952381; }h1,h2,h3,h4,h5,h6 {  color: var(--heading-color);  font-family: var(--heading-font); }p {  color: var(--paragraph-color);  -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;  margin-bottom: 10px; }a {  color: inherit;  text-decoration: none;  color: var(--paragraph-color); }a,a:hover,a:focus,a:active {  text-decoration: none;  outline: none;  color: inherit; }pre {  word-break: break-word; }a i {  padding: 0 2px; }img {  max-width: 100%; }ol {  counter-reset: counter;  padding-left: 0; }ol li {  list-style: none;  margin-bottom: 1rem; }ol li:before {  counter-increment: counter;  content: counter(counter);  font-weight: 500;  margin-right: 10px; }/*input and button type focus outline disable*/input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,select:focus {  outline: none;  -webkit-box-shadow: none;  box-shadow: none;  border: none; }.check-list {  margin: 0;  padding: 0;  list-style: none; }  .check-list li {    display: block;    padding-left: 20px;    position: relative;    z-index: 0; }    .check-list li:after {      position: absolute;      left: 0;      top: 0;      font-family: 'fontawesome';      content: "\f105";      color: var(--main-color-one); }.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {  clear: both; }.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {  float: left;  width: 50%; }.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {  float: right;  text-align: right;  width: 50%; }.comment-navigation .nav-previous &gt; a,.posts-navigation .nav-previous &gt; a,.post-navigation .nav-previous &gt; a,.comment-navigation .nav-next &gt; a,.posts-navigation .nav-next &gt; a,.post-navigation .nav-next &gt; a {  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.comment-navigation .nav-previous:hover &gt; a,.posts-navigation .nav-previous:hover &gt; a,.post-navigation .nav-previous:hover &gt; a,.comment-navigation .nav-next:hover &gt; a,.posts-navigation .nav-next:hover &gt; a,.post-navigation .nav-next:hover &gt; a {  color: var(--main-color-one); }/*--------------------------------------------------------------# Accessibility--------------------------------------------------------------*//* Text meant only for screen readers. */.screen-reader-text {  border: 0;  clip: rect(1px, 1px, 1px, 1px);  -webkit-clip-path: inset(50%);  clip-path: inset(50%);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute !important;  width: 1px;  word-wrap: normal !important;  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }.screen-reader-text:focus {  background-color: #f1f1f1;  border-radius: 3px;  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);  clip: auto !important;  -webkit-clip-path: none;  clip-path: none;  color: #21759b;  display: block;  font-size: 14px;  font-size: 0.875rem;  font-weight: bold;  height: auto;  left: 5px;  line-height: normal;  padding: 15px 23px 14px;  text-decoration: none;  top: 5px;  width: auto;  z-index: 100000;  /* Above WP toolbar. */ }/* Do not show the outline on the skip link target. */#content[tabindex="-1"]:focus {  outline: 0; }button:focus {  outline: none; }/*--------------------------------------------------------------# Globals--------------------------------------------------------------*/.padding-left-0 {  padding-left: 0; }.padding-right-0 {  padding-left: 0; }.gray-bg {  background-color: #f8f8f8; }.padding-top-5 {  padding-top: 5px; }.padding-top-10 {  padding-top: 10px; }.padding-top-15 {  padding-top: 15px; }.padding-top-20 {  padding-top: 20px; }.padding-top-25 {  padding-top: 25px; }.padding-top-30 {  padding-top: 30px; }.padding-top-35 {  padding-top: 35px; }.padding-top-40 {  padding-top: 40px; }.padding-top-45 {  padding-top: 45px; }.padding-top-50 {  padding-top: 50px; }.padding-top-60 {  padding-top: 60px; }.padding-top-70 {  padding-top: 70px; }.padding-top-75 {  padding-top: 75px; }.padding-top-80 {  padding-top: 80px; }.padding-top-85 {  padding-top: 85px; }.padding-top-90 {  padding-top: 90px; }.padding-top-95 {  padding-top: 95px; }.padding-top-100 {  padding-top: 100px; }.padding-top-105 {  padding-top: 105px; }.padding-top-110 {  padding-top: 110px; }.padding-top-115 {  padding-top: 115px; }.padding-top-120 {  padding-top: 120px; }.padding-top-125 {  padding-top: 125px; }.padding-bottom-5 {  padding-bottom: 5px; }.padding-bottom-10 {  padding-bottom: 10px; }.padding-bottom-15 {  padding-bottom: 15px; }.padding-bottom-20 {  padding-bottom: 20px; }.padding-bottom-25 {  padding-bottom: 25px; }.padding-bottom-30 {  padding-bottom: 30px; }.padding-bottom-35 {  padding-bottom: 35px; }.padding-bottom-40 {  padding-bottom: 40px; }.padding-bottom-45 {  padding-bottom: 45px; }.padding-bottom-50 {  padding-bottom: 50px; }.padding-bottom-60 {  padding-bottom: 60px; }.padding-bottom-65 {  padding-bottom: 65px; }.padding-bottom-70 {  padding-bottom: 70px; }.padding-bottom-75 {  padding-bottom: 75px; }.padding-bottom-80 {  padding-bottom: 80px; }.padding-bottom-85 {  padding-bottom: 85px; }.padding-bottom-90 {  padding-bottom: 90px; }.padding-bottom-95 {  padding-bottom: 95px; }.padding-bottom-100 {  padding-bottom: 100px; }.padding-bottom-110 {  padding-bottom: 110px; }.padding-bottom-105 {  padding-bottom: 105px; }.padding-bottom-115 {  padding-bottom: 115px; }.padding-bottom-120 {  padding-bottom: 120px; }.padding-bottom-125 {  padding-bottom: 125px; }.padding-bottom-130 {  padding-bottom: 130px; }.padding-bottom-135 {  padding-bottom: 135px; }.padding-bottom-150 {  padding-bottom: 150px; }.padding-bottom-160 {  padding-bottom: 160px; }.padding-bottom-165 {  padding-bottom: 165px; }.padding-120 {  padding-top: 120px;  padding-bottom: 120px; }.padding-110 {  padding-top: 110px;  padding-bottom: 110px; }.padding-100 {  padding-top: 100px;  padding-bottom: 100px; }.padding-15 {  padding-top: 15px;  padding-bottom: 15px; }.padding-20 {  padding-top: 20px;  padding-bottom: 20px; }.padding-30 {  padding-top: 30px;  padding-bottom: 30px; }.padding-40 {  padding-top: 40px;  padding-bottom: 40px; }.padding-50 {  padding-top: 50px;  padding-bottom: 50px; }.padding-60 {  padding-top: 60px;  padding-bottom: 60px; }.padding-70 {  padding-top: 70px;  padding-bottom: 70px; }.padding-80 {  padding-top: 80px;  padding-bottom: 80px; }.padding-90 {  padding-top: 90px;  padding-bottom: 90px; }.padding-10 {  padding-top: 10px;  padding-bottom: 10px; }.margin-top-10 {  margin-top: 10px; }.margin-top-20 {  margin-top: 20px; }.margin-top-30 {  margin-top: 30px; }.margin-top-40 {  margin-top: 40px; }.margin-top-50 {  margin-top: 50px; }.margin-top-55 {  margin-top: 55px; }.margin-top-60 {  margin-top: 60px; }.margin-top-70 {  margin-top: 70px; }.margin-top-80 {  margin-top: 80px; }.margin-top-90 {  margin-top: 90px; }.margin-top-100 {  margin-top: 100px; }.margin-bottom-0 {  margin-bottom: 0px !important; }.margin-bottom-10 {  margin-bottom: 10px; }.margin-bottom-15 {  margin-bottom: 15px; }.margin-bottom-20 {  margin-bottom: 20px; }.margin-bottom-25 {  margin-bottom: 25px; }.margin-bottom-30 {  margin-bottom: 30px; }.margin-bottom-40 {  margin-bottom: 40px; }.margin-bottom-50 {  margin-bottom: 50px; }.margin-bottom-55 {  margin-bottom: 55px; }.margin-bottom-60 {  margin-bottom: 60px; }.margin-bottom-70 {  margin-bottom: 70px; }.margin-bottom-80 {  margin-bottom: 80px; }.margin-bottom-90 {  margin-bottom: 90px; }.margin-bottom-100 {  margin-bottom: 100px; }.margin-top-100 {  margin-bottom: 100px; }.margin-top-120 {  margin-top: 120px; }.margin-bottom-120 {  margin-bottom: 120px; }.min-height-600 {  min-height: 600px; }.margin-50 {  margin-top: 50px;  margin-bottom: 50px; }/*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/.alignleft {  float: left;  clear: both;  margin-right: 20px; }.alignright {  float: right;  clear: both;  margin-left: 20px; }.aligncenter {  clear: both;  display: block;  margin: 0 auto 1.75em; }.alignfull {  margin: 1.5em 0;  max-width: 100%; }.alignwide {  max-width: 1100px; }/*--------------------------------------------------------------# Clearings--------------------------------------------------------------*/.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {  content: "";  display: table;  table-layout: fixed; }.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {  clear: both; }/*--------------------------------------------------------------## Posts and pages--------------------------------------------------------------*/.sticky {  display: block; }.updated:not(.published) {  display: none; }.blog-pagination ul li {  display: inline-block; }.blog-pagination ul li + li {  margin: 0 5px; }.blog-pagination {  display: block;  width: 100%; }.blog-pagination ul {  margin: 0;  padding: 0;  list-style: none;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }.blog-pagination ul li a,.blog-pagination ul li span {  display: block;  width: 40px;  height: 40px;  border: 1px solid #91939D;  line-height: 40px;  text-align: center;  font-weight: 600;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in;  color: #91939D;  font-size: 14px; }.blog-pagination ul li:first-child a, .blog-pagination ul li:last-child a {  border: none;  position: relative;  font-size: 25px; }  .blog-pagination ul li:first-child a:hover, .blog-pagination ul li:last-child a:hover {    background-color: transparent;    color: #181818; }    .blog-pagination ul li:first-child a:hover::after, .blog-pagination ul li:last-child a:hover::after {      display: block; }  .blog-pagination ul li:first-child a::after, .blog-pagination ul li:last-child a::after {    content: '';    display: inline-block;    width: 20px;    height: 20px;    border-radius: 50%;    border: 1px solid var(--main-color-one);    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    display: none;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    z-index: -1; }.blog-pagination ul li:first-child a::after {  left: 3px; }.blog-pagination ul li:last-child a::after {  right: 3px; }.blog-pagination ul li span.current,.blog-pagination ul li a:hover {  background-color: #181818;  color: #fff; }/*--------------------------------------------------------------# Media--------------------------------------------------------------*/.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {  border: none;  margin-bottom: 0;  margin-top: 0;  padding: 0; }/* Make sure embeds and iframes fit their containers. */embed,iframe,object {  max-width: 100%; }/* Make sure logo link wraps around logo image. */.custom-logo-link {  display: inline-block; }/*--------------------------------------------------------------## Captions--------------------------------------------------------------*/.wp-caption {  margin-bottom: 1.5em;  max-width: 100%;  clear: both; }.wp-caption img[class*="wp-image-"] {  display: block;  margin-left: auto;  margin-right: auto; }.wp-caption .wp-caption-text {  margin: 0.8075em 0; }.wp-caption-text {  text-align: center; }/*--------------------------------------------------------------## Galleries--------------------------------------------------------------*/.gallery {  margin-bottom: 1.5em; }.gallery-item {  display: inline-block;  text-align: center;  vertical-align: top;  width: 100%; }.gallery-columns-2 .gallery-item {  max-width: 50%; }.gallery-columns-3 .gallery-item {  max-width: 33.33%; }.gallery-columns-4 .gallery-item {  max-width: 25%; }.gallery-columns-5 .gallery-item {  max-width: 20%; }.gallery-columns-6 .gallery-item {  max-width: 16.66%; }.gallery-columns-7 .gallery-item {  max-width: 14.28%; }.gallery-columns-8 .gallery-item {  max-width: 12.5%; }.gallery-columns-9 .gallery-item {  max-width: 11.11%; }.gallery-caption {  display: block; }/*----------------------------------------    # Unit test------------------------------------------*/.wp-link-pages a {  margin: 0 5px;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.wp-link-pages {  margin-bottom: 30px;  margin-top: 25px; }.wp-link-pages span,.wp-link-pages a {  border: 1px solid #e2e2e2;  padding: 5px 15px;  display: inline-block; }.wp-link-pages .current,.wp-link-pages a:hover {  background-color: var(--main-color-one);  color: #fff;  border-color: var(--main-color-one); }.wp-link-pages span:first-child {  margin-right: 5px; }dl,ol,ul {  padding-left: 15px; }.post-password-form input {  display: block;  border: 1px solid #e2e2e2;  height: 50px;  border-radius: 3px;  padding: 0 20px; }.post-password-form label {  font-weight: 600;  color: #333; }.post-password-form input[type=submit] {  width: 100px;  height: 50px;  background-color: var(--main-color-one);  color: #fff;  font-size: 16px;  font-weight: 600;  letter-spacing: 1px;  border: none;  cursor: pointer;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.post-password-form input[type=submit]:hover {  background-color: #121A2F; }.footer-widget .table td,.footer-widget .table th {  padding: 0.50rem !important; }/*--------------------------------------------------------------# Gutenberg	Default Style--------------------------------------------------------------*/.single-post-details-item .entry-content &gt; .alignwide {  max-width: 1100px; }.single-post-details-item .entry-content &gt; .alignfull {  margin: 1.5em 0;  max-width: 100%; }.wp-block-video video {  max-width: 636px; }.wp-block-image img {  display: block; }.wp-block-image.alignleft,.wp-block-image.alignright {  width: 100%; }.wp-block-image.alignfull img {  width: 100vw; }.wp-block-gallery:not(.components-placeholder) {  margin: 1.5em auto; }.wp-block-cover-text p {  padding: 1.5em 14px; }ul.wp-block-latest-posts.alignwide,ul.wp-block-latest-posts.alignfull,ul.wp-block-latest-posts.is-grid.alignwide,ul.wp-block-latest-posts.is-grid.alignwide {  padding: 0 14px; }.wp-block-table {  display: block;  overflow-x: auto; }.wp-block-table table {  border-collapse: collapse;  width: 100%; }.wp-block-table td, .wp-block-table th {  padding: .5em; }.wp-block-embed.type-video &gt; .wp-block-embed__wrapper {  position: relative;  width: 100%;  height: 0;  padding-top: 56.25%; }.wp-block-embed.type-video &gt; .wp-block-embed__wrapper &gt; iframe {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  bottom: 0;  right: 0; }.wp-block-quote.is-large {  margin: 0 auto 16px; }.wp-block-pullquote &gt; p:first-child {  margin-top: 0; }.wp-block-separator {  margin: 3em auto;  padding: 0; }@media screen and (min-width: 768px) {  .wp-block-cover-text p {    padding: 1.5em 0; } }wp-block-video video {  max-width: 636px; }.wp-block-image img {  display: block; }.wp-block-image.alignleft,.wp-block-image.alignright {  width: 100%; }.wp-block-image.alignfull img {  width: 100vw; }.wp-block-gallery:not(.components-placeholder) {  margin: 1.5em auto; }.wp-block-cover-text p {  padding: 1.5em 14px; }ul.wp-block-latest-posts.alignwide,ul.wp-block-latest-posts.alignfull,ul.wp-block-latest-posts.is-grid.alignwide,ul.wp-block-latest-posts.is-grid.alignwide {  padding: 0 14px; }.wp-block-table {  display: block;  overflow-x: auto; }.wp-block-table table {  border-collapse: collapse;  width: 100%; }.wp-block-table td, .wp-block-table th {  padding: .5em; }.wp-block-embed.type-video &gt; .wp-block-embed__wrapper {  position: relative;  width: 100%;  height: 0;  padding-top: 56.25%; }.wp-block-embed.type-video &gt; .wp-block-embed__wrapper &gt; iframe {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  bottom: 0;  right: 0; }.wp-block-quote.is-large {  margin: 0 auto 16px; }.wp-block-pullquote &gt; p:first-child {  margin-top: 0; }.wp-block-quote:not(.is-large):not(.is-style-large) {  border-left: 4px solid #000;  padding-left: 1em; }.wp-block-separator {  margin: 3em auto;  padding: 0; }@media screen and (min-width: 768px) {  .wp-block-cover-text p {    padding: 1.5em 0; } }.wp-block-pullquote {  border-top: 4px solid #555d66;  border-bottom: 4px solid #555d66;  color: #40464d; }/*--------------------------------------------------------------## Block Color Palette Colors--------------------------------------------------------------*/.has-strong-blue-color {  color: #0073aa; }.has-strong-blue-background-color {  background-color: #0073aa; }.has-lighter-blue-color {  color: #229fd8; }.has-lighter-blue-background-color {  background-color: #229fd8; }.has-very-light-gray-color {  color: #eee; }.has-very-light-gray-background-color {  background-color: #eee; }.has-very-dark-gray-color {  color: #444; }.has-very-dark-gray-background-color {  background-color: #444; }/*---------------------    ## Breadcumb ----------------------*/.breadcrumb-area {  padding: 150px 0 152px 0;  position: relative;  z-index: 0;  background-size: cover;  background-position: center; }  .breadcrumb-area.bg-white {    padding: 120px 0 75px 0; }    .breadcrumb-area.bg-white:before {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      content: '';      background-color: #fff;      z-index: -1; }    .breadcrumb-area.bg-white .page-title {      color: #181818; }    .breadcrumb-area.bg-white p {      color: #181818; }    .breadcrumb-area.bg-white .page-list li {      color: #181818; }      .breadcrumb-area.bg-white .page-list li a:hover {        color: #181818; }  .breadcrumb-area:before {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    content: '';    background-color: rgba(24, 24, 24, 0.2);    z-index: -1; }  .breadcrumb-area.extra {    padding-bottom: 138px; }  .breadcrumb-area.style-02 {    padding: 0; }    .breadcrumb-area.style-02 .breadcrumb-inner {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: nowrap;      flex-wrap: nowrap; }      .breadcrumb-area.style-02 .breadcrumb-inner .breadcrumb-left {        width: 30%; }      .breadcrumb-area.style-02 .breadcrumb-inner .breadcrumb-right {        width: 70%; }    .breadcrumb-area.style-02 .page-title {      color: #181818; }    .breadcrumb-area.style-02 p {      color: #181818; }    .breadcrumb-area.style-02 .page-list li {      color: #181818; }      .breadcrumb-area.style-02 .page-list li:first-child a {        color: var(--main-color-one); }      .breadcrumb-area.style-02 .page-list li:first-child:after {        display: none; }      .breadcrumb-area.style-02 .page-list li a {        color: #181818; }        .breadcrumb-area.style-02 .page-list li a:hover {          color: #181818; }    .breadcrumb-area.style-02 .breadcrumb-inner-wrap {      display: -ms-grid;      display: grid;      place-content: center;      height: 100%; }    .breadcrumb-area.style-02 .breadcrumb-border {      background-color: #fff;      padding: 40px 80px 45px 80px;      -webkit-transform: translateX(30%);      -ms-transform: translateX(30%);      transform: translateX(30%);      z-index: 1;      border-left: 2px solid #CAD1DC;      position: relative;      width: 30vw; }      .breadcrumb-area.style-02 .breadcrumb-border::before {        top: 0; }      .breadcrumb-area.style-02 .breadcrumb-border::after {        bottom: 0; }      .breadcrumb-area.style-02 .breadcrumb-border::before, .breadcrumb-area.style-02 .breadcrumb-border::after {        position: absolute;        left: 0;        content: '';        display: block;        width: 50%;        height: 2px;        background-color: #CAD1DC; }    .breadcrumb-area.style-02 .breadcrumb-thumb {      background-size: cover;      background-position: center;      padding: 180px 0;      width: 65vw; }    .breadcrumb-area.style-02:before {      background-color: #fff; }  .breadcrumb-area.style-03 .breadcrumb-content {    position: absolute;    left: 50%;    bottom: 0;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    text-align: center;    background-color: #fff;    padding: 30px 40px 0 40px; }    .breadcrumb-area.style-03 .breadcrumb-content .page-title {      color: #181818; }    .breadcrumb-area.style-03 .breadcrumb-content .page-list li {      color: #181818; }      .breadcrumb-area.style-03 .breadcrumb-content .page-list li a:hover {        color: #181818; }  .breadcrumb-area .page-title {    font-size: 65px;    line-height: 75px;    font-weight: 700;    color: #fff;    text-transform: capitalize;    margin-bottom: 15px; }  .breadcrumb-area p {    font-size: 16px;    line-height: 26px;    max-width: 600px;    color: rgba(255, 255, 255, 0.7);    margin-bottom: 20px; }  .breadcrumb-area .page-list {    margin: 0;    padding: 0; }    .breadcrumb-area .page-list li {      display: inline-block;      position: relative;      padding-left: 30px;      font-size: 18px;      font-weight: 400;      color: rgba(255, 255, 255, 0.7); }      .breadcrumb-area .page-list li:first-child {        padding-left: 0; }        .breadcrumb-area .page-list li:first-child a {          color: var(--main-color-one); }        .breadcrumb-area .page-list li:first-child:after {          display: none; }      .breadcrumb-area .page-list li:after {        position: absolute;        left: 10px;        top: 0;        content: "-";        font-family: 'fontawesome'; }      .breadcrumb-area .page-list li a {        color: rgba(255, 255, 255, 0.7);        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .breadcrumb-area .page-list li a:hover {          color: #fff; }/*--------------------------------------------------------------	## Comments--------------------------------------------------------------*/.comment-content a {  word-wrap: break-word; }.bypostauthor {  display: block; }.comments-area {  margin-top: 30px; }.comments-area .comments-title {  font-size: 26px;  line-height: 34px;  font-weight: 600;  margin-bottom: 25px; }.comments-area .comment-list .comment-respond {  margin-bottom: 30px; }.comments-area .comment-list {  margin: 0;  padding: 0;  list-style: none;  list-style-type: none;  margin-bottom: 20px; }.comments-area .comment-list li {  margin-bottom: 30px; }.comments-area .comment-list li:last-child {  margin-bottom: 0; }.comments-area .comment-list li ul.children {  margin: 0;  padding: 0;  list-style: none;  list-style-type: none; }.comments-area .comment-list li ul {  list-style: none; }.comments-area .comment-list li ul.children li {  margin-left: 50px;  list-style-type: none;  list-style: none; }.comments-area .comment-list li .single-comment-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-item-align: start;  align-self: flex-start; }.comments-area .comment-list li .single-comment-wrap .thumb {  margin-right: 20px;  min-width: 80px;  border-radius: 50%; }.comments-area .comment-list li .single-comment-wrap .thumb img {  margin-bottom: 10px;  border-radius: 50%;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }.comments-area .comment-list li .single-comment-wrap .date,.blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time {  display: block;  font-size: 14px;  line-height: 20px;  margin-bottom: 20px; }.comments-area .comment-list li .single-comment-wrap .content {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;  position: relative; }.comments-area .comment-list li .single-comment-wrap .content .title {  font-size: 18px;  line-height: 28px;  font-weight: 600;  font-family: var(--heading-font); }.comments-area .comment-list li .single-comment-wrap .content .comment-content {  max-width: 620px; }.comments-area .comment-list li .single-comment-wrap .content p {  font-size: 16px;  line-height: 26px;  word-break: break-word; }.comments-area .comment-list li .single-comment-wrap .content p:last-child {  margin-bottom: 0; }.comments-area .comment-list li .single-comment-wrap .content .reply {  position: absolute;  top: 0;  right: 0;  color: var(--paragraph-color);  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.comments-area .comment-list li .single-comment-wrap .content .reply:hover {  color: var(--main-color-one); }.comments-area .reply-title,.comments-area .comment-reply-title {  font-size: 26px;  line-height: 34px;  font-weight: 600;  margin-bottom: 20px; }.comments-area .form-submit {  margin-bottom: 0; }.comment-form .form-group.textarea .form-control {  min-height: 160px;  resize: none;  line-height: 26px; }.comment-form .form-group.textarea .form-control:focus {  outline: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; }.comment-form .submit-btn {  height: 50px;  width: auto;  border-radius: 5px;  font-weight: 400;  background-color: var(--main-color-one);  border: none;  cursor: pointer;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in;  color: #fff; }.comment-form .submit-btn:hover {  background-color: var(--secondary-color);  color: #fff; }.comment-respond {  /*margin-top: 20px;*/ }.comments-area .comment-list .children li:last-child {  margin-bottom: 30px; }.comments-area .comment-list li ul.children {  margin-top: 30px; }.comment-form-cookies-consent input[type=checkbox] {  margin-right: 5px; }/*--------------------------------------------------------------	## WIdgets--------------------------------------------------------------*/.widget {  background-color: #F4F7FC;  margin-bottom: 30px;  padding: 25px 30px 30px 30px; }  .widget .widget-title {    color: #181818; }    .widget .widget-title.border-bottom {      border-bottom: 0 !important; }      .widget .widget-title.border-bottom::after {        content: '';        display: block;        border-bottom: 1px solid #181818;        width: 60%;        margin-top: 10px; }  .widget.style-01 .recent_post_item li.single-recent-post-item:not(:last-child) {    border-bottom: 1px solid #CAD1DC;    padding-bottom: 20px; }  .widget.style-01 .recent_post_item li.single-recent-post-item .thumb {    width: 130px;    height: 120px;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex; }  .widget.style-01 .recent_post_item li.single-recent-post-item .content {    display: -ms-grid;    display: grid;    -ms-grid-row-align: center;    align-self: center; }    .widget.style-01 .recent_post_item li.single-recent-post-item .content .title {      color: #181818;      font-size: 18px;      line-height: 30px; }    .widget.style-01 .recent_post_item li.single-recent-post-item .content .time {      color: #181818; }  .widget.style-01 .gallery-items {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }    .widget.style-01 .gallery-items li {      margin: 0;      padding: 10px; }  .widget.style-01 .tagcloud {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }    .widget.style-01 .tagcloud a {      color: #181818;      font-size: 14px;      line-height: 24px;      font-weight: 400;      padding: 5px 15px;      display: table;      border: 1px solid #181818;      border-radius: 20px;      margin: 5px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .widget.style-01 .tagcloud a:hover {        color: #fff;        background-color: var(--main-color-one);        border: 1px solid var(--main-color-one); }  .widget.blog-bg {    background-color: #F2F6FA; }  .widget.radio-button ul a {    position: relative;    padding-left: 20px;    font-size: 14px;    line-height: 24px;    color: #181818;    font-weight: 400; }    .widget.radio-button ul a:hover::before {      background-color: var(--main-color-one); }    .widget.radio-button ul a:hover::after {      border: 1px solid var(--main-color-one); }    .widget.radio-button ul a::before, .widget.radio-button ul a::after {      content: '';      display: inline-block;      border-radius: 50%;      position: absolute;      top: 50%;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .widget.radio-button ul a::before {      width: 8px;      height: 8px;      background-color: #181818;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      left: 0; }    .widget.radio-button ul a::after {      width: 12px;      height: 12px;      border: 1px solid #181818;      top: 50%;      left: 4px;      -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);      transform: translate(-50%, -50%); }  .widget.bg-none {    background-color: transparent; }.widget select {  width: 100%;  height: 50px;  padding: 10px 20px; }.widget .widget-title {  font-size: 22px;  font-weight: 700;  line-height: 31px;  margin-bottom: 20px;  position: relative; }.widget.widget_calendar {  padding-right: 24px;  padding-left: 24px; }.widget:last-child {  margin-bottom: 0px; }.widget.widget_nav_menu ul li.menu-item-has-children:after {  display: none; }.widget.footer-widget .subscribe-form .form-group .form-control {  background-color: #515457;  color: #fff; }  .widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {    /* WebKit browsers */    color: rgba(255, 255, 255, 0.6); }  .widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */    color: rgba(255, 255, 255, 0.6); }  .widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {    /* Mozilla Firefox 19+ */    color: rgba(255, 255, 255, 0.6); }  .widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {    /* Internet Explorer 10+ */    color: rgba(255, 255, 255, 0.6); }.widget.footer-widget .subscribe-form .submit-btn:hover {  background-color: #fff;  color: var(--main-color-one); }.widget.footer-widget {  background-color: transparent !important;  padding: 0;  margin-bottom: 30px; }.widget ul {  margin: 0;  padding: 0;  list-style: none; }.widget ul li ul {  margin-left: 20px; }.widget ul li {  display: block;  margin: 8px 0;  -ms-word-wrap: break-word;  word-break: break-word; }.widget ul li:first-child {  margin-top: 0px; }.widget ul li:last-child {  margin-bottom: 0px; }.widget ul li a {  color: inherit;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.widget ul li a:hover {  color: var(--main-color-one); }.widget_search .search-form {  position: relative; }.widget_search .search-form .form-group {  margin-bottom: 0; }.widget_search .search-form .form-group .form-control {  height: 50px;  border: 1px solid rgba(0, 0, 0, 0.2);  padding: 0 70px 0 15px; }.widget_search .search-form .submit-btn {  position: absolute;  right: 0;  top: 0;  width: 60px;  height: 50px;  line-height: 50px;  padding: 0;  font-size: 18px;  border-top-right-radius: 5px;  border-bottom-right-radius: 5px;  background-color: var(--main-color-one);  color: #fff;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in;  border: none;  cursor: pointer; }.widget_search .search-form .submit-btn:hover {  background-color: rgba(251, 9, 55, 0.8);  color: #fff; }.widget_author_meta {  text-align: center; }.widget_author_meta .thumb {  width: 80px;  height: 80px;  margin: 0 auto;  margin-bottom: 20px; }.widget_author_meta .thumb img {  border-radius: 50%; }.widget_author_meta .content .name {  font-size: 21px;  font-weight: 700; }.widget_author_meta .content p {  font-size: 16px;  line-height: 26px; }.widget_author_meta .content ul {  margin-top: 25px; }.widget_author_meta .content ul li {  display: inline-block;  margin: 0 5px; }.widget_author_meta .content ul li a {  display: block;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  border: 1px solid rgba(0, 0, 0, 0.1);  border-radius: 50%;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.widget_author_meta .content ul li a:hover {  background-color: var(--main-color-one);  color: #fff; }.widget_tag_cloud .tagcloud a {  display: inline-block;  padding: 5px 15px;  border: 1px solid rgba(0, 0, 0, 0.1);  margin: 5px;  color: inherit;  -webkit-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  border-radius: 5px;  font-size: 16px !important; }.widget_tag_cloud .tagcloud a:hover {  background-color: var(--main-color-one);  color: #fff; }.widget ul li ul.sub-menu {  position: initial; }.widget ul li ul.sub-menu {  visibility: visible;  opacity: 1;  background-color: transparent;  border-top: none;  -webkit-box-shadow: none;  box-shadow: none;  margin-top: 10px; }.widget ul li ul.sub-menu li a {  padding: 0 0 0px 10px; }.widget ul li ul.sub-menu li a:hover {  background-color: transparent; }.widget.widget_nav_menu ul {  margin: 0;  padding: 0;  list-style: none; }.widget.widget_nav_menu ul li {  margin: 2px 0; }.widget.widget_nav_menu ul li:first-child {  margin-top: 0; }.widget.widget_nav_menu ul li:last-child {  margin-bottom: 0; }.widget.widget_nav_menu ul li a {  border: none; }.widget.widget_nav_menu ul li &gt; ul {  margin-left: 15px; }.widget.footer-widget.widget_calendar table {  margin-bottom: 0; }.widget.footer-widget.widget_calendar caption {  padding-bottom: 0; }.widget.footer-widget .widget-title {  color: rgba(255, 255, 255, 0.9); }.widget.footer-widget p,.footer-widget.widget_tag_cloud .tagcloud a,.widget.footer-widget.widget_calendar caption,.widget.footer-widget.widget_calendar th,.widget.footer-widget.widget_calendar td {  color: white; }.widget.footer-widget ul li a,.widget.footer-widget ul li {  color: white; }.widget.footer-widget ul li a:hover {  color: var(--main-color-one); }.widget .social_share {  margin: 0;  padding: 0;  list-style: none;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; }  .widget .social_share li {    width: calc(100% / 3);    margin: 0;    display: block;    padding: 20px 0 12px 0;    text-align: center;    border-radius: 5px;    color: #fff; }    .widget .social_share li i {      display: block;      margin-bottom: 10px;      font-size: 20px; }    .widget .social_share li.facebook {      background-color: #4285F4; }    .widget .social_share li.twitter {      background-color: #55acee; }    .widget .social_share li.instagram {      background-color: #e4405f; }    .widget .social_share li a:hover {      color: #fff; }    .widget .social_share li + li {      margin-left: 10px; }.widget .recent_post_item {  margin: 0;  padding: 0;  list-style: none; }  .widget .recent_post_item li {    display: block; }    .widget .recent_post_item li + li {      margin-top: 20px; }    .widget .recent_post_item li.single-recent-post-item {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-item-align: start;      align-self: flex-start; }      .widget .recent_post_item li.single-recent-post-item .thumb {        width: 60px;        height: 60px;        margin-right: 15px; }      .widget .recent_post_item li.single-recent-post-item .content {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1; }        .widget .recent_post_item li.single-recent-post-item .content .title {          font-size: 16px;          line-height: 20px;          font-weight: 600; }        .widget .recent_post_item li.single-recent-post-item .content .time {          font-size: 14px;          font-weight: 500; }.contact_info_list {  margin: 0;  padding: 0;  list-style: none; }  .contact_info_list li {    display: block; }    .contact_info_list li.single-info-item {      position: relative;      margin-bottom: 20px; }      .contact_info_list li.single-info-item .icon {        position: absolute;        left: 0;        top: 0;        color: var(--main-color-one); }      .contact_info_list li.single-info-item .details {        padding-left: 30px; }.about_us_widget .footer-logo {  margin-bottom: 30px;  display: block; }.copyright-area {  padding: 20px 0;  text-align: center;  color: rgba(255, 255, 255, 0.7); }.widget-testimonial .icon {  font-size: 70px;  line-height: 60px;  color: var(--main-color-one);  margin-bottom: 16px; }.widget-testimonial p {  color: rgba(255, 255, 255, 0.8);  line-height: 1.6; }.widget-testimonial .author-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-item-align: start;  align-self: flex-start;  margin-top: 24px; }  .widget-testimonial .author-meta .thumb {    margin-right: 20px; }    .widget-testimonial .author-meta .thumb img {      max-width: 80px;      height: 80px;      border-radius: 50%; }  .widget-testimonial .author-meta .content {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    margin-top: 15px; }    .widget-testimonial .author-meta .content .name {      font-size: 18px;      line-height: 26px;      font-weight: 700;      color: #fff;      margin-bottom: 0; }    .widget-testimonial .author-meta .content .designation {      color: rgba(255, 255, 255, 0.8);      font-size: 14px; }/*----------------------------------------------    # Nav bar ----------------------------------------------*/.navbar.navbar-area.white .navbar-toggler-icon {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }.navbar.navbar-area .navbar-toggler-icon {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }#offcanvas-menu {  display: none !important; }.navbar-area {  padding: 0;  z-index: 99;  /*------Style 02------*/  /*------Style 02 End------*/ }  .navbar-area.style-05 {    padding-left: 40px; }    .navbar-area.style-05 .nav-container .navbar-collapse .navbar-nav {      -webkit-box-pack: start;      -ms-flex-pack: start;      justify-content: flex-start; }  .navbar-area.style-02 .nav-container .navbar-collapse .navbar-nav &gt; li {    color: #181818; }  .navbar-area .nav-container {    /*---Nav Bar Collapse---*/    /*---// Nav Bar Collapse---*/ }    .navbar-area .nav-container .navbar-collapse .navbar-nav {      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end;      width: 100%; }      .navbar-area .nav-container .navbar-collapse .navbar-nav &gt; li::after {        content: "";        clear: both;        display: block;        background: var(--main-color-one);        height: 3px;        width: 0px;        -webkit-transition: .3s;        -o-transition: .3s;        transition: .3s;        margin-bottom: -2px;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .navbar-area .nav-container .navbar-collapse .navbar-nav &gt; li:hover::after {        width: 100%; }      .navbar-area .nav-container .navbar-collapse .navbar-nav li {        display: inline-block;        font-size: 16px;        line-height: 65px;        font-family: var(--menu-font);        font-weight: 400;        color: #000; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {          margin-left: 20px; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li:hover::before {          color: var(--main-color-one); }        .navbar-area .nav-container .navbar-collapse .navbar-nav li:hover {          color: var(--main-color-one); }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item::after {          width: 100%; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item::before {          color: var(--main-color-one); }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {          position: relative;          padding-right: 20px; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {            position: absolute;            right: 19px;            top: 50%;            content: "\f0d7";            font-family: 'Font Awesome 5 Free';            font-weight: 900;            -ms-transform: translateY(-50%);            /* IE 9 */            -webkit-transform: translateY(-50%);            /* Chrome, Safari, Opera */            transform: translateY(-50%);            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover &gt; .sub-menu {            visibility: visible;            opacity: 1; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {            position: absolute;            text-align: left;            min-width: 220px;            margin: 0;            padding: 0;            list-style: none;            top: 103%;            -webkit-box-shadow: 0 0 15px 0 rgba(24, 24, 24, 0.05);            box-shadow: 0 0 15px 0 rgba(24, 24, 24, 0.05);            background-color: rgba(24, 24, 24, 0.85);            z-index: 9999;            border-bottom: 4px solid var(--main-color-one);            visibility: hidden;            opacity: 0;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {              display: block;              margin-left: 0;              line-height: 25px;              font-size: 15px;              font-weight: 400;              font-family: var(--menu-font);              padding: 0; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {                border-top: 1px solid rgba(255, 255, 255, 0.2);                -webkit-transition: all 0.3s ease-in;                -moz-transition: all 0.3s ease-in;                -o-transition: all 0.3s ease-in;                transition: all 0.3s ease-in; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover + li {                border-color: var(--main-color-one); }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {                display: block;                padding: 12px 30px;                white-space: nowrap;                -webkit-transition: all 0.3s ease-in;                -moz-transition: all 0.3s ease-in;                -o-transition: all 0.3s ease-in;                transition: all 0.3s ease-in; }                .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {                  color: var(--main-color-one);                  padding-left: 40px; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {              position: relative;              z-index: 0;              padding-right: 0px; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {                position: absolute;                right: 15px;                top: 50%;                content: "\f0d7";                font-family: 'Font Awesome 5 Free';                font-weight: 900;                -ms-transform: translateY(-50%);                /* IE 9 */                -webkit-transform: translateY(-50%);                /* Chrome, Safari, Opera */                transform: translateY(-50%); }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children &gt; .sub-menu {                left: 100%;                top: 20px; }                .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children &gt; .sub-menu .sub-menu .sub-menu {                  left: auto;                  right: 100%; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover &gt; .sub-menu {                visibility: visible;                opacity: 1; }                .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover &gt; .sub-menu li:hover:before {                  color: #fff; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li a {          padding: 0 20px;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }/*---Navbar Right Content Start---*/.nav-right-content .contact-number {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  color: #fff;  font-size: 14px;  line-height: 24px;  font-family: var(--menu-font);  font-weight: 400;  min-width: 200px; }  .nav-right-content .contact-number .icon {    color: var(--main-color-one);    padding-right: 10px; }.nav-right-content.black ul li {  color: #181818; }  .nav-right-content.black ul li a {    color: #181818; }.nav-right-content ul {  margin: 0;  padding: 0;  list-style: none;  margin-left: 10px;  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .nav-right-content ul li {    display: inline-block;    margin: 0 28px;    color: #000; }    .nav-right-content ul li:last-child {      margin-right: 0; }    .nav-right-content ul li a {      color: #000;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .nav-right-content ul li a:hover {        color: var(--main-color-one); }    .nav-right-content ul li.search {      cursor: pointer;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .nav-right-content ul li.search:hover {        color: var(--main-color-one); }    .nav-right-content ul li.nav-btn .btn-boxed {      font-weight: 600;      text-transform: capitalize;      border-radius: 5px;      background-color: var(--main-color-one); }      .nav-right-content ul li.nav-btn .btn-boxed:hover {        background-color: var(--secondary-color); }    .nav-right-content ul li .notification {      position: relative; }    .nav-right-content ul li .notification .badge {      position: absolute;      top: -10px;      right: -10px;      padding: 3px 6px;      border-radius: 50%;      background-color: var(--main-color-one);      color: #fff;      font-weight: 400; }/*----// Nav Right Content End----*//*---Humberger Menu---*/.humberger-menu {  display: block;  width: 30px;  cursor: pointer; }  .humberger-menu.black span {    background-color: #181818; }  .humberger-menu.black:hover span {    width: 30px;    background-color: var(--main-color-one); }  .humberger-menu span {    height: 3px;    background-color: #000;    margin: 4px;    display: block;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .humberger-menu span.one {      width: 30px; }    .humberger-menu span.two {      width: 15px; }    .humberger-menu span.three {      width: 25px; }  .humberger-menu:hover span {    width: 30px;    background-color: var(--main-color-one); }@media only screen and (max-width: 991px) {  .navbar-area .nav-container {    position: relative;    z-index: 0;    min-height: 80px; }    .navbar-area .nav-container .navbar-brand {      display: block; }      .navbar-area .nav-container .navbar-brand .navbar-toggler {        position: absolute;        right: 10px;        border: 0; }    .navbar-area .nav-container .navbar-collapse {      background-color: #ffffff;      z-index: 9; }      .navbar-area .nav-container .navbar-collapse .navbar-nav {        display: block;        -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); }        .navbar-area .nav-container .navbar-collapse .navbar-nav &gt; li::after {          content: '';          display: none; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li {          display: block;          text-align: left;          line-height: 30px;          padding: 10px 0;          border-bottom: 0; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {            border-bottom: none; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {            margin-left: 0; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {            top: 25px;            right: 20px; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {            padding-bottom: 0; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover &gt; .sub-menu {              visibility: visible;              height: auto;              opacity: 1;              border-bottom: none; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover &gt; .sub-menu {              padding: 10px 0 10px 30px;              height: auto; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {            position: initial;            display: block;            width: 100%;            border-top: none;            -webkit-box-shadow: none;            box-shadow: none;            margin-left: 0;            padding-bottom: 0;            visibility: hidden;            opacity: 0;            height: 0;            overflow: hidden;            max-height: 250px;            overflow-y: scroll;            background-color: transparent;            -webkit-transition: height 500ms;            -moz-transition: height 500ms;            -o-transition: height 500ms;            transition: height 500ms;            border-bottom: 0 !important; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {              content: "\f107"; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {              padding: 0; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {                top: 30px;                color: #fff; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {                border-top: none; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {                border-top: 0; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {                color: #181818; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children &gt; .sub-menu {            padding: 0;            height: 0;            -webkit-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in;            width: 100%; } }/*--------------------------------------------------------------	## Header--------------------------------------------------------------*/header {  position: absolute;  top: 0;  left: 0;  z-index: 2;  width: 100%;  border-bottom: 1px solid rgba(255, 255, 255, 0.2);  /*--------Top Bar Area--------*/  /*-----------Left Content-------------*/  /*----------Right Content-----------*/  /*---logo area---*/  /*---navbar area---*/ }  header::after {    content: "";    display: table;    clear: both; }  header.position-inherit {    position: inherit; }  header.border-none {    border-bottom: none; }  header.border-none .topbar-area .container::before,  header.border-none .topbar-area .container::after {    background-color: transparent; }  header.style-04 .h4-header-inner {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    width: 100%;    padding-top: 45px;    height: 100px;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }  header.style-04 .humberger-menu-area {    width: 20%; }  header.style-04 .logo-area-wrap {    width: 60%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }  header.style-04 .nav-right-content {    width: 20%; }    header.style-04 .nav-right-content ul {      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end; }  header .container .row {    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }  header .topbar-area {    background-color: rgba(24, 24, 24, 0.7); }    header .topbar-area.style-02 {      background-color: #181818; }    header .topbar-area .container {      position: relative; }      header .topbar-area .container::before, header .topbar-area .container::after {        position: absolute;        top: 40px;        z-index: 1;        content: "";        width: 1px;        min-height: calc(100vh - 40px);        background-color: rgba(255, 255, 255, 0.2); }      header .topbar-area .container::before {        left: 0; }      header .topbar-area .container::after {        right: 0; }  header .topbar-inner {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    width: 100%; }  header .header-bottom-area {    width: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    height: 70px; }  header .left-content {    color: #fff;    font-size: 14px;    line-height: 25px;    font-weight: 400;    font-family: var(--menu-font); }  header .right-content {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }  header .logo-area {    width: 10%;    min-width: 160px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }  header .navbar-area {    width: 90%; }  header .navbar-toggler {    height: 70px; }.full-width-slider {  position: relative;  z-index: 1;  height: 100%;  width: 100%; }.overlay-bg {  position: relative;  z-index: 0; }  .overlay-bg::after {    position: absolute;    top: 0;    left: 0;    content: '';    display: block;    background-color: rgba(24, 24, 24, 0.2);    z-index: -1;    width: 100%;    height: 100%; }.home-slider-area {  width: 100%;  position: relative;  /*---Style 02 End---*/  /*---Style 03 End---*/  /*-------------------------          Slider Items Start    ---------------------------*/  /*-------------------------          Slider Items End    ---------------------------*/  /*--------------------------        Slider Bottom Area    ----------------------------*/  /*--------------------------       Slider Bottom Area End    ----------------------------*/  /*-----Slider Dots area-----*/  /*-----Slider Dots area End-----*/ }  .home-slider-area .container-fluid {    overflow-x: hidden; }    .home-slider-area .container-fluid .row {      position: relative; }  .home-slider-area .home-slider-one, .home-slider-area .home-slider-two, .home-slider-area .home-slider-three, .home-slider-area .home-slider-four {    width: 100%;    height: 100%;    /*------- Home Slider 01 Content Animation------*/    /*-------// Slider Content Animation------*/ }    .home-slider-area .home-slider-one .slick-slide.slick-active .slider-content .slider-title, .home-slider-area .home-slider-two .slick-slide.slick-active .slider-content .slider-title, .home-slider-area .home-slider-three .slick-slide.slick-active .slider-content .slider-title, .home-slider-area .home-slider-four .slick-slide.slick-active .slider-content .slider-title {      -webkit-animation: fadeInDown 2s 0s both;      animation: fadeInDown 2s 0s both; }    .home-slider-area .home-slider-one .slick-slide.slick-active .slider-content .slider-paragraph, .home-slider-area .home-slider-two .slick-slide.slick-active .slider-content .slider-paragraph, .home-slider-area .home-slider-three .slick-slide.slick-active .slider-content .slider-paragraph, .home-slider-area .home-slider-four .slick-slide.slick-active .slider-content .slider-paragraph {      -webkit-animation: fadeInRight 2s 0s both;      animation: fadeInRight 2s 0s both; }    .home-slider-area .home-slider-one .slick-slide.slick-active .slider-content .main-btn-wrap, .home-slider-area .home-slider-two .slick-slide.slick-active .slider-content .main-btn-wrap, .home-slider-area .home-slider-three .slick-slide.slick-active .slider-content .main-btn-wrap, .home-slider-area .home-slider-four .slick-slide.slick-active .slider-content .main-btn-wrap {      -webkit-animation: fadeInUp 2s 0s both;      animation: fadeInUp 2s 0s both; }  .home-slider-area.style-02 .home-slider-area__bottom-area {    background-repeat: no-repeat;    background-position: center;    background-size: cover;    position: relative;    z-index: -1;    height: 175px; }    .home-slider-area.style-02 .home-slider-area__bottom-area::before {      content: "";      background-color: rgba(24, 24, 24, 0.3);      display: block;      position: absolute;      top: 0;      left: 0;      z-index: 2;      width: 100%;      height: 100%; }    .home-slider-area.style-02 .home-slider-area__bottom-area .container {      height: 100%; }  .home-slider-area.style-02 .slider-items .slider-items-wrap {    padding-top: 100px; }  .home-slider-area.style-02 .slider-items .slider-inner {    height: 85%; }  .home-slider-area.style-02 .slider-items .slider-content-bottom {    height: 15%; }    .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; }      .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items {        position: relative;        font-weight: 600;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        padding: 0 30px; }        .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items__icon {          color: var(--main-color-one);          margin-right: 20px;          font-size: 25px; }        .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items__content .heading-05 {          color: #181818;          font-size: 25px;          line-height: 34px;          font-family: var(--body-font);          font-weight: 600;          margin-bottom: 0; }        .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items__content p {          color: #181818;          font-size: 14px;          line-height: 24px;          font-weight: 400;          font-family: var(--body-font); }        .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items:not(:last-child) {          border-right: 3px solid rgba(24, 24, 24, 0.2); }        .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items::after {          content: '';          width: 1px;          height: 60%;          background-color: #181818;          display: block;          position: absolute;          top: 20%;          left: -2px; }        .home-slider-area.style-02 .slider-items .slider-content-bottom .car-model .items:first-child::after {          display: none; }  .home-slider-area.style-02 .slider-items .slider-content {    color: #181818; }    .home-slider-area.style-02 .slider-items .slider-content .slider-paragraph {      color: #181818; }  .home-slider-area.style-02 .slider-items .slider-img {    width: 60%; }  .home-slider-area.style-02 .carousel-dots-area .carousel-dots {    padding-right: 10px;    /*---Style 02 Slick Arrow End---*/    /*---Style 02 Slick Dots End---*/ }    .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-prev::before, .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-next::after {      background-color: transparent;      border: 1px solid var(--main-color-one);      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      opacity: 0;      display: none; }    .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-prev::before {      left: -3px; }    .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-next::after {      left: 5px; }    .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-arrow {      color: #181818; }    .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-dots {      counter-reset: section; }      .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-dots li {        position: relative;        color: var(--main-color-one);        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 100%;        -webkit-box-shadow: none;        box-shadow: none;        list-style: none;        border: none;        padding: 0;        margin: 29px 0; }        .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-dots li::before {          counter-increment: section;          content: "0" counter(section) "";          color: #fff;          position: absolute;          font-size: 10px;          border-radius: 50%;          background-color: #181818;          opacity: .3;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in;          top: 0;          right: 0;          border: 2px solid transparent;          width: 25px;          height: 25px;          line-height: 22px; }        .home-slider-area.style-02 .carousel-dots-area .carousel-dots .slick-dots li.slick-active::before {          opacity: 1;          background-color: var(--main-color-one);          -webkit-transform: scale(1.2);          -ms-transform: scale(1.2);          transform: scale(1.2); }  .home-slider-area.style-03 .slider-left {    width: 10%;    height: 100vh; }    .home-slider-area.style-03 .slider-left .h3-slider-progress-area {      width: 100%;      height: 50%;      min-height: 250px;      padding-top: 150px; }      .home-slider-area.style-03 .slider-left .h3-slider-progress-area .progress-bar-line {        position: relative;        width: 2px;        height: 100%;        background-color: #CAD1DC;        margin-left: 20px; }      .home-slider-area.style-03 .slider-left .h3-slider-progress-area .progress-active-line {        position: absolute;        top: 0;        width: 2px;        height: 20%;        background-color: #181818; }    .home-slider-area.style-03 .slider-left .h3-slider-number-area {      width: 100%;      height: 50%; }      .home-slider-area.style-03 .slider-left .h3-slider-number-area .h3-slider-dots .slick-dots {        padding: 0;        margin: 0;        counter-reset: home3dots; }        .home-slider-area.style-03 .slider-left .h3-slider-number-area .h3-slider-dots .slick-dots li {          position: relative;          color: var(--main-color-one);          width: 40px;          height: 40px;          line-height: 25px;          border-radius: 100%;          list-style: none;          padding: 0;          margin: 10px 0;          cursor: pointer; }          .home-slider-area.style-03 .slider-left .h3-slider-number-area .h3-slider-dots .slick-dots li::before {            counter-increment: home3dots;            content: "0" counter(home3dots) "";            color: #fff;            position: absolute;            font-size: 14px;            font-family: ver(--body-font);            font-weight: 600;            color: #181818;            width: 100%;            height: 100%;            text-align: center;            display: -ms-grid;            display: grid;            -webkit-box-align: center;            -ms-flex-align: center;            align-items: center;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }          .home-slider-area.style-03 .slider-left .h3-slider-number-area .h3-slider-dots .slick-dots li.slick-active::before {            color: #fff;            background-color: #181818; }          .home-slider-area.style-03 .slider-left .h3-slider-number-area .h3-slider-dots .slick-dots li button {            display: none; }  .home-slider-area.style-03 .slider-right {    width: 90%; }    .home-slider-area.style-03 .slider-right .slider-content {      width: 40%;      padding-top: 150px;      position: relative; }      .home-slider-area.style-03 .slider-right .slider-content .slider-content-inner {        position: absolute;        top: 20%;        left: 20%;        width: 40vw;        z-index: 1; }        .home-slider-area.style-03 .slider-right .slider-content .slider-content-inner .slider-title .heading-01 {          color: #181818;          font-size: 100px;          line-height: 120px; }          .home-slider-area.style-03 .slider-right .slider-content .slider-content-inner .slider-title .heading-01 .bold {            top: 20px;            left: 20%;            color: #181818; }        .home-slider-area.style-03 .slider-right .slider-content .slider-content-inner .slider-paragraph p {          color: #181818; }    .home-slider-area.style-03 .slider-right .slider-img-wrap {      width: 60%; }      .home-slider-area.style-03 .slider-right .slider-img-wrap .slider-img {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        height: 100%;        position: relative; }        .home-slider-area.style-03 .slider-right .slider-img-wrap .slider-img::before {          content: '';          position: absolute;          background-color: #F5F5F5;          width: 85%;          height: calc(100% - 50px);          z-index: -1;          top: 6%;          right: 0; }  .home-slider-area.style-03 .slider-items .slider-inner {    -webkit-box-align: inherit;    -ms-flex-align: inherit;    align-items: inherit; }  .home-slider-area.style-03 .slider-items .slider-items-wrap {    width: 100%; }  .home-slider-area.style-03 .home-slider-area__bottom-area {    background-color: transparent;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-top: -80px;    z-index: 9; }    .home-slider-area.style-03 .home-slider-area__bottom-area .social-media-name {      width: 54%; }      .home-slider-area.style-03 .home-slider-area__bottom-area .social-media-name .social-media-inner {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        list-style-type: none;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between;        width: 70%;        height: 80px;        background-color: #181818;        padding: 0 4% 0 20%;        margin: 0;        list-style-type: none;        margin-left: -20%; }        .home-slider-area.style-03 .home-slider-area__bottom-area .social-media-name .social-media-inner .social-name {          color: #fff;          font-size: 14px;          font-family: var(--menu-font);          font-weight: 400;          padding: 29px 10px;          display: block;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }          .home-slider-area.style-03 .home-slider-area__bottom-area .social-media-name .social-media-inner .social-name:hover {            color: var(--main-color-one); }    .home-slider-area.style-03 .home-slider-area__bottom-area .carousel-dots-area .h3-carousel-dots {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      margin-left: -38px;      -webkit-transform: translateY(50%);      -ms-transform: translateY(50%);      transform: translateY(50%); }      .home-slider-area.style-03 .home-slider-area__bottom-area .carousel-dots-area .h3-carousel-dots .slick-next, .home-slider-area.style-03 .home-slider-area__bottom-area .carousel-dots-area .h3-carousel-dots .slick-prev {        width: 40px;        height: 40px;        line-height: 40px;        background-color: #181818;        color: #fff;        text-align: center;        font-size: 22px;        cursor: pointer;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .home-slider-area.style-03 .home-slider-area__bottom-area .carousel-dots-area .h3-carousel-dots .slick-next:hover, .home-slider-area.style-03 .home-slider-area__bottom-area .carousel-dots-area .h3-carousel-dots .slick-prev:hover {          background-color: var(--main-color-one); }      .home-slider-area.style-03 .home-slider-area__bottom-area .carousel-dots-area .h3-carousel-dots .slick-next {        -webkit-box-ordinal-group: 3;        -ms-flex-order: 2;        order: 2; }    .home-slider-area.style-03 .home-slider-area__bottom-area .arrow-down-wrap {      width: 42%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end; }      .home-slider-area.style-03 .home-slider-area__bottom-area .arrow-down-wrap .arrow-down {        color: var(--main-color-one);        position: relative;        padding-left: 50px;        -webkit-transform: rotate(-90deg);        -ms-transform: rotate(-90deg);        transform: rotate(-90deg);        width: 90px;        height: 25px;        font-size: 15px;        font-family: var(--menu-font);        font-weight: 400;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center; }        .home-slider-area.style-03 .home-slider-area__bottom-area .arrow-down-wrap .arrow-down::after {          position: absolute;          left: 0;          top: 50%;          content: '';          width: 40px;          height: 2px;          background-color: var(--main-color-one);          display: block; }  .home-slider-area.style-04 .slider-items {    height: calc(100vh - 75px); }    .home-slider-area.style-04 .slider-items .slider-items-wrap {      width: 100%; }    .home-slider-area.style-04 .slider-items .slider-content {      width: 60%; }    .home-slider-area.style-04 .slider-items .slider-popup-area {      width: 40%; }      .home-slider-area.style-04 .slider-items .slider-popup-area .play-area {        position: inherit;        top: 0;        left: 0;        -webkit-transform: inherit;        -ms-transform: inherit;        transform: inherit;        z-index: 9;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center; }  .home-slider-area.style-04 .row {    position: relative; }  .home-slider-area.style-04 .home-slider-area__bottom-area {    background-color: transparent; }    .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner {      display: -webkit-box;      display: -ms-flexbox;      display: flex; }      .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area {        width: 30%; }        .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .h4-slider-dots .slick-dots {          counter-reset: section;          display: -webkit-box;          display: -ms-flexbox;          display: flex;          -ms-flex-pack: distribute;          justify-content: space-around;          margin-bottom: 30px; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .h4-slider-dots .slick-dots li {            position: relative;            color: var(--main-color-one);            -webkit-box-shadow: none;            box-shadow: none;            list-style: none;            border: none;            padding: 0;            margin: 0; }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .h4-slider-dots .slick-dots li::before {              counter-increment: section;              content: "0" counter(section) "";              color: rgba(255, 255, 255, 0.5);              position: absolute;              font-size: 14px;              font-family: var(--body-font);              font-weight: 600;              -webkit-transition: all 0.3s ease-in;              -moz-transition: all 0.3s ease-in;              -o-transition: all 0.3s ease-in;              transition: all 0.3s ease-in; }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .h4-slider-dots .slick-dots li.slick-active::before {              color: #fff;              -webkit-transform: scale(1.3);              -ms-transform: scale(1.3);              transform: scale(1.3); }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .h4-slider-dots .slick-dots li button {              display: none; }        .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .slider-progress-inner {          position: relative;          width: 100%; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .slider-progress-inner .progress-full-line {            width: 100%;            height: 2px;            background-color: #fff; }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-progress-area .slider-progress-inner .progress-full-line .progress-active-line {              position: absolute;              top: 0;              left: 0;              width: 20%;              height: 2px;              background-color: var(--main-color-one); }      .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area {        width: 10%;        padding-left: 30px; }        .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area .h4-carousel-dots {          display: -webkit-box;          display: -ms-flexbox;          display: flex;          -ms-flex-wrap: nowrap;          flex-wrap: nowrap; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area .h4-carousel-dots .slick-next {            -webkit-box-ordinal-group: 3;            -ms-flex-order: 2;            order: 2; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area .h4-carousel-dots .slick-next, .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area .h4-carousel-dots .slick-prev {            width: 50px;            height: 50px;            line-height: 50px;            border: 1px solid #fff;            color: #fff;            font-size: 24px;            margin: 5px;            text-align: center;            display: block;            cursor: pointer;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area .h4-carousel-dots .slick-next:hover, .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-arrow-area .h4-carousel-dots .slick-prev:hover {              background-color: var(--main-color-one); }      .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area {        width: 60%; }        .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area .slider-booking-inner {          width: 70%;          background-color: var(--main-color-one);          float: right;          margin-right: -30%;          display: -webkit-box;          display: -ms-flexbox;          display: flex;          -ms-flex-wrap: nowrap;          flex-wrap: nowrap;          -webkit-box-align: center;          -ms-flex-align: center;          align-items: center;          padding: 30px 0 30px 30px; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area .slider-booking-inner .heading-06 {            color: #fff;            font-size: 14px;            font-family: var(--menu-font);            line-height: 30px;            font-weight: 400;            letter-spacing: 6.43px;            text-transform: uppercase; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area .slider-booking-inner .heading-04 {            color: #fff;            font-size: 30px;            font-family: var(--menu-font);            line-height: 50px;            font-weight: 400;            text-transform: capitalize; }          .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area .slider-booking-inner .icon {            color: #fff;            font-size: 24px;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: center;            -ms-flex-pack: center;            justify-content: center;            width: 40%;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area .slider-booking-inner .icon a {              padding: 10px;              display: block; }            .home-slider-area.style-04 .home-slider-area__bottom-area .slider-bottom-inner .slider-booking-area .slider-booking-inner .icon:hover {              padding-left: 15px; }  .home-slider-area.style-05 .slider-items .slider-content {    width: 100%;    text-align: center;    -webkit-transform: translateY(-100px);    -ms-transform: translateY(-100px);    transform: translateY(-100px); }    .home-slider-area.style-05 .slider-items .slider-content .slider-title-bold {      width: 69%;      margin: auto; }      .home-slider-area.style-05 .slider-items .slider-content .slider-title-bold .heading-01 {        font-size: 100px;        line-height: 120px; }    .home-slider-area.style-05 .slider-items .slider-content .slider-title-thin .heading-05 {      color: #fff;      font-size: 22px;      line-height: 32px;      font-family: var(--body-font);      font-weight: 600;      letter-spacing: 2.35px;      text-transform: uppercase;      border-top: 5px solid var(--main-color-one);      padding-top: 8px;      display: table;      margin: auto; }  .home-slider-area.style-05 .home-slider-area__bottom-area {    background-color: transparent;    position: absolute;    top: 70%; }    .home-slider-area.style-05 .home-slider-area__bottom-area .container {      border: none; }    .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner {      width: 65%;      margin: auto;      background-color: rgba(255, 255, 255, 0.7);      -ms-flex-pack: distribute;      justify-content: space-around;      padding: 35px 30px; }      .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -ms-flex-wrap: nowrap;        flex-wrap: nowrap;        position: relative;        border-bottom: 1px solid #fff;        margin: 0 20px;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center; }        .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items::before {          content: '';          border-bottom: 1px solid var(--main-color-one);          position: absolute;          display: block;          left: 0;          bottom: -1px;          width: 0;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items:hover::before {          width: 100%; }        .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items:hover .icon {          color: var(--main-color-one); }        .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .icon {          font-size: 25px;          font-weight: 500;          font-family: Flaticon;          color: #181818;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .icon-two {          font-size: 20px; }        .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .form-control {          background-color: transparent;          border: none;          border-radius: 0; }          .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .form-control::-webkit-input-placeholder {            color: #181818;            font-size: 18px;            line-height: 28px;            font-family: var(--body-font);            font-weight: 400; }          .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .form-control:-ms-input-placeholder {            color: #181818;            font-size: 18px;            line-height: 28px;            font-family: var(--body-font);            font-weight: 400; }          .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .form-control::-ms-input-placeholder {            color: #181818;            font-size: 18px;            line-height: 28px;            font-family: var(--body-font);            font-weight: 400; }          .home-slider-area.style-05 .home-slider-area__bottom-area .slider-bottom-inner .pick-up-items .form-control::placeholder {            color: #181818;            font-size: 18px;            line-height: 28px;            font-family: var(--body-font);            font-weight: 400; }  .home-slider-area .slider-items {    background-repeat: no-repeat;    background-position: center center;    background-size: cover;    width: 100%;    height: 100vh;    min-height: 600px;    z-index: 0;    position: relative; }    .home-slider-area .slider-items .container {      padding: 0;      height: 100%; }    .home-slider-area .slider-items .slider-items-wrap {      width: 97%;      height: 100%; }    .home-slider-area .slider-items .slider-inner {      width: 100%;      height: 100%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }    .home-slider-area .slider-items .slider-content-bottom {      width: 100%; }    .home-slider-area .slider-items .slider-content {      width: 40%;      color: #fff;      /*------Auto Typing End----- */      /*------Slider Title Thin End------*/      /*------Slider Title Bold End------*/      /*------Slider Pagrgraph End------*/      /*------Slider Button End------*/ }      .home-slider-area .slider-items .slider-content .auto-typing-header {        margin: 0 auto 15px; }        .home-slider-area .slider-items .slider-content .auto-typing-header .typewrite {          font-size: 16px;          line-height: 28px;          font-family: var(--slider-heading-medium-font);          font-weight: 700;          letter-spacing: 10px;          margin: 0;          padding: 0;          display: inline;          color: transparent;          position: relative; }          .home-slider-area .slider-items .slider-content .auto-typing-header .typewrite::before {            content: attr(data-text);            position: absolute;            top: 0;            left: 0;            width: 100%;            height: 100%;            white-space: nowrap;            color: #fff;            overflow: hidden;            border-right: 2px solid var(--main-color-one);            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-align: center;            -ms-flex-align: center;            align-items: center;            -webkit-animation: type 10s infinite;            animation: type 10s infinite; }      .home-slider-area .slider-items .slider-content .slider-title .heading-01 {        font-size: 65px;        line-height: 70px;        font-family: var(--slider-heading-regular-font);        margin-bottom: 0; }        .home-slider-area .slider-items .slider-content .slider-title .heading-01 .bold {          font-family: var(--slider-heading-bold-font);          display: block; }      .home-slider-area .slider-items .slider-content .slider-title-bold .heading-01 {        font-size: 65px;        line-height: 70px;        font-family: var(--slider-heading-bold-font); }      .home-slider-area .slider-items .slider-content .slider-paragraph {        font-size: 14px;        line-height: 30px;        font-family: var(--body-font);        font-weight: 400;        width: 75%; }      .home-slider-area .slider-items .slider-content .main-btn-wrap .main-btn {        text-transform: uppercase; }  .home-slider-area__bottom-area {    background-color: #181818;    width: 100%; }    .home-slider-area__bottom-area .container {      border-left: 1px solid rgba(255, 255, 255, 0.2);      border-right: 1px solid rgba(255, 255, 255, 0.2); }    .home-slider-area__bottom-area .slider-bottom-inner {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%); }    .home-slider-area__bottom-area__itmes {      width: 33.33%;      color: #fff;      background-color: #F5F5F5;      margin: 0 30px;      z-index: 0;      overflow: hidden;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      /*---Items Left Content End---*/      /*---Items Right Content End---*/ }      .home-slider-area__bottom-area__itmes:hover .items-left-content::before {        -webkit-transform: scale(1.6);        -ms-transform: scale(1.6);        transform: scale(1.6); }      .home-slider-area__bottom-area__itmes:hover .items-left-content .left-content-wrap .border-design {        background-color: var(--main-color-one); }      .home-slider-area__bottom-area__itmes .items-left-content {        width: 30%;        position: relative; }        .home-slider-area__bottom-area__itmes .items-left-content::before {          position: absolute;          z-index: 1;          content: '';          width: 100px;          height: 100px;          border-radius: 100%;          background-color: var(--main-color-one);          top: -12%;          left: -15%;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .home-slider-area__bottom-area__itmes .items-left-content .left-content-wrap {          position: absolute;          top: 35px;          left: 35px;          z-index: 9; }          .home-slider-area__bottom-area__itmes .items-left-content .left-content-wrap .border-design {            width: 80px;            height: 80px;            border: 1px solid #CCD3DC;            background-color: #F5F5F5;            -webkit-transition: all 0.8s ease-in;            -moz-transition: all 0.8s ease-in;            -o-transition: all 0.8s ease-in;            transition: all 0.8s ease-in; }          .home-slider-area__bottom-area__itmes .items-left-content .left-content-wrap .icon-area {            width: 80px;            height: 80px;            background-color: #fff;            border: 1px solid #CCD3DC;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: center;            -ms-flex-pack: center;            justify-content: center;            -webkit-box-align: center;            -ms-flex-align: center;            align-items: center;            position: absolute;            top: -10px;            left: -10px; }            .home-slider-area__bottom-area__itmes .items-left-content .left-content-wrap .icon-area .icon {              width: 55px;              height: 50px;              color: #181818;              font-size: 50px;              display: -webkit-box;              display: -ms-flexbox;              display: flex;              -webkit-box-pack: center;              -ms-flex-pack: center;              justify-content: center;              -webkit-box-align: center;              -ms-flex-align: center;              align-items: center; }      .home-slider-area__bottom-area__itmes .items-right-content {        width: 70%;        padding: 20px 20px 20px 0; }        .home-slider-area__bottom-area__itmes .items-right-content .heading-05 {          color: #181818;          font-size: 22px;          line-height: 32px;          font-family: var(--body-font);          font-weight: 600; }        .home-slider-area__bottom-area__itmes .items-right-content .paragraph p {          color: #181818;          font-size: 14px;          line-height: 30px;          font-family: var(--body-font);          font-weight: 400;          margin: 0; }  .home-slider-area .carousel-dots-area .container {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: flex-end;    padding: 0; }  .home-slider-area .carousel-dots-area .carousel-dots {    position: absolute;    top: 40%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    /*---Slick Arrow Start---*/    /*---// Slick Arrow End---*/    /*---Slick Dots Start---*/    /*---Slick Dots End---*/ }    .home-slider-area .carousel-dots-area .carousel-dots .slick-next {      position: absolute;      bottom: -34px;      left: 50%;      -webkit-transform: translateX(-50%);      -ms-transform: translateX(-50%);      transform: translateX(-50%); }      .home-slider-area .carousel-dots-area .carousel-dots .slick-next::after {        position: absolute;        content: '';        width: 20px;        height: 20px;        line-height: 10px;        border-radius: 50%;        background-color: var(--main-color-one);        bottom: 0;        left: 0;        z-index: -1;        display: none;        visibility: hidden;        opacity: 0;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .home-slider-area .carousel-dots-area .carousel-dots .slick-next:hover::after {        visibility: visible;        opacity: 1;        display: block; }    .home-slider-area .carousel-dots-area .carousel-dots .slick-prev {      position: relative; }      .home-slider-area .carousel-dots-area .carousel-dots .slick-prev::before {        position: absolute;        content: '';        width: 20px;        height: 20px;        line-height: 10px;        border-radius: 50%;        background-color: var(--main-color-one);        top: -1px;        z-index: -1;        left: 9px;        display: none;        visibility: hidden;        opacity: 0;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .home-slider-area .carousel-dots-area .carousel-dots .slick-prev:hover::before {        visibility: visible;        opacity: 1;        display: block; }    .home-slider-area .carousel-dots-area .carousel-dots .slick-arrow {      color: #fff;      cursor: pointer;      text-align: center;      font-size: 20px; }    .home-slider-area .carousel-dots-area .carousel-dots .slick-dots {      padding: 0;      margin: 0; }      .home-slider-area .carousel-dots-area .carousel-dots .slick-dots li {        border: 1px solid #fff;        color: transparent;        width: 18px;        height: 18px;        line-height: 15px;        border-radius: 50%;        list-style-position: inside;        text-align: center;        padding: 0 5px;        margin: 30px 10px;        cursor: pointer;        position: relative; }        .home-slider-area .carousel-dots-area .carousel-dots .slick-dots li button {          display: none; }        .home-slider-area .carousel-dots-area .carousel-dots .slick-dots li.slick-active {          color: var(--main-color-one); }.slider-social-icon-wrap {  position: absolute;  top: 30%;  right: 7.2%;  width: 30px; }  .slider-social-icon-wrap .slider-social-icon ul {    list-style-type: none;    padding: 0;    margin: 0; }  .slider-social-icon-wrap .slider-social-icon .icon {    width: 24px;    height: 24px;    line-height: 24px;    border-radius: 50%;    background-color: #fff;    color: #181818;    font-size: 12px;    display: block;    text-align: center;    margin: 20px 0;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .slider-social-icon-wrap .slider-social-icon .icon:hover {      color: #fff;      background-color: var(--main-color-one); }  .slider-social-icon-wrap .follow-us-area .follow-us {    color: #fff;    font-size: 10px;    font-family: var(--body-font);    font-weight: 600;    text-transform: uppercase;    position: relative;    padding-left: 50px;    -webkit-transform: rotate(-90deg);    -ms-transform: rotate(-90deg);    transform: rotate(-90deg);    margin-top: 50px;    width: 130px;    height: 25px;    margin-left: -47px; }    .slider-social-icon-wrap .follow-us-area .follow-us::after {      position: absolute;      left: 0;      top: 25%;      content: '';      width: 40px;      height: 2px;      background-color: var(--main-color-one);      display: block; }@-webkit-keyframes type {  0% {    width: 0; }  50% {    width: 100%; }  100% {    width: 0; } }@keyframes type {  0% {    width: 0; }  50% {    width: 100%; }  100% {    width: 0; } }.home-slider-two p,.home-slider-four p {  color: #fff; }.section-border-image {  /*---How We Are Style 02 End---*/ }  .section-border-image.margin-left {    margin-left: 40px; }    .section-border-image.margin-left .we-are-img {      margin: 40px 40px 40px -40px; }  .section-border-image.margin-right {    margin-right: 40px; }    .section-border-image.margin-right .we-are-img {      margin: 40px -40px 40px 40px; }  .section-border-image .border-design {    border: 1px solid #CAD1DC;    width: 100%;    position: relative;    z-index: 0; }    .section-border-image .border-design .border-bg {      position: absolute;      background-color: var(--main-color-one);      z-index: -1;      -webkit-transition: all 0.8s;      -moz-transition: all 0.8s;      -o-transition: all 0.8s;      transition: all 0.8s; }      .section-border-image .border-design .border-bg.bottom {        left: -1px;        right: -1px;        bottom: -1px;        top: 60%; }      .section-border-image .border-design .border-bg.top {        left: -1px;        right: -1px;        bottom: 60%;        top: -1px; }      .section-border-image .border-design .border-bg.full-bg {        top: -1px;        right: -1px;        bottom: -1px;        left: -1px; }    .section-border-image .border-design .we-are-img {      overflow: hidden;      position: relative;      z-index: 0;      max-height: 500px; }      .section-border-image .border-design .we-are-img::before {        content: '';        position: absolute;        right: 0;        top: 0;        width: 0;        height: 0;        z-index: 1;        background-color: rgba(251, 9, 55, 0.1);        -webkit-transition: all 0.8s;        -moz-transition: all 0.8s;        -o-transition: all 0.8s;        transition: all 0.8s; }      .section-border-image .border-design .we-are-img::after {        content: '';        position: absolute;        bottom: 0;        left: 0;        width: 0;        height: 0;        background-color: rgba(251, 9, 55, 0.1);        -webkit-transition: all 0.8s;        -moz-transition: all 0.8s;        -o-transition: all 0.8s;        transition: all 0.8s; }      .section-border-image .border-design .we-are-img:hover:before, .section-border-image .border-design .we-are-img:hover:after {        width: 100%;        height: 100%; }  .section-border-image.white-gray .border-design .border-bg {    background-color: #E0E5E9;    -webkit-transition: all 0.8s;    -moz-transition: all 0.8s;    -o-transition: all 0.8s;    transition: all 0.8s; }  .section-border-image.white-gray .border-design .we-are-img::before {    background-color: rgba(224, 229, 233, 0.1); }  .section-border-image.white-gray .border-design .we-are-img::after {    background-color: rgba(224, 229, 233, 0.1); }/*---// Section Right Content End---*/.common-section-content {  display: -ms-grid;  display: grid;  -ms-flex-line-pack: center;  align-content: center;  height: 100%; }  .common-section-content.style-02 .paragraph p {    color: #fff; }  .common-section-content .paragraph p {    color: #181818;    font-size: 14px;    line-height: 30px;    font-weight: 400; }  .common-section-content .read-more-wrap .read-more {    text-transform: uppercase; }/*---// common Section Content End---*/.how-we-are {  position: relative;  /*---Offer Section---*/ }  .how-we-are.bg-black {    background-color: #181818; }  .how-we-are__offer-section {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }    .how-we-are__offer-section__item {      max-width: 190px;      text-align: center;      border: 2px solid #E0E5E9;      padding: 25px 15px;      margin-bottom: 20px;      width: 30%; }      .how-we-are__offer-section__item .icon-area {        border-bottom: 1px solid #CAD1DC;        padding-bottom: 25px;        margin-bottom: 15px; }        .how-we-are__offer-section__item .icon-area .icon {          -webkit-transition: all 1s;          -moz-transition: all 1s;          -o-transition: all 1s;          transition: all 1s; }      .how-we-are__offer-section__item .heading-06 {        color: #181818;        font-size: 14px;        line-height: 26px;        font-family: var(--body-font);        font-weight: 600;        text-transform: uppercase;        margin: 0; }      .how-we-are__offer-section__item:hover .icon-area .icon {        -webkit-transform: rotateY(360deg);        transform: rotateY(360deg); }      .how-we-are__offer-section__item:not(:last-child) {        margin-right: 20px; }.our-process-section {  background-color: #181818;  /*---Style 02 End---*/ }  .our-process-section.style-02 {    background-repeat: no-repeat;    background-position: center center;    background-size: cover;    background-color: transparent;    min-height: 900px; }    .our-process-section.style-02 .section-title .title {      color: #181818; }      .our-process-section.style-02 .section-title .title::before {        background-color: #181818; }      .our-process-section.style-02 .section-title .title::after {        background-color: #181818; }    .our-process-section.style-02 .our-process-section__work-items .items-number {      color: #E0E5E9;      text-shadow: 0 2px 6px rgba(10, 14, 20, 0.2); }    .our-process-section.style-02 .our-process-section__work-items .work-tiems-inner .items-title {      color: #181818; }    .our-process-section.style-02 .our-process-section__work-items .work-tiems-inner p {      color: #181818;      line-height: 24px; }  .our-process-section .section-title-wrap {    width: 100%; }  .our-process-section__work-items {    z-index: 2;    position: relative; }    .our-process-section__work-items:hover .items-number {      -webkit-transform: translateY(0);      -ms-transform: translateY(0);      transform: translateY(0); }    .our-process-section__work-items .items-number {      color: rgba(255, 255, 255, 0.2);      font-size: 100px;      line-height: 120px;      font-family: var(--body-font);      font-weight: 700;      -webkit-transform: translateY(32%);      -ms-transform: translateY(32%);      transform: translateY(32%);      position: relative;      z-index: -1;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .our-process-section__work-items .work-tiems-inner .items-title {      color: #fff;      font-size: 22px;      line-height: 30px;      font-family: var(--body-font);      font-weight: 600;      margin: 0; }    .our-process-section__work-items .work-tiems-inner p {      color: #D1D1D1;      font-size: 14px;      line-height: 30px;      font-family: var(--body-font);      font-weight: 400;      margin-bottom: 0; }.our-service {  width: 65%;  margin: auto; }.service-items-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  border: 1px solid #CCD3DC; }  .service-items-wrap__items {    width: 33.33%;    border: 1px solid #CCD3DC;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    position: relative;    padding: 20px 20px 26px 20px;    z-index: 0;    overflow: hidden; }    .service-items-wrap__items .overlay-img {      background-repeat: no-repeat;      background-position: center center;      background-size: cover;      z-index: 1;      position: absolute;      -webkit-transition: all 0.8s;      -moz-transition: all 0.8s;      -o-transition: all 0.8s;      transition: all 0.8s; }      .service-items-wrap__items .overlay-img .service-btn {        color: #fff;        background-color: var(--main-color-one);        font-size: 16px;        line-height: 26px;        font-weight: 500;        font-family: var(--body-font);        position: absolute;        padding: 20px;        min-width: 170px;        text-align: center;        display: block;        -webkit-transition: all 0.8s;        -moz-transition: all 0.8s;        -o-transition: all 0.8s;        transition: all 0.8s; }        .service-items-wrap__items .overlay-img .service-btn:hover {          background-color: #fff;          color: var(--main-color-one); }      .service-items-wrap__items .overlay-img.left {        width: 0;        height: 100%;        top: 0;        left: 0; }        .service-items-wrap__items .overlay-img.left .service-btn {          top: 50%;          left: 0;          -webkit-transform: translate(-100%, -50%);          -ms-transform: translate(-100%, -50%);          transform: translate(-100%, -50%); }      .service-items-wrap__items .overlay-img.top {        width: 100%;        height: 0;        top: 0; }        .service-items-wrap__items .overlay-img.top .service-btn {          top: 0;          left: 50%;          -webkit-transform: translate(-50%, -100%);          -ms-transform: translate(-50%, -100%);          transform: translate(-50%, -100%); }      .service-items-wrap__items .overlay-img.right {        width: 0;        height: 100%;        top: 0;        left: 100%; }        .service-items-wrap__items .overlay-img.right .service-btn {          top: 50%;          right: 0;          -webkit-transform: translate(100%, -50%);          -ms-transform: translate(100%, -50%);          transform: translate(100%, -50%); }      .service-items-wrap__items .overlay-img.bottom {        width: 100%;        height: 0;        top: 100%; }        .service-items-wrap__items .overlay-img.bottom .service-btn {          top: 100%;          left: 50%;          -webkit-transform: translate(-50%, 100%);          -ms-transform: translate(-50%, 100%);          transform: translate(-50%, 100%); }    .service-items-wrap__items__content {      z-index: 9; }    .service-items-wrap__items:hover .left {      width: 100%; }      .service-items-wrap__items:hover .left .service-btn {        left: 50%;        -webkit-transform: translate(-50%, -50%);        -ms-transform: translate(-50%, -50%);        transform: translate(-50%, -50%); }    .service-items-wrap__items:hover .top {      height: 100%; }      .service-items-wrap__items:hover .top .service-btn {        top: 50%;        -webkit-transform: translate(-50%, -50%);        -ms-transform: translate(-50%, -50%);        transform: translate(-50%, -50%); }    .service-items-wrap__items:hover .right {      width: 100%;      left: 0; }      .service-items-wrap__items:hover .right .service-btn {        right: 50%;        -webkit-transform: translate(50%, -50%);        -ms-transform: translate(50%, -50%);        transform: translate(50%, -50%); }    .service-items-wrap__items:hover .bottom {      height: 100%; }      .service-items-wrap__items:hover .bottom .service-btn {        top: 50%;        -webkit-transform: translate(-50%, -50%);        -ms-transform: translate(-50%, -50%);        transform: translate(-50%, -50%); }    .service-items-wrap__items:hover .overlay-img {      top: 0;      right: 0;      bottom: 0;      left: 0; }    .service-items-wrap__items .items-number {      color: #CCD3DC;      font-size: 25px;      line-height: 35px;      font-family: var(--menu-font);      font-weight: 400;      position: relative;      z-index: 0;      padding-left: 45px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .service-items-wrap__items .items-number::before {        content: '';        width: 35px;        height: 1px;        background-color: #CCD3DC;        display: inline-block;        position: absolute;        top: 50%;        left: 0;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%); }    .service-items-wrap__items .items-content-wrap .items-icon {      font-size: 50px;      color: #181818;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .service-items-wrap__items .items-content-wrap .heading-04 {      color: #181818;      font-size: 22px;      line-height: 38px;      font-family: var(--body-font);      font-weight: 600;      margin: 0;      text-transform: capitalize;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .service-items-wrap__items .items-content-wrap p {      color: #181818;      font-size: 16px;      line-height: 26px;      font-family: var(--body-font);      font-weight: 400;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }.banner-auto-car {  background-repeat: no-repeat;  background-size: cover;  background-position: center center; }  .banner-auto-car.style-02 .banner-right-content p, .banner-auto-car.style-02 .banner-right-content .info-area .info-area-right .service-time {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .banner-auto-car .banner-right-content {    display: -ms-grid;    display: grid;    -ms-flex-line-pack: center;    align-content: center;    height: 100%; }    .banner-auto-car .banner-right-content .heading-05 {      color: #181818;      font-size: 20px;      line-height: 30px;      font-family: var(--body-font);      font-weight: 600; }    .banner-auto-car .banner-right-content .info-area {      display: table; }      .banner-auto-car .banner-right-content .info-area .info-area-left {        width: 210px;        display: table-cell;        vertical-align: middle; }      .banner-auto-car .banner-right-content .info-area .info-area-right .service-time {        color: var(--main-color-one);        font-size: 14px;        line-height: 24px;        font-family: var(--body-font);        font-weight: 500; }      .banner-auto-car .banner-right-content .info-area .info-area-right .contact-number {        color: #181818;        font-size: 22px;        line-height: 32px;        font-family: var(--body-font);        font-weight: 600; }.pricing-plan {  background-color: #F5F5F5; }  .pricing-plan-inner {    width: 70%;    margin: auto;    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .pricing-plan-inner-columns {      width: 33.33%;      padding: 10px 20px 20px 20px;      margin: 0 10px;      position: relative;      background-color: #fff;      z-index: 0;      overflow: hidden;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .pricing-plan-inner-columns:hover, .pricing-plan-inner-columns.active {        -webkit-transform: scale(1.1);        -ms-transform: scale(1.1);        transform: scale(1.1);        z-index: 9;        -webkit-box-shadow: 0 0 25px 2px rgba(251, 9, 55, 0.2);        box-shadow: 0 0 25px 2px rgba(251, 9, 55, 0.2); }        .pricing-plan-inner-columns:hover .table-list, .pricing-plan-inner-columns.active .table-list {          -webkit-transform: none;          -ms-transform: none;          transform: none; }        .pricing-plan-inner-columns:hover .pricing-title, .pricing-plan-inner-columns.active .pricing-title {          -webkit-transform: none;          -ms-transform: none;          transform: none; }        .pricing-plan-inner-columns:hover .price, .pricing-plan-inner-columns.active .price {          -webkit-transform: none;          -ms-transform: none;          transform: none; }        .pricing-plan-inner-columns:hover .date-line, .pricing-plan-inner-columns.active .date-line {          -webkit-transform: none;          -ms-transform: none;          transform: none; }        .pricing-plan-inner-columns:hover .main-btn-wrap .main-btn, .pricing-plan-inner-columns.active .main-btn-wrap .main-btn {          background-color: var(--main-color-one);          color: #fff;          border: none !important;          -webkit-box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9);          box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9); }          .pricing-plan-inner-columns:hover .main-btn-wrap .main-btn:hover, .pricing-plan-inner-columns.active .main-btn-wrap .main-btn:hover {            -webkit-box-shadow: 0px 10px 20px -8px var(--main-color-one);            box-shadow: 0px 10px 20px -8px var(--main-color-one); }      .pricing-plan-inner-columns .popularity {        color: #fff;        background-color: var(--main-color-one);        padding: 4px 20px;        text-transform: uppercase;        font-size: 8px;        line-height: 20px;        font-weight: 400;        letter-spacing: 1px;        display: table;        -webkit-transform: rotate(45deg);        -ms-transform: rotate(45deg);        transform: rotate(45deg);        top: 18px;        position: absolute;        right: -28px;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .pricing-plan-inner-columns .pricing-icon {        font-size: 50px; }      .pricing-plan-inner-columns .pricing-title {        color: #181818;        font-size: 30px;        line-height: 40px;        font-family: var(--body-font);        font-weight: 800; }      .pricing-plan-inner-columns .price {        color: var(--main-color-one);        font-size: 46px;        line-height: 58px;        font-family: var(--body-font);        font-weight: 500; }      .pricing-plan-inner-columns .date-line {        color: #181818;        font-size: 15px;        line-height: 26px;        font-family: var(--menu-font);        font-weight: 400; }      .pricing-plan-inner-columns .table-list {        padding: 0;        list-style: none; }        .pricing-plan-inner-columns .table-list .list-items {          color: #181818;          font-size: 14px;          line-height: 24px;          font-family: var(--body-font);          font-weight: 400;          padding-top: 8px; }          .pricing-plan-inner-columns .table-list .list-items .icon {            color: #181818;            padding-right: 8px;            font-size: 10px;            font-weight: 800; }          .pricing-plan-inner-columns .table-list .list-items:after {            content: '';            display: block;            height: 1px;            margin-top: 8px;            background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(53%, #CAD1DC), to(#fff));            background-image: -webkit-linear-gradient(left, #fff 0%, #CAD1DC 53%, #fff 100%);            background-image: -o-linear-gradient(left, #fff 0%, #CAD1DC 53%, #fff 100%);            background-image: linear-gradient(90deg, #fff 0%, #CAD1DC 53%, #fff 100%); }.latest-news {  background-color: #fff;  position: relative;  z-index: 0; }  .latest-news.style-02::after {    bottom: 36.5%; }  .latest-news.style-02 .latest-news-slider-items .cards .cards-body {    margin-left: 0;    -webkit-transform: none;    -ms-transform: none;    transform: none;    background-color: transparent;    padding: 30px 0px 32px 0; }  .latest-news.style-02 .latest-news-slider-items .cards .cards-img {    margin-right: 0; }  .latest-news.style-02 .icon {    padding-right: 10px; }  .latest-news.style-02 .latest-news-slider-progressbar {    position: relative;    overflow: hidden; }    .latest-news.style-02 .latest-news-slider-progressbar .progress-bar {      width: 100%;      height: 3px;      background-color: rgba(24, 24, 24, 0.3); }    .latest-news.style-02 .latest-news-slider-progressbar .porgress-bar-active {      position: absolute;      top: 0px;      left: 0;      background-color: var(--main-color-one);      width: 25%;      height: 3px; }  .latest-news::after {    content: '';    display: block;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 30%;    background-color: var(--main-color-one);    z-index: -1; }  .latest-news .icon {    padding-right: 10px; }  .latest-news .latest-news-slider-wrap {    width: 100%; }    .latest-news .latest-news-slider-wrap .latest-news-slider-active {      display: -webkit-box;      display: -ms-flexbox;      display: flex; }  .latest-news .slider-arrow {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    position: absolute;    top: -10%;    right: 15px; }    .latest-news .slider-arrow .slick-prev, .latest-news .slider-arrow .slick-next {      color: #fff;      cursor: pointer;      font-size: 22px;      position: relative;      z-index: 0; }    .latest-news .slider-arrow .slick-prev {      -webkit-box-ordinal-group: 2;      -ms-flex-order: 1;      order: 1;      margin-right: 30px; }      .latest-news .slider-arrow .slick-prev::before {        position: absolute;        left: -4px;        top: 50%;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%);        z-index: 1;        content: '';        width: 20px;        height: 20px;        display: inline-block;        border: 1px solid #fff;        border-radius: 50%;        display: none;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .latest-news .slider-arrow .slick-prev:hover::before {        display: block; }    .latest-news .slider-arrow .slick-next {      -webkit-box-ordinal-group: 3;      -ms-flex-order: 2;      order: 2; }      .latest-news .slider-arrow .slick-next::after {        position: absolute;        right: -4px;        top: 50%;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%);        z-index: 1;        content: '';        width: 20px;        height: 20px;        display: inline-block;        border: 1px solid #fff;        border-radius: 50%;        display: none;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .latest-news .slider-arrow .slick-next:hover::after {        display: block; }.latest-news-slider-items .cards .cards-img {  margin-right: 15px;  position: relative;  overflow: hidden;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .latest-news-slider-items .cards .cards-img img {    width: 100%; }  .latest-news-slider-items .cards .cards-img::before {    content: "";    position: absolute;    top: 50%;    left: 50%;    width: 0;    height: 0;    background-color: rgba(24, 24, 24, 0.3);    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }  .latest-news-slider-items .cards .cards-img:hover::before {    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%; }.latest-news-slider-items .cards .cards-body {  background-color: #F5F5F5;  margin-left: 15px;  margin-top: -25px;  position: relative;  z-index: 9;  padding: 20px 30px; }  .latest-news-slider-items .cards .cards-body:hover .name-date .author-name {    color: var(--main-color-one); }    .latest-news-slider-items .cards .cards-body:hover .name-date .author-name::after {      background-color: var(--main-color-one); }  .latest-news-slider-items .cards .cards-body:hover .read-more-wrap .read-more {    color: var(--main-color-one); }  .latest-news-slider-items .cards .cards-body .name-date {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap; }    .latest-news-slider-items .cards .cards-body .name-date .author-name {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 500;      width: 50%;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .latest-news-slider-items .cards .cards-body .name-date .publish-date {      width: 50%;      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }  .latest-news-slider-items .cards .cards-body .heading-05 {    color: #181818;    font-size: 22px;    line-height: 32px;    font-family: var(--main-color-one);    font-weight: 600; }.home-02_tab-section .tab-wrapper {  width: 50%;  margin: auto; }  .home-02_tab-section .tab-wrapper .nav-tabs {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    border: none;    margin-top: -40px;    margin-bottom: 1px;    z-index: 9;    position: relative; }    .home-02_tab-section .tab-wrapper .nav-tabs .nav-item {      text-align: center;      background-color: #fff;      border-bottom: 1px solid rgba(63, 64, 69, 0.2); }      .home-02_tab-section .tab-wrapper .nav-tabs .nav-item:first-child {        border-radius: 4px 0 0 0;        overflow: hidden; }      .home-02_tab-section .tab-wrapper .nav-tabs .nav-item:last-child {        border-radius: 0 4px 0 0;        overflow: hidden; }    .home-02_tab-section .tab-wrapper .nav-tabs .nav-link {      border: none;      padding: 8px 0;      min-width: 140px;      border-radius: 0;      color: #181818;      font-size: 14px;      line-height: 24px;      font-weight: 400; }      .home-02_tab-section .tab-wrapper .nav-tabs .nav-link.active {        background-color: var(--main-color-one);        color: #fff; }  .home-02_tab-section .tab-wrapper .select-box-wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-shadow: 0 11px 18px rgba(24, 24, 24, 0.2);    box-shadow: 0 11px 18px rgba(24, 24, 24, 0.2); }    .home-02_tab-section .tab-wrapper .select-box-wrap .items {      width: 33.33%; }      .home-02_tab-section .tab-wrapper .select-box-wrap .items:not(:last-child) {        border-right: 1px solid rgba(63, 64, 69, 0.2); }      .home-02_tab-section .tab-wrapper .select-box-wrap .items .main-btn-wrap {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        height: 100%; }    .home-02_tab-section .tab-wrapper .select-box-wrap .custom-select-box {      min-height: 90px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }      .home-02_tab-section .tab-wrapper .select-box-wrap .custom-select-box .nice-select {        border-radius: none;        border: none;        width: 100%;        font-size: 14px;        line-height: 26px;        color: #181818;        font-weight: 300;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center; }        .home-02_tab-section .tab-wrapper .select-box-wrap .custom-select-box .nice-select::after {          width: 8px;          height: 8px; }        .home-02_tab-section .tab-wrapper .select-box-wrap .custom-select-box .nice-select .list {          width: 100%;          margin-top: 1px; }        .home-02_tab-section .tab-wrapper .select-box-wrap .custom-select-box .nice-select .option.selected {          color: #181818;          font-size: 20px;          font-family: var(--body-font);          font-weight: 600;          line-height: 40px; }.featured-vehicles-section {  position: relative; }  .featured-vehicles-section .slick-next {    -webkit-box-ordinal-group: 3;    -ms-flex-order: 2;    order: 2;    right: 0;    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(white));    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, white 100%);    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, white 100%);    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, white 100%);    position: relative; }    .featured-vehicles-section .slick-next::after {      right: 33%; }    .featured-vehicles-section .slick-next:hover::after {      visibility: visible;      opacity: 1; }  .featured-vehicles-section .slick-prev {    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.1)));    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);    position: relative; }    .featured-vehicles-section .slick-prev::before {      left: 33%; }    .featured-vehicles-section .slick-prev:hover::before {      visibility: visible;      opacity: 1; }  .featured-vehicles-section .slick-next::after, .featured-vehicles-section .slick-prev::before {    position: absolute;    content: '';    width: 20px;    height: 20px;    line-height: 20px;    border: 1px solid var(--main-color-one);    border-radius: 50%;    visibility: hidden;    opacity: 0;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }  .featured-vehicles-section .slick-prev, .featured-vehicles-section .slick-next {    font-size: 24px;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    z-index: 9;    height: 100%;    width: 100px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    cursor: pointer; }  .featured-vehicles-section .vehicle-slider-active {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items::after {      height: 140%;      top: -20%;      bottom: -20%;      background-color: #3e77b8; }    .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items .items-head {      -webkit-transform: translateY(-28%);      -ms-transform: translateY(-28%);      transform: translateY(-28%); }    .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items .main-btn-wrap {      visibility: visible;      opacity: 1; }    .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items .items-body {      -webkit-transform: translateY(-40%);      -ms-transform: translateY(-40%);      transform: translateY(-40%); }      .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items .items-body .heading-05 {        color: #fff; }      .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items .items-body .list-items-wrap {        list-style: none; }        .featured-vehicles-section .vehicle-slider-active .slick-slide.slick-current.slick-active.slick-center .h2-vehicle-slider-items .items-body .list-items-wrap .list-items {          color: #ffffff;          opacity: 0.7; }.h2-vehicle-slider-items {  background-color: #E0E5E9;  position: relative;  text-align: center;  margin: 60px 0;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  z-index: 0;  padding: 20px 20px 0 20px; }  .h2-vehicle-slider-items::after {    position: absolute;    content: '';    top: 0;    left: 15%;    height: 100%;    width: 70%;    z-index: -1;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }  .h2-vehicle-slider-items:hover::after {    height: 140%;    top: -20%;    bottom: -20%;    background-color: #3e77b8; }  .h2-vehicle-slider-items:hover .items-head {    -webkit-transform: translateY(-28%);    -ms-transform: translateY(-28%);    transform: translateY(-28%); }  .h2-vehicle-slider-items:hover .main-btn-wrap {    visibility: visible;    opacity: 1; }  .h2-vehicle-slider-items:hover .items-body {    -webkit-transform: translateY(-40%);    -ms-transform: translateY(-40%);    transform: translateY(-40%); }    .h2-vehicle-slider-items:hover .items-body .heading-05 {      color: #fff; }    .h2-vehicle-slider-items:hover .items-body .list-items-wrap {      list-style: none; }      .h2-vehicle-slider-items:hover .items-body .list-items-wrap .list-items {        color: #ffffff;        opacity: 0.7; }  .h2-vehicle-slider-items .items-head {    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }  .h2-vehicle-slider-items .items-body {    padding: 0 60px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .h2-vehicle-slider-items .items-body .heading-05 {      color: #181818;      font-size: 22px;      line-height: 32px;      font-family: var(--body-font);      font-weight: 600; }    .h2-vehicle-slider-items .items-body .list-items-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;      flex-wrap: wrap;      -ms-flex-pack: distribute;      justify-content: space-around;      margin: 0;      padding: 0; }      .h2-vehicle-slider-items .items-body .list-items-wrap .list-items {        color: #63656D;        font-size: 14px;        line-height: 24px;        font-family: var(--body-font);        font-weight: 400;        padding-left: 5px;        list-style: none; }        .h2-vehicle-slider-items .items-body .list-items-wrap .list-items .title {          font-weight: 300;          padding-left: 2px; }  .h2-vehicle-slider-items .main-btn-wrap {    visibility: hidden;    opacity: 0;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }.h2-service-section .items-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  padding-left: 5px;  margin: 0; }.home-02-our-service-items {  list-style: none;  width: 50%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  padding-bottom: 20px; }  .home-02-our-service-items .border-bg {    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9444), to(#FB0937));    background-image: -webkit-linear-gradient(top, #FF9444 0%, #FB0937 100%);    background-image: -o-linear-gradient(top, #FF9444 0%, #FB0937 100%);    background-image: linear-gradient(180deg, #FF9444 0%, #FB0937 100%); }  .home-02-our-service-items .item-left {    width: 70px; }    .home-02-our-service-items .item-left .item-border {      border: 1px solid #CAD1DC;      width: 60px;      height: 65px;      position: relative;      z-index: 0; }      .home-02-our-service-items .item-left .item-border .border-bg {        position: absolute;        z-index: -1;        left: -1px;        right: -1px;        bottom: -1px;        top: 60%;        -webkit-transition: all 0.8s;        -o-transition: all 0.8s;        transition: all 0.8s;        -webkit-transition: all 1s;        -o-transition: all 1s;        transition: all 1s; }      .home-02-our-service-items .item-left .item-border .icon {        width: 105%;        height: 90%;        background-color: #181818;        color: #fff;        margin: 5% 0 0 -10%;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        font-size: 30px;        -webkit-transition: all 1s;        -o-transition: all 1s;        transition: all 1s; }  .home-02-our-service-items .item-right {    width: 300px;    margin: 0 20px 0 10px; }    .home-02-our-service-items .item-right .title {      color: #181818;      font-size: 22px;      line-height: 32px;      font-family: var(--body-font);      font-weight: 600; }    .home-02-our-service-items .item-right p {      color: #181818;      font-size: 14px;      line-height: 24px;      font-weight: 400; }  .home-02-our-service-items:hover .item-left .item-border .border-bg {    top: 0; }  .home-02-our-service-items:hover .item-left .item-border .icon {    -webkit-transform: scaleX(-1);    -ms-transform: scaleX(-1);    transform: scaleX(-1); }.h2-car-booking-section .view-top-counterup {  width: 50%;  margin: auto;  -webkit-box-shadow: 0 8px 12px 0 rgba(24, 24, 24, 0.2);  box-shadow: 0 8px 12px 0 rgba(24, 24, 24, 0.2);  -webkit-transform: translateY(-80px);  -ms-transform: translateY(-80px);  transform: translateY(-80px);  background-color: #fff;  position: relative;  z-index: 0;  overflow: hidden; }  .h2-car-booking-section .view-top-counterup .single-couterup .content .title {    color: #181818; }  .h2-car-booking-section .view-top-counterup .one {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    padding-left: 10%; }  .h2-car-booking-section .view-top-counterup .two {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: flex-end;    padding-right: 5%; }  .h2-car-booking-section .view-top-counterup .three {    padding-top: 80px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    padding-left: 20%; }  .h2-car-booking-section .view-top-counterup .four {    padding-top: 80px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: flex-end;    padding-right: 10%; }  .h2-car-booking-section .view-top-counterup .counterup-wrap {    background-repeat: no-repeat;    background-position: top center;    background-size: contain;    min-height: 650px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }    .h2-car-booking-section .view-top-counterup .counterup-wrap::before {      content: '';      position: absolute;      left: 0;      right: 0;      bottom: 0;      margin: auto;      width: 450px;      height: 450px;      line-height: 450px;      border: 3px solid rgba(24, 24, 24, 0.1);      border-radius: 50%;      display: inline-block;      z-index: -1;      -webkit-animation: pauseanimate 2s linear infinite;      animation: pauseanimate 2s linear infinite; }    .h2-car-booking-section .view-top-counterup .counterup-wrap::after {      content: '';      position: absolute;      left: 0;      right: 0;      top: 15%;      margin: auto;      width: 650px;      height: 650px;      line-height: 650px;      border: 3px solid rgba(24, 24, 24, 0.1);      border-radius: 50%;      display: inline-block;      z-index: -1;      -webkit-animation: pauseanimate 2s 1s linear infinite;      animation: pauseanimate 2s 1s linear infinite; }  .h2-car-booking-section .view-top-counterup::after {    content: '';    position: absolute;    left: -2.5%;    right: 0;    top: -2%;    bottom: -35%;    margin: auto;    width: 1000px;    height: 1000px;    line-height: 1000px;    border: 3px solid rgba(24, 24, 24, 0.1);    border-radius: 50%;    display: inline-block;    z-index: -1;    -webkit-animation: pauseanimate 2s 2s linear infinite;    animation: pauseanimate 2s 2s linear infinite; }.car-adds-section {  margin-top: -70px; }.home-2-car-adds-items .items-head .border-one {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  width: 150px;  height: 150px;  line-height: 150px;  margin: auto;  border-radius: 50%;  position: relative; }  .home-2-car-adds-items .items-head .border-one::after {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    border-radius: 50%;    border-top: 1px solid #CAD1DC;    border-right: 1px solid #CAD1DC;    border-bottom: 1px solid #CAD1DC;    -webkit-animation: round 3s linear infinite;    animation: round 3s linear infinite; }  .home-2-car-adds-items .items-head .border-one .border-two-wrap {    width: 100px;    height: 100px;    line-height: 100px;    border-radius: 50%;    border: 1px dashed #CAD1DC;    margin: auto; }  .home-2-car-adds-items .items-head .border-one .border-two {    width: 100px;    height: 100px;    line-height: 100px;    border-radius: 50%;    margin: auto;    position: relative;    -webkit-animation: round-reverse 3s linear infinite;    animation: round-reverse 3s linear infinite; }    .home-2-car-adds-items .items-head .border-one .border-two::before {      content: '';      position: absolute;      top: 8px;      right: 8px;      width: 12px;      height: 12px;      line-height: 12px;      border-radius: 50%;      border: 1px solid #F7B440; }    .home-2-car-adds-items .items-head .border-one .border-two::after {      content: '';      position: absolute;      bottom: 8px;      left: 8px;      width: 15px;      height: 15px;      line-height: 15px;      border-radius: 50%;      border: 1px solid #2FA1F9; }  .home-2-car-adds-items .items-head .border-one .icon {    font-size: 50px;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    background-color: #F5F5F5;    width: 70px;    height: 70px;    line-height: 70px;    border-radius: 50%; }.home-2-car-adds-items .items-head.one .border-one::after {  border-left: 1px solid #FB0937; }.home-2-car-adds-items .items-head.one .border-one .icon {  color: var(--main-color-one); }.home-2-car-adds-items .items-head.two .border-one::after {  border-left: 1px solid #4CABFF; }.home-2-car-adds-items .items-head.two .border-one .icon {  color: #4CABFF; }.home-2-car-adds-items .items-head.three .border-one::after {  border-left: 1px solid #35CE9F; }.home-2-car-adds-items .items-head.three .border-one .icon {  color: #35CE9F; }.home-2-car-adds-items .items-body .title {  color: #181818;  font-size: 22px;  line-height: 32px;  font-family: var(--body-font);  font-weight: 600;  margin-bottom: 0; }.home-2-car-adds-items .items-body .padding-around {  padding: 16px 40px 25px 40px; }.home-2-car-adds-items .items-body p {  color: #181818;  font-size: 14px;  line-height: 30px;  font-family: var(--body-font);  font-weight: 400;  margin-bottom: 0; }.home-2-car-adds-items .items-body .main-btn-wrap .main-btn {  color: #181818;  text-transform: uppercase; }  .home-2-car-adds-items .items-body .main-btn-wrap .main-btn:hover {    color: #fff;    background-color: var(--main-color-one); }@-webkit-keyframes round {  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg); } }@keyframes round {  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg); } }@-webkit-keyframes round-reverse {  100% {    -webkit-transform: rotate(-360deg);    transform: rotate(-360deg); } }@keyframes round-reverse {  100% {    -webkit-transform: rotate(-360deg);    transform: rotate(-360deg); } }.our-team-section .team-slider-arrow {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding-top: 32px; }  .our-team-section .team-slider-arrow .slick-next, .our-team-section .team-slider-arrow .slick-prev {    cursor: pointer;    position: relative;    font-size: 24px;    margin: 0 10px; }    .our-team-section .team-slider-arrow .slick-next:hover::before, .our-team-section .team-slider-arrow .slick-prev:hover::before {      display: block; }    .our-team-section .team-slider-arrow .slick-next::before, .our-team-section .team-slider-arrow .slick-prev::before {      content: '';      position: absolute;      top: 49%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      width: 20px;      height: 20px;      line-height: 20px;      border-radius: 50%;      border: 1px solid #FB0937;      display: none;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }  .our-team-section .team-slider-arrow .slick-next {    -webkit-box-ordinal-group: 3;    -ms-flex-order: 2;    order: 2; }    .our-team-section .team-slider-arrow .slick-next::before {      left: 8px; }  .our-team-section .team-slider-arrow .slick-prev::before {    left: -8px; }.h2-our-team-slider-active {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  width: 100%;  margin: 0; }.home-2-our-team-items .items-inner {  position: relative;  margin-right: 15px; }  .home-2-our-team-items .items-inner:hover .team-thumb-area .thumb::after {    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%; }  .home-2-our-team-items .items-inner:hover .team-thumb-area .thumb .social-icon li {    -webkit-transform: translateY(80%);    -ms-transform: translateY(80%);    transform: translateY(80%); }    .home-2-our-team-items .items-inner:hover .team-thumb-area .thumb .social-icon li:nth-child(1) {      -webkit-transition: .3s;      -o-transition: .3s;      transition: .3s; }    .home-2-our-team-items .items-inner:hover .team-thumb-area .thumb .social-icon li:nth-child(2) {      -webkit-transition: .5s;      -o-transition: .5s;      transition: .5s; }    .home-2-our-team-items .items-inner:hover .team-thumb-area .thumb .social-icon li:nth-child(3) {      -webkit-transition: .8s;      -o-transition: .8s;      transition: .8s; }    .home-2-our-team-items .items-inner:hover .team-thumb-area .thumb .social-icon li:nth-child(4) {      -webkit-transition: 1s;      -o-transition: 1s;      transition: 1s; }  .home-2-our-team-items .items-inner .team-thumb-area {    border: 1px solid #CAD1DC;    border-right: 0;    overflow: hidden;    margin-top: 15px; }    .home-2-our-team-items .items-inner .team-thumb-area .thumb {      background: -webkit-radial-gradient(50% 50%, #FCFEFF 0%, #D8E1E8 100%);      background: -o-radial-gradient(50% 50%, #FCFEFF 0%, #D8E1E8 100%);      background: radial-gradient(50% 50%, #FCFEFF 0%, #D8E1E8 100%);      margin: -1px -1px 80px -1px;      position: relative;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; }      .home-2-our-team-items .items-inner .team-thumb-area .thumb::after {        content: '';        position: absolute;        top: 50%;        left: 50%;        width: 0;        height: 0;        background-color: rgba(251, 9, 55, 0.6);        -webkit-transition: all 1s;        -moz-transition: all 1s;        -o-transition: all 1s;        transition: all 1s; }      .home-2-our-team-items .items-inner .team-thumb-area .thumb .social-icon {        list-style-type: none;        padding: 0;        margin: 0;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        position: absolute;        height: 100%;        z-index: 9;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .home-2-our-team-items .items-inner .team-thumb-area .thumb .social-icon .icon {          color: #fff;          padding: 0 15px;          display: inline-block; }        .home-2-our-team-items .items-inner .team-thumb-area .thumb .social-icon li {          -webkit-transform: translateY(-10%);          -ms-transform: translateY(-10%);          transform: translateY(-10%); }    .home-2-our-team-items .items-inner .team-thumb-area .number {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400;      text-align: center;      padding: 10px;      border-right: 1px solid #CAD1DC; }      .home-2-our-team-items .items-inner .team-thumb-area .number .icon {        color: var(--main-color-one); }  .home-2-our-team-items .items-inner .team-content-area {    border: 1px solid #CAD1DC;    height: 330px;    position: absolute;    top: 0;    margin-left: 15px;    width: 100%;    z-index: -1;    margin-top: -15px;    width: 100%;    z-index: -1; }    .home-2-our-team-items .items-inner .team-content-area .content-bg {      position: absolute;      top: 65%;      left: -1px;      right: -1px;      bottom: 0;      background-color: #181818;      padding: 45px 0 0 20px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .home-2-our-team-items .items-inner .team-content-area .name {      color: #fff;      font-size: 20px;      line-height: 30px;      font-family: var(--body-font);      font-weight: 600;      margin: 0; }    .home-2-our-team-items .items-inner .team-content-area .designation {      color: #fff;      font-size: 14px;      line-height: 26px;      font-family: var(--body-font);      font-weight: 400;      display: block; }.banner-bottom-section {  width: 100%;  background-color: #181818; }.h5-banner-bottom-items {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  height: 100%; }  .h5-banner-bottom-items:hover .items-left {    -webkit-transform: rotateY(360deg);    transform: rotateY(360deg); }  .h5-banner-bottom-items .items-left {    width: 80px;    text-align: center;    margin-right: 30px;    -webkit-transition: all 1.5s;    -moz-transition: all 1.5s;    -o-transition: all 1.5s;    transition: all 1.5s; }  .h5-banner-bottom-items .items-right {    width: 80%; }    .h5-banner-bottom-items .items-right .title {      color: var(--main-color-one);      font-size: 22px;      line-height: 32px;      font-family: var(--body-font);      font-weight: 600; }    .h5-banner-bottom-items .items-right p {      color: #fff;      font-size: 14px;      line-height: 30px;      font-family: var(--body-font);      font-weight: 400;      margin-bottom: 0; }  .h5-banner-bottom-items.custom-border {    border-left: 1px solid rgba(24, 24, 24, 0.3);    border-right: 1px solid rgba(24, 24, 24, 0.3);    padding-left: 30px;    padding-right: 30px;    position: relative; }    .h5-banner-bottom-items.custom-border::before, .h5-banner-bottom-items.custom-border::after {      position: absolute;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      content: '';      width: 3px;      height: 150px;      background-color: #fff; }    .h5-banner-bottom-items.custom-border::before {      left: -2px; }    .h5-banner-bottom-items.custom-border::after {      right: -2px; }.most-popular-cars {  background-color: #F5F5F5;  position: relative; }  .most-popular-cars .nav-tabs {    border-bottom: none; }    .most-popular-cars .nav-tabs .nav-link {      border: none;      border-radius: 0;      color: #181818;      font-size: 22px;      line-height: 32px;      font-family: var(--body-font);      font-weight: 600; }      .most-popular-cars .nav-tabs .nav-link.active {        color: var(--main-color-one);        background-color: transparent; }  .most-popular-cars .tab-slider-wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }  .most-popular-cars .tab-slider-left {    width: 30%; }  .most-popular-cars .tab-slider-right {    width: 70%;    padding-left: 20px; }  .most-popular-cars .h5-tab-slider-left-active .slick-slide.slick-current.slick-active .h5-tab-slider-left-items, .most-popular-cars .h5-tab-slider-left-active2 .slick-slide.slick-current.slick-active .h5-tab-slider-left-items {    -webkit-box-shadow: 0 0 15px 2px rgba(251, 9, 55, 0.2);    box-shadow: 0 0 15px 2px rgba(251, 9, 55, 0.2); }  .most-popular-cars .h5-tab-slider-left-items {    display: -webkit-box !important;    display: -ms-flexbox !important;    display: flex !important;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    background-color: #fff;    margin: 10px;    padding: 10px;    cursor: pointer;    width: 96% !important; }    .most-popular-cars .h5-tab-slider-left-items .thubm-area {      width: 50%;      padding: 0 30px; }    .most-popular-cars .h5-tab-slider-left-items .content-area {      width: 50%; }      .most-popular-cars .h5-tab-slider-left-items .content-area .title {        color: #181818;        font-size: 22px;        line-height: 32px;        font-family: var(--body-font);        font-weight: 800;        margin-bottom: 0; }      .most-popular-cars .h5-tab-slider-left-items .content-area .rating {        color: var(--main-color-one); }        .most-popular-cars .h5-tab-slider-left-items .content-area .rating .checked {          fill: var(--main-color-one); }      .most-popular-cars .h5-tab-slider-left-items .content-area .price {        padding-top: 10px;        color: #181818;        font-size: 16px;        line-height: 26px;        font-family: var(--body-font);        font-weight: 400; }  .most-popular-cars .h5-tab-slider-left-active {    height: 100%; }  .most-popular-cars .h5-tab-slider-right-items .thumb {    background-repeat: no-repeat;    background-position: center bottom;    background-size: contain;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }  .most-popular-cars .h5-tab-slider-right-items .content .title {    padding-top: 20px;    color: #181818;    font-size: 30px;    line-height: 30px;    font-family: var(--body-font);    font-weight: 600;    margin-bottom: 0; }  .most-popular-cars .h5-tab-slider-right-items .content .list-item-wrap {    list-style: none;    margin: 0;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    padding-left: 0; }    .most-popular-cars .h5-tab-slider-right-items .content .list-item-wrap .list-items {      padding: 0 20px; }      .most-popular-cars .h5-tab-slider-right-items .content .list-item-wrap .list-items .icon {        padding-left: 10px; }  .most-popular-cars .h5-tab-slider-right-items .content .main-btn-wrap {    padding-bottom: 20px; }.most-popular-tab-content {  position: relative;  z-index: 0; }  .most-popular-tab-content .slider-preloader {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(2, 48, 71, 0.8);    content: '';    z-index: 1;    display: none; }    .most-popular-tab-content .slider-preloader .loader {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      color: #fff;      height: 100%; }.car-service-section .car-service-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }.car-service-section .service-left-content {  display: -ms-grid;  display: grid;  place-content: center;  height: 100%; }  .car-service-section .service-left-content p {    color: #181818;    font-size: 14px;    font-family: var(--body-font);    font-weight: 400;    line-height: 30px; }.car-service-section .service-right-content {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end; }.h5-service-items {  color: #fff;  max-width: 300px;  padding: 25px;  margin: 0 8px 16px 8px;  text-align: center; }  .h5-service-items.color-one {    background-color: #FF335A;    -webkit-box-shadow: 0px 8px 12px rgba(255, 51, 90, 0.3);    box-shadow: 0px 8px 12px rgba(255, 51, 90, 0.3); }  .h5-service-items.color-two {    background-color: #F7B440;    -webkit-box-shadow: 0px 8px 12px rgba(247, 180, 64, 0.3);    box-shadow: 0px 8px 12px rgba(247, 180, 64, 0.3); }  .h5-service-items.color-three {    background-color: #4CABFF;    -webkit-box-shadow: 0px 8px 12px rgba(76, 171, 255, 0.3);    box-shadow: 0px 8px 12px rgba(76, 171, 255, 0.3); }  .h5-service-items.color-four {    background-color: #35CE9F;    -webkit-box-shadow: 0px 8px 12px rgba(53, 206, 159, 0.3);    box-shadow: 0px 8px 12px rgba(53, 206, 159, 0.3); }  .h5-service-items .icon-wrap {    background-color: rgba(255, 255, 255, 0.15);    width: 100px;    height: 100px;    line-height: 100px;    border-radius: 50%;    margin: auto;    display: -ms-grid;    display: grid; }    .h5-service-items .icon-wrap .icon {      background-color: rgba(255, 255, 255, 0.15);      width: 75px;      height: 75px;      line-height: 75px;      border-radius: 50%;      margin: auto; }  .h5-service-items .title {    margin: 0;    color: #fff;    font-size: 22px;    line-height: 32px;    font-family: var(--body-font);    font-weight: 600; }  .h5-service-items p {    color: #fff;    font-size: 14px;    line-height: 30px;    font-family: var(--body-font);    font-weight: 400; }  .h5-service-items.color-four {    position: relative; }    .h5-service-items.color-four::before {      content: '';      display: block;      width: 150px;      height: 150px;      background-color: rgba(53, 206, 159, 0.3);      position: absolute;      right: -45px;      bottom: -45px;      z-index: -1; }    .h5-service-items.color-four::after {      content: '';      display: block;      width: 90px;      height: 90px;      background-color: rgba(53, 206, 159, 0.3);      position: absolute;      left: 100%;      top: 100%; }.horizontal-scroll {  text-align: center; }  .horizontal-scroll .button-group {    display: inline-block;    border-bottom: 3px solid rgba(24, 24, 24, 0.3);    padding: 0;    -webkit-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .horizontal-scroll .button-group .button {      display: inline-block;      text-align: center;      cursor: pointer;      color: #181818;      font-size: 20px;      line-height: 30px;      font-weight: 600;      font-family: var(--body-font);      padding: 10px 30px; }      .horizontal-scroll .button-group .button.mixitup-control-active {        border-bottom: 3px solid var(--main-color-one);        margin-bottom: -3px; }.car-filter-content {  width: 87%;  margin: auto; }.car-filter-content-active {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }.h5-car-filter-item .content-area {  padding: 25px;  border: 1px solid #CAD1DC;  position: relative;  z-index: 0;  width: 340px;  margin: 10px 5px;  background-color: #fff;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s; }  .h5-car-filter-item .content-area:hover {    -webkit-transform: scale(1.1);    -ms-transform: scale(1.1);    transform: scale(1.1);    -webkit-box-shadow: 0 0 25px 2px rgba(251, 9, 55, 0.2);    box-shadow: 0 0 25px 2px rgba(251, 9, 55, 0.2);    z-index: 9; }    .h5-car-filter-item .content-area:hover .main-btn-wrap .main-btn.black-border {      border: none;      background-color: var(--main-color-one);      color: #fff;      -webkit-box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9);      box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9);      border: 1px solid #FB0937; }      .h5-car-filter-item .content-area:hover .main-btn-wrap .main-btn.black-border:hover {        -webkit-box-shadow: 0px 10px 20px -8px var(--main-color-one);        box-shadow: 0px 10px 20px -8px var(--main-color-one); }  .h5-car-filter-item .content-area .price-area {    width: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap; }    .h5-car-filter-item .content-area .price-area .price-inner {      width: 50%;      font-size: 14px;      line-height: 24px;      color: #181818;      font-family: var(--body-font);      font-weight: 600; }      .h5-car-filter-item .content-area .price-area .price-inner .price {        color: var(--main-color-one);        font-size: 22px;        line-height: 32px; }    .h5-car-filter-item .content-area .price-area .rating {      width: 50%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      color: var(--main-color-one); }  .h5-car-filter-item .content-area .title {    color: #181818;    font-size: 22px;    line-height: 32px;    font-family: var(--body-font);    font-weight: 600; }  .h5-car-filter-item .content-area .list-item-wrap {    list-style: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin: 0;    padding: 0;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }    .h5-car-filter-item .content-area .list-item-wrap .list-items {      width: 50%;      color: #181818;      font-size: 16px;      line-height: 26px;      font-family: var(--body-font);      font-weight: 400;      padding: 5px 0; }      .h5-car-filter-item .content-area .list-item-wrap .list-items .icon {        color: #181818;        font-size: 22px; }  .h5-car-filter-item .content-area::after {    content: '';    position: absolute;    bottom: 0;    left: 0;    right: 0;    top: 30%;    background-color: #F5F5F5;    display: block;    z-index: -1;    border-radius: 30px 30px 0 0; }.new-facilities .left-column .thumb-small {  position: absolute;  top: 60%;  left: 60%;  width: 100%; }.new-facilities .right-column {  float: right;  height: 100%;  display: -ms-grid;  display: grid;  place-content: center; }  .new-facilities .right-column .paragraph {    color: #181818;    font-size: 14px;    line-height: 30px;    font-family: var(--body-font);    font-weight: 400; }.testimonial-section {  width: 100%;  height: 100%;  background-position: center center;  background-size: cover;  background-repeat: no-repeat;  z-index: 0;  position: relative; }  .testimonial-section .section-title p {    color: #fff; }.h5-testimonial-inner {  position: relative;  border-radius: 4px;  padding: 25px 50px;  margin-top: 30px; }  .h5-testimonial-inner::before {    position: absolute;    left: 0;    top: 0;    content: '';    width: 100%;    height: 82%;    display: block;    background-color: #fff;    -webkit-box-shadow: 0 3px 16px #FB09374D;    box-shadow: 0 3px 16px #FB09374D; }  .h5-testimonial-inner::after {    position: absolute;    left: 10%;    bottom: 41px;    margin: auto;    border-radius: 0 0 4px 4px;    content: '';    width: 80%;    height: 90px;    background-color: #fff;    display: block;    z-index: -1; }  .h5-testimonial-inner .slider-arrow {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    width: 120%;    position: absolute;    left: -10%;    top: 40%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); }    .h5-testimonial-inner .slider-arrow .slick-next, .h5-testimonial-inner .slider-arrow .slick-prev {      cursor: pointer;      color: #fff;      font-size: 25px;      position: relative; }      .h5-testimonial-inner .slider-arrow .slick-next::before, .h5-testimonial-inner .slider-arrow .slick-prev::before {        position: absolute;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%);        content: '';        display: inline-block;        width: 20px;        height: 20px;        line-height: 20px;        border-radius: 50%;        background-color: var(--main-color-one);        -webkit-transition: all 5s;        -o-transition: all 5s;        transition: all 5s;        z-index: -1;        opacity: 0;        visibility: hidden;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .h5-testimonial-inner .slider-arrow .slick-next:hover::before, .h5-testimonial-inner .slider-arrow .slick-prev:hover::before {        opacity: 1;        visibility: visible; }    .h5-testimonial-inner .slider-arrow .slick-prev::before {      top: 50%;      left: -5px; }    .h5-testimonial-inner .slider-arrow .slick-next {      -webkit-box-ordinal-group: 3;      -ms-flex-order: 2;      order: 2; }      .h5-testimonial-inner .slider-arrow .slick-next::before {        top: 50%;        right: -5px; }.h5-testimonial-single-items .icon {  color: var(--main-color-one);  font-size: 30px; }.h5-testimonial-single-items p {  color: #181818;  font-size: 14px;  line-height: 30px;  font-weight: 400;  margin: 0; }.h5-testimonial-single-items .author-meta {  padding-bottom: 20px; }  .h5-testimonial-single-items .author-meta .name {    color: var(--main-color-one);    font-size: 22px;    line-height: 32px;    font-weight: 600; }  .h5-testimonial-single-items .author-meta .designation {    color: #181818;    font-size: 14px;    line-height: 26px;    font-weight: 400; }.h5-testimonial-single-items .thumb img {  border: 2px solid #fff;  max-width: 80px;  height: 80px;  border-radius: 50%;  margin: 0 auto;  background-color: #DBE3E9; }.awesome-blog-section .row {  position: relative; }.awesome-blog-section .read-more-wrap.style-right {  position: absolute;  right: 30px;  bottom: 12px; }.h5-awesome-blog-single-item {  padding-top: 40px; }  .h5-awesome-blog-single-item:hover .thumb-area img {    -webkit-transform: scale(1.2) rotate(-5deg);    -ms-transform: scale(1.2) rotate(-5deg);    transform: scale(1.2) rotate(-5deg); }  .h5-awesome-blog-single-item:hover .thumb-area::after {    width: 100%;    height: 100%;    top: 0;    left: 0;    right: 0;    bottom: 0; }  .h5-awesome-blog-single-item:hover .content-area .read-more-wrap .read-more {    color: var(--main-color-one); }  .h5-awesome-blog-single-item .thumb-area {    overflow: hidden;    position: relative; }    .h5-awesome-blog-single-item .thumb-area img {      -webkit-transition: all 0.5s;      -moz-transition: all 0.5s;      -o-transition: all 0.5s;      transition: all 0.5s; }    .h5-awesome-blog-single-item .thumb-area::after {      content: "";      position: absolute;      top: 50%;      left: 50%;      width: 0;      height: 0;      background-color: rgba(24, 24, 24, 0.3);      -webkit-transition: all 0.5s;      -moz-transition: all 0.5s;      -o-transition: all 0.5s;      transition: all 0.5s; }  .h5-awesome-blog-single-item .content-area .title {    margin-bottom: 0;    color: #181818;    font-size: 22px;    line-height: 32px;    font-weight: 600; }  .h5-awesome-blog-single-item .content-area p {    margin-bottom: 0;    color: #181818;    font-size: 14px;    line-height: 30px;    font-weight: 400; }  .h5-awesome-blog-single-item .content-area .read-more-wrap .read-more {    color: #181818;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }.about-story-section .paragraph p {  color: #181818;  font-size: 14px;  line-height: 30px;  font-weight: 400; }.about-story-section .thumb {  float: right;  position: relative; }  .about-story-section .thumb:hover::before {    width: 100%;    height: 100%; }  .about-story-section .thumb:hover::after {    width: 100%;    height: 100%; }  .about-story-section .thumb::before {    content: '';    position: absolute;    right: 0;    top: 0;    width: 0;    height: 0;    z-index: 1;    background-color: rgba(24, 24, 24, 0.1);    -webkit-transition: all 0.8s;    -o-transition: all 0.8s;    transition: all 0.8s;    display: block; }  .about-story-section .thumb::after {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 0;    height: 0;    background-color: rgba(24, 24, 24, 0.1);    -webkit-transition: all 0.8s;    -o-transition: all 0.8s;    transition: all 0.8s;    display: block; }/*----------------------------------        Our Mission Section------------------------------------*/.our-mission-section__left {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }  .our-mission-section__left__items {    max-width: 350px;    width: 50%;    background-color: #181818;    color: #fff;    padding: 45px 35px 0 35px;    overflow: hidden; }    .our-mission-section__left__items:hover .items-number {      -webkit-transform: translate(0, 0);      -ms-transform: translate(0, 0);      transform: translate(0, 0); }    .our-mission-section__left__items .items-title {      color: #fff;      font-size: 30px;      line-height: 40px;      font-family: var(--body-font);      font-weight: 700; }    .our-mission-section__left__items p {      color: #fff;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }    .our-mission-section__left__items .items-number {      color: rgba(255, 255, 255, 0.2);      font-size: 140px;      line-height: 150px;      font-family: var(--body-font);      font-weight: 700;      -webkit-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end;      -webkit-transform: translate(17%, 17%);      -ms-transform: translate(17%, 17%);      transform: translate(17%, 17%); }    .our-mission-section__left__items.white {      background-color: #fff;      padding: 0 0 35px 20px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: end;      -ms-flex-align: end;      align-items: flex-end;      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end; }    .our-mission-section__left__items.borderr {      border-top: 1px solid rgba(245, 245, 245, 0.1);      border-right: 1px solid rgba(245, 245, 245, 0.1); }.our-mission-section__right {  margin-top: 30px; }  .our-mission-section__right .paragraph {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }.service-single-item .thumb-wrap {  overflow: hidden;  max-width: 500px; }.service-single-item .thumb {  width: 100%;  position: relative;  -webkit-transition: all 0.8s;  -o-transition: all 0.8s;  transition: all 0.8s; }  .service-single-item .thumb::after {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 0;    height: 0;    background-color: rgba(251, 9, 55, 0.1);    -webkit-transition: all 0.8s;    -o-transition: all 0.8s;    transition: all 0.8s;    display: block; }  .service-single-item .thumb::before {    content: '';    position: absolute;    right: 0;    top: 0;    width: 0;    height: 0;    z-index: 1;    background-color: rgba(251, 9, 55, 0.1);    -webkit-transition: all 0.8s;    -o-transition: all 0.8s;    transition: all 0.8s;    display: block; }  .service-single-item .thumb:hover {    -webkit-transform: scale(1.1) rotate(-2deg);    -ms-transform: scale(1.1) rotate(-2deg);    transform: scale(1.1) rotate(-2deg); }    .service-single-item .thumb:hover::before, .service-single-item .thumb:hover::after {      width: 100%;      height: 100%; }.service-single-item .service-content .item-number {  color: rgba(251, 9, 55, 0.15);  font-size: 140px;  line-height: 150px;  font-family: var(--body-font);  font-family: var(--slider-heading-bold-font);  text-align: right; }.service-single-item .service-content .title {  color: #181818;  font-size: 34px;  line-height: 44px;  font-family: var(--body-font);  font-weight: 600;  padding: 10px 0 10px 25px;  position: absolute;  top: 20%;  left: -20%;  z-index: 0; }  .service-single-item .service-content .title::after {    content: '';    background-color: #fff;    display: block;    width: 100px;    height: 100%;    position: absolute;    top: 0;    left: 0;    z-index: -1; }.service-single-item .service-content p {  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400; }.service-single-item .service-content .more-details {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 500;  position: relative;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .service-single-item .service-content .more-details:hover {    padding-left: 60px;    color: var(--main-color-one); }    .service-single-item .service-content .more-details:hover::before {      background-color: var(--main-color-one);      visibility: visible;      opacity: 1; }  .service-single-item .service-content .more-details::before {    content: '';    display: block;    width: 50px;    height: 1px;    background-color: #181818;    position: absolute;    top: 50%;    left: 0;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    visibility: hidden;    opacity: 0;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;    -o-transition: all 0.5s;    transition: all 0.5s; }/*-----------------------------        Service Details------------------------------*/.process-section {  position: relative; }  .process-section .section-title {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    height: 100%;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }  .process-section .content-area.white .number {    color: #fff; }  .process-section .content-area.white .title {    color: #fff; }  .process-section .content-area.white p {    color: #fff; }  .process-section .content-area .number {    color: #CCD3DC;    font-size: 30px;    line-height: 42px;    font-family: var(--body-font);    font-weight: 500;    padding-left: 20px;    position: relative; }    .process-section .content-area .number::before {      position: absolute;      top: 50%;      left: 0;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      content: '';      display: block;      width: 15px;      height: 1px;      background-color: #CCD3DC; }  .process-section .content-area .title {    color: #181818;    font-size: 28px;    line-height: 40px;    font-family: var(--body-font);    font-weight: 500; }  .process-section .content-area p {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .process-section__right {    position: relative; }    .process-section__right .absolute {      position: absolute;      top: 0;      left: 0; }    .process-section__right .content-area {      padding: 90px 110px; }.blog-page-content .content {  height: 100%;  display: -ms-grid;  display: grid; }  .blog-page-content .content.bg-none {    background-color: transparent;    padding: 0; }  .blog-page-content .content .title {    color: #181818;    font-size: 30px;    line-height: 45px;    font-family: var(--body-font);    font-weight: 600; }  .blog-page-content .content .post-meta {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    border-bottom: 1px solid rgba(24, 24, 24, 0.3); }    .blog-page-content .content .post-meta.border-none {      border-bottom: none; }    .blog-page-content .content .post-meta .list-wrap {      width: 50%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      list-style: none;      margin: 0;      padding: 0; }      .blog-page-content .content .post-meta .list-wrap.two {        -ms-flex-pack: distribute;        justify-content: space-around;        color: #181818;        text-align: center; }        .blog-page-content .content .post-meta .list-wrap.two li {          padding-left: 5px; }    .blog-page-content .content .post-meta .author {      position: relative;      padding-left: 20px; }      .blog-page-content .content .post-meta .author::before {        position: absolute;        top: 50%;        left: 0;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%);        content: "";        display: inline-block;        width: 8px;        height: 8px;        border-radius: 50%;        background-color: var(--main-color-one); }  .blog-page-content .content p {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400;    margin-bottom: 0; }  .blog-page-content .content .read-more-area {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .blog-page-content .content .read-more-area .read-more {      width: 60%;      -ms-flex-item-align: center;      -ms-grid-row-align: center;      align-self: center; }      .blog-page-content .content .read-more-area .read-more a {        color: #181818;        font-size: 14px;        line-height: 24px;        font-weight: 500;        position: relative;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .blog-page-content .content .read-more-area .read-more a:hover {          padding-left: 60px;          color: var(--main-color-one); }          .blog-page-content .content .read-more-area .read-more a:hover::before {            background-color: var(--main-color-one);            visibility: visible;            opacity: 1; }        .blog-page-content .content .read-more-area .read-more a::before {          content: '';          display: block;          width: 50px;          height: 1px;          background-color: #181818;          position: absolute;          top: 50%;          left: 0;          -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);          transform: translateY(-50%);          visibility: hidden;          opacity: 0;          -webkit-transition: all 0.5s;          -moz-transition: all 0.5s;          -o-transition: all 0.5s;          transition: all 0.5s; }    .blog-page-content .content .read-more-area .share {      width: 40%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column; }      .blog-page-content .content .read-more-area .share .share-text {        color: #181818;        font-size: 14px;        line-height: 24px;        font-family: var(--body-font);        font-weight: 400; }      .blog-page-content .content .read-more-area .share .line-shap {        padding: 8px 0;        position: relative;        width: 113px;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between; }        .blog-page-content .content .read-more-area .share .line-shap::before {          content: '';          display: block;          background-color: #CCD3DC;          width: 50px;          height: 1px; }        .blog-page-content .content .read-more-area .share .line-shap::after {          content: '';          display: block;          background-color: #CCD3DC;          width: 50px;          height: 1px; }        .blog-page-content .content .read-more-area .share .line-shap .caret {          position: relative; }          .blog-page-content .content .read-more-area .share .line-shap .caret::after {            content: '';            display: block;            width: 9px;            height: 1px;            background-color: #CCD3DC;            -webkit-transform: rotate(45deg);            -ms-transform: rotate(45deg);            transform: rotate(45deg);            position: absolute;            bottom: -3px;            right: -1px; }          .blog-page-content .content .read-more-area .share .line-shap .caret::before {            content: '';            display: block;            width: 8px;            height: 1px;            background-color: #CCD3DC;            -webkit-transform: rotate(-45deg);            -ms-transform: rotate(-45deg);            transform: rotate(-45deg);            position: absolute;            bottom: -3px;            right: -7px; }      .blog-page-content .content .read-more-area .share .icon-wrap {        padding: 0;        margin: 0;        list-style: none;        display: -webkit-box;        display: -ms-flexbox;        display: flex; }        .blog-page-content .content .read-more-area .share .icon-wrap .icon {          color: #181818;          font-size: 14px;          margin: 0 5px;          padding: 0 2px;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }          .blog-page-content .content .read-more-area .share .icon-wrap .icon:hover {            color: var(--main-color-one); }.blog-single-item {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }  .blog-single-item:hover .thumb-area .thumb {    -webkit-transform: scale(1.1) rotate(-2deg);    -ms-transform: scale(1.1) rotate(-2deg);    transform: scale(1.1) rotate(-2deg); }    .blog-single-item:hover .thumb-area .thumb::after {      width: 100%;      height: 100%;      top: 0;      right: 0;      bottom: 0;      left: 0; }  .blog-single-item .content {    padding: 30px 25px; }  .blog-single-item .thumb-area {    position: relative;    overflow: hidden; }    .blog-single-item .thumb-area .thumb {      position: relative;      -webkit-transition: all 1s;      -moz-transition: all 1s;      -o-transition: all 1s;      transition: all 1s; }      .blog-single-item .thumb-area .thumb img {        width: 100%;        height: auto; }      .blog-single-item .thumb-area .thumb::after {        position: absolute;        z-index: 1;        content: '';        display: block;        top: 50%;        left: 50%;        width: 0;        height: 0;        background-color: rgba(251, 9, 55, 0.1);        -webkit-transition: all 0.5s;        -moz-transition: all 0.5s;        -o-transition: all 0.5s;        transition: all 0.5s; }    .blog-single-item .thumb-area .date {      position: absolute;      top: 0;      right: 0;      color: #fff;      background-color: #181818;      width: 80px;      height: 90px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center;      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }      .blog-single-item .thumb-area .date .day {        display: block;        color: #fff;        font-size: 30px;        line-height: 40px;        font-weight: 600; }      .blog-single-item .thumb-area .date .month {        display: block;        color: #fff;        font-size: 14px;        line-height: 24px;        font-weight: 400; }.blog-details-items .content .title {  font-size: 40px;  line-height: 50px; }.blog-details-items p {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400;  margin-bottom: 0; }.blog-details-items .blog-details-inner {  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .blog-details-items .blog-details-inner .thumb {    width: 50%; }  .blog-details-items .blog-details-inner .content {    width: 50%;    padding-left: 40px; }    .blog-details-items .blog-details-inner .content .title {      color: #181818;      font-size: 22px;      line-height: 32px;      font-weight: 600;      padding-bottom: 10px;      margin-bottom: 10px;      border-bottom: 1px solid rgba(24, 24, 24, 0.5); }    .blog-details-items .blog-details-inner .content p {      color: #181818;      font-size: 14px;      line-height: 24px;      font-weight: 400; }    .blog-details-items .blog-details-inner .content .list-items {      padding: 0;      margin: 0;      list-style-type: none; }      .blog-details-items .blog-details-inner .content .list-items .item {        color: #181818;        font-size: 14px;        line-height: 24px;        font-weight: 400;        padding: 5px 0; }        .blog-details-items .blog-details-inner .content .list-items .item .icon {          color: var(--main-color-one);          font-size: 10px;          padding-right: 5px; }.blog-details-items blockquote {  background-color: #F5F5F5;  margin: 30px 0;  color: #181818;  padding: 20px;  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .blog-details-items blockquote .quote-icon {    width: 7%;    font-size: 40px;    color: rgba(251, 9, 55, 0.3); }  .blog-details-items blockquote p {    width: 93%; }.blog-details-footer {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }  .blog-details-footer .left {    width: 50%; }    .blog-details-footer .left .icon-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      background-color: #fff;      -webkit-box-shadow: 0 3px 14px #12121712;      box-shadow: 0 3px 14px #12121712;      width: 200px;      padding: 20px;      list-style: none;      margin: 0; }    .blog-details-footer .left .share-text {      color: #181818;      font-size: 14px;      line-height: 24px;      font-weight: 400; }    .blog-details-footer .left .icon {      font-size: 15px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .blog-details-footer .left .icon:hover {        color: var(--main-color-one); }  .blog-details-footer .right {    width: 50%; }    .blog-details-footer .right .list-wrap {      list-style: none;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      color: #181818;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      height: 100%;      width: 190px;      float: right;      padding: 0;      margin: 0; }      .blog-details-footer .right .list-wrap .icon {        color: var(--main-color-one); }.comment-area .comments-title {  color: #181818;  font-size: 22px;  line-height: 37px;  font-weight: 600; }.comment-area .comment-list {  padding: 0;  margin: 0; }  .comment-area .comment-list li {    list-style: none; }    .comment-area .comment-list li:not(:last-child) .single-comment-wrap {      border-bottom: 1px solid #CAD1DC; }    .comment-area .comment-list li .children {      padding-left: 0; }      .comment-area .comment-list li .children li {        padding-left: 50px; }.comment-area .single-comment-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; }  .comment-area .single-comment-wrap .thumb {    width: 8%;    margin-right: 20px;    min-width: 90px;    border-radius: 50%;    overflow: hidden;    height: 90px;    border: 3px solid rgba(202, 209, 220, 0.5); }  .comment-area .single-comment-wrap .content {    width: 92%; }    .comment-area .single-comment-wrap .content .title-area {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }    .comment-area .single-comment-wrap .content .title {      color: #181818;      font-size: 22px;      line-height: 32px;      font-weight: 600; }    .comment-area .single-comment-wrap .content .date {      color: #181818;      font-size: 14px;      line-height: 24px;      font-weight: 400; }    .comment-area .single-comment-wrap .content .reply {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end;      padding-top: 20px; }      .comment-area .single-comment-wrap .content .reply a {        color: #181818;        font-size: 14px;        line-height: 24px;        padding: 5px 10px;        border: 1px solid #181818;        border-radius: 20px;        display: block;        width: 110px;        text-align: center; }        .comment-area .single-comment-wrap .content .reply a .icon {          font-size: 12px;          display: inline-block;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .comment-area .single-comment-wrap .content .reply a:hover .icon {          margin-right: 10px;          margin-left: -10px; }.comment-area .comment-form-wrap .reply-title {  color: #181818;  font-size: 22px;  line-height: 32px;  font-weight: 600; }.comment-area .comment-form-wrap .form-group {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }  .comment-area .comment-form-wrap .form-group .form-control {    margin: 1% 2% 1% 0;    border: 1px solid #CAD1DC;    border-radius: 0; }    .comment-area .comment-form-wrap .form-group .form-control::-webkit-input-placeholder {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }    .comment-area .comment-form-wrap .form-group .form-control:-ms-input-placeholder {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }    .comment-area .comment-form-wrap .form-group .form-control::-ms-input-placeholder {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }    .comment-area .comment-form-wrap .form-group .form-control::placeholder {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }  .comment-area .comment-form-wrap .form-group .main-btn-wrap {    margin-top: 8px; }    .comment-area .comment-form-wrap .form-group .main-btn-wrap .main-btn {      border-radius: 30px;      border: none;      min-width: 110px; }/*-----------------------------------           Related Post-------------------------------------*/.related-post .related-post-title {  color: #181818;  font-size: 22px;  line-height: 34px;  font-weight: 700;  display: table;  padding-right: 80px;  border-bottom: 2px solid rgba(24, 24, 24, 0.8); }.related-post .latest-news-slider-items {  width: 100%; }  .related-post .latest-news-slider-items .cards {    margin-right: 0; }    .related-post .latest-news-slider-items .cards .cards-img {      margin-right: 0;      border-radius: 4px 4px 0 0; }    .related-post .latest-news-slider-items .cards .cards-body {      border-radius: 0 0 4px 4px;      margin-left: 0;      border-right: 1px solid rgba(24, 24, 24, 0.2);      border-bottom: 1px solid rgba(24, 24, 24, 0.2);      border-left: 1px solid rgba(24, 24, 24, 0.2);      background-color: #fff; }.shop-page-grid-view .product-filtering-area {  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding-bottom: 10px;  border-bottom: 1px solid #CAD1DC;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }  .shop-page-grid-view .product-filtering-area .filter-left {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between; }    .shop-page-grid-view .product-filtering-area .filter-left .nav-tabs {      border: 0 !important; }      .shop-page-grid-view .product-filtering-area .filter-left .nav-tabs .nav-link {        border: 0 !important;        color: #181818;        font-size: 20px;        padding: 8px 10px;        line-height: 20px;        text-align: center; }        .shop-page-grid-view .product-filtering-area .filter-left .nav-tabs .nav-link.active {          color: #181818;          border: 1px solid #CAD1DC !important;          border-radius: 0 !important; }  .shop-page-grid-view .product-filtering-area .filter-right {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }    .shop-page-grid-view .product-filtering-area .filter-right .sorting-text {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400;      padding-right: 20px; }.shop-page-grid-view .grid-list-wrapper {  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }.grid-list-column-item {  width: 31.5%;  margin-bottom: 30px;  text-align: center;  border: 1px solid #CAD1DC;  position: relative;  z-index: 0;  padding: 30px 0;  position: relative;  z-index: 0;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s; }  .grid-list-column-item:hover {    -webkit-box-shadow: 0 6px 12px rgba(251, 9, 55, 0.26);    box-shadow: 0 6px 12px rgba(251, 9, 55, 0.26); }    .grid-list-column-item:hover::after {      top: 0;      border-radius: 0;      background-color: #fff; }    .grid-list-column-item:hover .main-btn-wrap .main-btn {      border: none;      background-color: var(--main-color-one);      color: #F5F5F5;      -webkit-box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9);      box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9); }      .grid-list-column-item:hover .main-btn-wrap .main-btn:hover {        background-color: var(--main-color-one);        -webkit-box-shadow: 0px 10px 20px -8px var(--main-color-one);        box-shadow: 0px 10px 20px -8px var(--main-color-one); }  .grid-list-column-item::after {    content: '';    position: absolute;    bottom: 0;    left: 0;    right: 0;    top: 30%;    background-color: #F5F5F5;    display: block;    z-index: -1;    border-radius: 30px 30px 0 0;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;    -o-transition: all 0.5s;    transition: all 0.5s; }  .grid-list-column-item .price-drop-tag {    position: absolute;    left: 20px;    background-color: var(--main-color-one);    border-radius: 4px;    padding: 2px 10px;    color: #fff;    font-size: 10px;    line-height: 20px;    font-family: var(--body-font);    font-weight: 400; }    .grid-list-column-item .price-drop-tag::before {      content: "";      position: absolute;      left: -6px;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      width: 0;      height: 0;      border-top: 8px solid transparent;      border-right: 10px solid red;      border-bottom: 8px solid transparent; }  .grid-list-column-item .title {    color: #181818;    font-size: 22px;    line-height: 32px;    font-family: var(--main-color-one);    font-weight: 600; }  .grid-list-column-item.style-02 {    padding: 30px 15px 28px;    position: relative;    z-index: 0; }    .grid-list-column-item.style-02:hover {      -webkit-box-shadow: none;      box-shadow: none;      z-index: 9; }      .grid-list-column-item.style-02:hover .thumb img {        -webkit-transform: scale(1.1);        -ms-transform: scale(1.1);        transform: scale(1.1); }      .grid-list-column-item.style-02:hover .car-functional-wrap {        -webkit-transform: translateY(82%);        -ms-transform: translateY(82%);        transform: translateY(82%);        opacity: 1;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between;        z-index: 9; }    .grid-list-column-item.style-02 .sub-title {      color: #181818;      font-size: 16px;      line-height: 26px; }    .grid-list-column-item.style-02 .thumb img {      overflow: hidden;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .grid-list-column-item.style-02 .price-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between; }      .grid-list-column-item.style-02 .price-wrap .price {        width: 50%; }        .grid-list-column-item.style-02 .price-wrap .price .common-price-style {          font-size: 10px;          line-height: 30px;          font-family: var(--body-font);          font-weight: 600;          padding-top: 0;          text-align: left; }        .grid-list-column-item.style-02 .price-wrap .price .common-rating-style {          -webkit-box-pack: end;          -ms-flex-pack: end;          justify-content: flex-end; }      .grid-list-column-item.style-02 .price-wrap .cart {        width: 50%; }        .grid-list-column-item.style-02 .price-wrap .cart .icon {          width: 30px;          height: 30px;          line-height: 30px;          background-color: #fff;          border-radius: 50%;          -webkit-box-shadow: 0px 4px 7px rgba(24, 24, 24, 0.26);          box-shadow: 0px 4px 7px rgba(24, 24, 24, 0.26);          display: block;          float: right; }    .grid-list-column-item.style-02 .car-functional-wrap {      padding-left: 15px;      padding-right: 15px;      border-right: 1px solid #CAD1DC;      border-bottom: 1px solid #CAD1DC;      border-left: 1px solid #CAD1DC;      background-color: #fff;      padding-bottom: 28px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      position: absolute;      width: calc(100% + 2px);      left: -1px;      bottom: 1px;      opacity: 0;      -webkit-transition: all 0.5s;      -moz-transition: all 0.5s;      -o-transition: all 0.5s;      transition: all 0.5s; }      .grid-list-column-item.style-02 .car-functional-wrap__item .power {        color: #181818;        font-size: 18px;        line-height: 28px;        font-weight: 500; }      .grid-list-column-item.style-02 .car-functional-wrap__item .icon {        color: #181818;        font-size: 16px; }      .grid-list-column-item.style-02 .car-functional-wrap__item .force {        color: #181818;        font-size: 12px;        line-height: 22px; }  .grid-list-column-item.list-view {    width: 48%; }    .grid-list-column-item.list-view.style-02 .thumb {      width: 35%;      padding-right: 10px; }    .grid-list-column-item.list-view.style-02 .grid-list-column-item__content {      width: 65%; }    .grid-list-column-item.list-view.style-02:hover .car-functional-wrap {      -webkit-transform: translateY(95%);      -ms-transform: translateY(95%);      transform: translateY(95%); }    .grid-list-column-item.list-view:hover::after {      left: 0;      border-radius: 0;      background-color: #fff; }    .grid-list-column-item.list-view .thumb {      width: 30%; }    .grid-list-column-item.list-view::after {      content: '';      position: absolute;      bottom: 0;      left: 20%;      right: 0;      top: 0;      background-color: #F5F5F5;      display: block;      z-index: -1;      border-radius: 30px 0 0 30px;      -webkit-transition: all 0.5s;      -moz-transition: all 0.5s;      -o-transition: all 0.5s;      transition: all 0.5s; }  .grid-list-column-item__wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    padding-top: 40px; }  .grid-list-column-item__content {    width: 70%;    text-align: left; }    .grid-list-column-item__content .common-rating-style {      -webkit-box-pack: end;      -ms-flex-pack: end;      justify-content: flex-end; }.common-price-style {  color: #181818;  font-size: 14px;  line-height: 26px;  font-family: var(--body-font);  font-weight: 400;  padding-top: 10px; }  .common-price-style .black {    color: #181818; }.step-car-sell__thumb {  width: 100%;  text-align: center; }  .step-car-sell__thumb.margin-minus {    margin-top: -150px;    position: relative;    z-index: 9; }.step-car-sell__tabs .nav-tabs {  border-bottom: 3px dotted #181818;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  border-bottom-width: 5px;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  width: 70%;  margin: auto; }  .step-car-sell__tabs .nav-tabs .nav-link {    border: 2px solid #181818;    border-radius: 50%;    display: block;    width: 50px;    height: 50px;    text-align: center;    padding: 0;    color: #181818;    font-size: 20px;    line-height: 50px;    font-family: var(--body-font);    font-weight: 500;    -webkit-transform: translateY(50%);    -ms-transform: translateY(50%);    transform: translateY(50%);    background-color: #fff; }    .step-car-sell__tabs .nav-tabs .nav-link.active {      color: var(--main-color-one);      border: 2px solid var(--main-color-one); }.step-car-sell__title .title {  color: #181818;  font-size: 28px;  line-height: 40px;  font-family: var(--body-font);  font-weight: 500;  margin-bottom: 0; }.step-car-sell__title .sub-title {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400; }.step-car-sell__content {  width: 80%;  margin: auto; }.step-car-sell__form label {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400;  padding-bottom: 5px; }.step-car-sell__form .form-control {  border: 1px solid #181818;  border-radius: 0;  margin-bottom: 35px; }  .step-car-sell__form .form-control:focus {    border: 1px solid #181818; }.step-car-sell__form .form-middle {  border: 1px solid #181818;  padding: 30px;  margin-bottom: 35px; }  .step-car-sell__form .form-middle .form-control {    border: none;    background-color: #CAD1DC;    margin: 0; }.step-car-sell__condition_item {  border-bottom: 1px solid rgba(24, 24, 24, 0.4);  margin-bottom: 20px; }  .step-car-sell__condition_item .title-icon {    color: #181818;    font-size: 45px;    line-height: 55px; }  .step-car-sell__condition_item .title {    color: #181818;    font-size: 22px;    line-height: 32px;    font-family: var(--body-font);    font-weight: 600;    padding: 10px 0;    margin-bottom: 0; }  .step-car-sell__condition_item .list-item-wrap {    padding-left: 0;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    list-style: none;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }    .step-car-sell__condition_item .list-item-wrap .list-item {      width: 170px;      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }      .step-car-sell__condition_item .list-item-wrap .list-item.active .icon {        border-color: #0274F5; }    .step-car-sell__condition_item .list-item-wrap .icon {      margin-right: 5px;      width: 18px;      height: 18px;      border-radius: 50%;      border: 4px solid #181818;      display: inline-block; }.step-car-sell__details p {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400;  margin-bottom: 0; }.step-car-sell__details_form {  background-color: #F5F5F5;  padding: 35px 40px 40px 40px; }  .step-car-sell__details_form.style-02 {    background-color: transparent;    padding: 0; }    .step-car-sell__details_form.style-02 .form-control {      border: 1px solid #181818; }  .step-car-sell__details_form .form-control {    border-radius: 0;    border: 0; }    .step-car-sell__details_form .form-control:focus {      -webkit-box-shadow: 0 0 0 1px rgba(24, 24, 24, 0.25);      box-shadow: 0 0 0 1px rgba(24, 24, 24, 0.25); }  .step-car-sell__details_form input[type=text],  .step-car-sell__details_form input[type=email] {    margin-bottom: 37px; }  .step-car-sell__details_form label {    padding-bottom: 5px;    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .step-car-sell__details_form textarea {    resize: none; }.car-booking__inner {  border-bottom: 1px solid #181818; }.car-booking__wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }.car-booking__thumb {  background-color: #F5F5F5;  -webkit-box-shadow: 0px 3px 6px rgba(251, 9, 55, 0.26);  box-shadow: 0px 3px 6px rgba(251, 9, 55, 0.26);  margin-right: 20px; }.car-booking__content p {  color: #181818;  font-size: 22px;  line-height: 32px;  font-family: var(--body-font);  font-weight: 500;  margin-bottom: 0; }.car-booking-bottom .nice-select.form-control {  width: 100%;  border-radius: 5;  border: 1px solid #181818; }.car-booking-bottom .nice-select.form-control:focus {    -webkit-box-shadow: none;    box-shadow: none; }.car-booking-bottom .custom-select-box .nice-select {  line-height: 30px; }  .car-booking-bottom .custom-select-box .nice-select .list {    width: 100%; }.car-booking-bottom label {  padding-bottom: 5px; }.car-booking-bottom .form-control {  margin-bottom: 20px;   border-radius: 5;  border: 1px solid #181818;}.car-booking-bottom__right {  text-align: center; }  .car-booking-bottom__right .title {    color: #181818;    font-size: 30px;    line-height: 50px;    font-family: var(--body-font);    font-weight: 600;    width: 50%;    margin: auto;    padding-bottom: 20px; }/*-----------------------    Error 404 Page-----------------------*/.banner__body__404__content {  text-align: center;  text-align: center;  display: -ms-grid;  display: grid;  -ms-flex-line-pack: center;  align-content: center;  height: 100vh;  min-height: 600px; }  .banner__body__404__content p {    color: #fff;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400;    padding-top: 160px; }  .banner__body__404__content .title-404 {    color: #fff;    font-size: 16vw;    line-height: 120px;    font-weight: 800;    letter-spacing: 10px; }/*-------------------------    Footer Area-------------------------*/.footer-area {  background-repeat: no-repeat;  background-size: contain;  background-position: bottom right;  background-color: rgba(24, 24, 24, 0.99); }  .footer-area .banner__header__follow_us ul li .icon {    color: #181818 !important;    font-size: 12px;    color: #fff; }  .footer-area.style-02 .footer-top {    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }    .footer-area.style-02 .footer-top .container {      border-left: 1px solid rgba(255, 255, 255, 0.2);      border-right: 1px solid rgba(255, 255, 255, 0.2); }  .footer-area.style-02 .footer-subscribe-area {    background-color: #fff;    width: 50%;    padding: 0 120px 100px 120px;    margin: -50px auto;    z-index: 1; }    .footer-area.style-02 .footer-subscribe-area .title {      padding-bottom: 40px;      color: #181818;      font-size: 29px;      line-height: 40px;      font-weight: 700;      font-family: var(--body-font);      text-align: center; }    .footer-area.style-02 .footer-subscribe-area .input-group {      background-color: #F5F5F5;      padding: 15px 15px; }      .footer-area.style-02 .footer-subscribe-area .input-group .form-control {        background-color: transparent; }        .footer-area.style-02 .footer-subscribe-area .input-group .form-control::-webkit-input-placeholder {          color: #181818;          font-size: 16px;          line-height: 35px; }        .footer-area.style-02 .footer-subscribe-area .input-group .form-control:-ms-input-placeholder {          color: #181818;          font-size: 16px;          line-height: 35px; }        .footer-area.style-02 .footer-subscribe-area .input-group .form-control::-ms-input-placeholder {          color: #181818;          font-size: 16px;          line-height: 35px; }        .footer-area.style-02 .footer-subscribe-area .input-group .form-control::placeholder {          color: #181818;          font-size: 16px;          line-height: 35px; }    .footer-area.style-02 .footer-subscribe-area .input-group-text input[type="submit"] {      background-color: transparent;      border: none;      color: #fff;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400; }  .footer-area.style-02 .copyright-area {    padding: 0; }    .footer-area.style-02 .copyright-area .container {      border-left: 1px solid rgba(255, 255, 255, 0.2);      border-right: 1px solid rgba(255, 255, 255, 0.2); }    .footer-area.style-02 .copyright-area .copyright-area-inner {      padding: 20px 0; }.footer-top .contact-area .icon {  padding-right: 10px;  float: left; }.footer-top .widget.footer-widget p {  font-size: 14px;  line-height: 30px;  font-weight: 400; }.footer-top .widget .widget-title {  font-family: var(--body-font);  font-weight: 600;  font-size: 20px; }.footer-top .widget.widget_nav_menu ul li {  font-size: 15px;  font-weight: 400;  font-family: var(--body-font); }.footer-top .widget-top {  color: #fff; }  .footer-top .widget-top .contact-info-name {    font-size: 14px;    line-height: 24px;    font-weight: 200; }  .footer-top .widget-top .contact-info {    font-size: 14px;    line-height: 24px;    font-weight: 400; }.footer-top .input-group .form-control {  border-radius: 0;  height: 50px;  border: none; }.footer-top .input-group .form-control::-webkit-input-placeholder {  color: #CCD3DC;  font-size: 12px;  line-height: 40px;  font-family: var(--body-font);  font-weight: 400; }.footer-top .input-group .form-control:-ms-input-placeholder {  color: #CCD3DC;  font-size: 12px;  line-height: 40px;  font-family: var(--body-font);  font-weight: 400; }.footer-top .input-group .form-control::-ms-input-placeholder {  color: #CCD3DC;  font-size: 12px;  line-height: 40px;  font-family: var(--body-font);  font-weight: 400; }.footer-top .input-group .form-control::placeholder {  color: #CCD3DC;  font-size: 12px;  line-height: 40px;  font-family: var(--body-font);  font-weight: 400; }.footer-top .input-group-text {  background-color: var(--main-color-one);  border: none;  border-radius: 0;  font-size: 23px;  cursor: pointer; }  .footer-top .input-group-text button {    background-color: transparent;    border: none;    color: #fff; }.copyright-area {  color: #fff;  font-size: 15px;  line-height: 24px;  font-family: var(--menu-font);  font-weight: 400; }  .copyright-area .coypright-icon {    color: var(--main-color-one);    font-size: 15px;    margin: 0 10px; }/*---------------------------------------    ## Back Top---------------------------------------*/.back-to-top {  position: fixed;  right: 50px;  bottom: 120px;  text-align: center;  line-height: 50px;  z-index: 9;  cursor: pointer;  display: none; }  .back-to-top::before {    content: "";    display: block;    width: 35px;    height: 35px;    line-height: 35px;    border: 1px solid #fff;    border-radius: 50%;    z-index: -1;    position: absolute;    top: 25%;    left: -10%;    -webkit-animation: pauseanimate 2s linear infinite;    animation: pauseanimate 2s linear infinite; }  .back-to-top::after {    content: '';    display: block;    width: 44px;    height: 44px;    line-height: 44px;    border: 1px solid #fff;    border-radius: 50%;    position: absolute;    z-index: -1;    top: 18%;    left: -25%;    -webkit-animation: pauseanimate 2s 1s linear infinite;    animation: pauseanimate 2s 1s linear infinite; }  .back-to-top .back-top::before {    content: "\f114";    font-family: "Flaticon";    display: block;    color: #fff;    position: absolute;    top: -21px;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%); }/*-------------------------    ## Preloader Css---------------------------*/.pre-wrap {  position: fixed;  content: '';  -webkit-transform: translate(-100%, -240%);  -ms-transform: translate(-100%, -240%);  transform: translate(-100%, -240%);  font-size: 62px; }.preloader-inner {  position: fixed;  left: 0;  top: 0;  z-index: 99999;  background-color: rgba(2, 48, 71, 0.8);  width: 100%;  height: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }  .preloader-inner .cancel-preloader {    position: absolute;    bottom: 30px;    right: 30px; }    .preloader-inner .cancel-preloader a {      background-color: #fff;      font-weight: 600;      text-transform: capitalize;      color: var(--main-color-one);      width: 200px;      height: 50px;      text-align: center;      line-height: 50px;      border-radius: 30px;      display: block;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .preloader-inner .cancel-preloader a:hover {        background-color: var(--secondary-color);        color: #fff; }.spinner {  margin: 120px auto;  width: 60px;  height: 60px;  position: relative;  text-align: center;  -webkit-animation: sk-rotate 2.0s infinite linear;  animation: sk-rotate 2.0s infinite linear; }.dot1, .dot2 {  width: 60%;  height: 60%;  display: inline-block;  position: absolute;  top: 0;  background-color: var(--main-color-one);  border-radius: 100%;  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;  animation: sk-bounce 2.0s infinite ease-in-out; }.dot2 {  top: auto;  bottom: 0;  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s; }@-webkit-keyframes sk-rotate {  100% {    -webkit-transform: rotate(360deg); } }@keyframes sk-rotate {  100% {    transform: rotate(360deg);    -webkit-transform: rotate(360deg); } }@-webkit-keyframes sk-bounce {  0%, 100% {    -webkit-transform: scale(0); }  50% {    -webkit-transform: scale(1); } }@keyframes sk-bounce {  0%, 100% {    transform: scale(0);    -webkit-transform: scale(0); }  50% {    transform: scale(1);    -webkit-transform: scale(1); } }/*-------------------------------------    Main BTN Design---------------------------------------*/.main-btn-wrap .main-btn {  min-width: 180px;  background-color: var(--main-color-one);  color: #fff;  padding: 10px 16px;  text-align: center;  border-radius: 30px;  font-size: 13px;  display: inline-block;  text-transform: capitalize;  font-family: var(--body-font);  font-weight: 500;  -webkit-box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9);  box-shadow: 0px 6px 20px -8px rgba(251, 9, 55, 0.9);  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .main-btn-wrap .main-btn:hover {    -webkit-box-shadow: 0px 10px 20px -8px var(--main-color-one);    box-shadow: 0px 10px 20px -8px var(--main-color-one);    background-color: var(--main-color-one); }  .main-btn-wrap .main-btn.small {    min-width: 85px;    padding: 8px 0px; }  .main-btn-wrap .main-btn.ls {    min-width: 130px;    padding: 8px 8px; }  .main-btn-wrap .main-btn.uppercase {    text-transform: uppercase; }  .main-btn-wrap .main-btn.border {    border: 1px solid #FB0937;    background-color: transparent;    color: var(--main-color-one);    -webkit-box-shadow: none;    box-shadow: none; }  .main-btn-wrap .main-btn.black {    background-color: #181818;    -webkit-box-shadow: 0px 6px 20px -8px rgba(24, 24, 24, 0.9);    box-shadow: 0px 6px 20px -8px rgba(24, 24, 24, 0.9);    border: none; }    .main-btn-wrap .main-btn.black:hover {      -webkit-box-shadow: 0px 10px 20px -8px #181818;      box-shadow: 0px 10px 20px -8px #181818;      background-color: #181818; }  .main-btn-wrap .main-btn.white {    background-color: #fff;    color: #181818;    -webkit-box-shadow: 0px 6px 20px -8px rgba(255, 255, 255, 0.9);    box-shadow: 0px 6px 20px -8px rgba(255, 255, 255, 0.9); }    .main-btn-wrap .main-btn.white:hover {      -webkit-box-shadow: 0px 10px 20px -8px #fff;      box-shadow: 0px 10px 20px -8px #fff; }  .main-btn-wrap .main-btn.black-border {    border: 1px solid #181818;    background-color: transparent;    color: #181818;    -webkit-box-shadow: none;    box-shadow: none; }    .main-btn-wrap .main-btn.black-border:hover {      background-color: transparent;      -webkit-box-shadow: none;      box-shadow: none; }  .main-btn-wrap .main-btn.gray-border {    border: 1px solid #868686;    background-color: transparent;    color: #868686;    -webkit-box-shadow: none;    box-shadow: none; }    .main-btn-wrap .main-btn.gray-border:hover {      border: 1px solid var(--main-color-one);      background-color: var(--main-color-one);      -webkit-box-shadow: none;      box-shadow: none;      color: #fff; }  .main-btn-wrap .main-btn.gray {    background-color: #D1D1D1;    color: #181818;    -webkit-box-shadow: 0px 6px 20px -8px rgba(209, 209, 209, 0.9);    box-shadow: 0px 6px 20px -8px rgba(209, 209, 209, 0.9); }    .main-btn-wrap .main-btn.gray:hover {      -webkit-box-shadow: 0px 10px 20px -8px #D1D1D1;      box-shadow: 0px 10px 20px -8px #D1D1D1; }  .main-btn-wrap .main-btn.md {    padding: 13px 15px; }  .main-btn-wrap .main-btn.lg {    padding: 15px 20px; }/*----------------------------------    Read More BTN Design------------------------------------*/.read-more-wrap .read-more {  color: var(--main-color-one);  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 500;  position: relative; }  .read-more-wrap .read-more.gray {    color: #181818; }  .read-more-wrap .read-more.uppercase {    text-transform: uppercase; }  .read-more-wrap .read-more::after {    position: absolute;    content: "\e628";    font-family: 'themify';    font-size: 12px;    line-height: 24px;    padding-left: 5px;    -webkit-transition: 1s;    -o-transition: 1s;    transition: 1s;    display: inline-block;    right: -15px;    top: -3px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }  .read-more-wrap .read-more:hover::after {    right: -25px; }/*-------------------------------------    Play Button---------------------------------------*/.play-area {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 9; }.play-btn {  width: 90px;  height: 90px;  line-height: 90px;  background-color: #fff;  border-radius: 50%;  text-align: center;  font-size: 30px;  color: var(--main-color-one);  position: relative; }  .play-btn.style-02 {    width: 50px;    height: 50px;    line-height: 50px;    background-color: var(--main-color-one);    color: #fff;    font-size: 20px; }    .play-btn.style-02::before, .play-btn.style-02::after {      border: 2px solid var(--main-color-one); }  .play-btn.style-03 {    width: 80px;    height: 80px;    line-height: 80px;    background-color: var(--main-color-one);    color: #fff;    font-size: 30px; }    .play-btn.style-03::before {      border: 5px solid rgba(255, 255, 255, 0.5); }    .play-btn.style-03::after {      border: 3px solid rgba(255, 255, 255, 0.5); }  .play-btn::before, .play-btn::after {    position: absolute;    content: "";    left: 0;    top: 0;    right: 0;    bottom: 0;    border: 2px solid #fff;    border-radius: 50%; }  .play-btn::before {    -webkit-animation: pauseanimate 2s linear infinite;    animation: pauseanimate 2s linear infinite; }  .play-btn::after {    -webkit-animation: pauseanimate 2s 1s linear infinite;    animation: pauseanimate 2s 1s linear infinite; }@-webkit-keyframes pauseanimate {  100% {    -webkit-transform: scale(1.5);    transform: scale(1.5);    opacity: 0; } }@keyframes pauseanimate {  100% {    -webkit-transform: scale(1.5);    transform: scale(1.5);    opacity: 0; } }.button-normal, .button-medium, .button-large {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }/*----------------------------------------  ## Section title----------------------------------------*/.section-title .title {  font-size: 14px;  line-height: 26px;  font-weight: 400;  font-family: var(--menu-font);  color: var(--main-color-one);  letter-spacing: 4px;  position: relative;  z-index: 0;  padding-left: 30px;  text-transform: capitalize;  margin: 0; }  .section-title .title::before {    content: '';    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    -webkit-transform: translateX(-150%);    -ms-transform: translateX(-150%);    transform: translateX(-150%);    z-index: 1;    width: 20px;    height: 1px;    background-color: var(--main-color-one); }  .section-title .title.both-line {    padding-left: 30px;    padding-right: 30px; }    .section-title .title.both-line.white::after, .section-title .title.both-line.white::before {      background-color: #fff; }    .section-title .title.both-line::before {      content: '';      position: absolute;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      -webkit-transform: translateX(-150%);      -ms-transform: translateX(-150%);      transform: translateX(-150%);      z-index: 1;      width: 20px;      height: 1px;      background-color: var(--main-color-one); }    .section-title .title.both-line::after {      content: '';      position: absolute;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      -webkit-transform: translateX(50%);      -ms-transform: translateX(50%);      transform: translateX(50%);      z-index: 1;      width: 20px;      height: 1px;      background-color: var(--main-color-one); }  .section-title .title.white {    color: #fff; }    .section-title .title.white::before {      background-color: #fff; }  .section-title .title.gray {    color: #181818; }    .section-title .title.gray::before {      background-color: #181818; }    .section-title .title.gray::after {      background-color: #181818; }  .section-title .title.black {    color: #363839; }  .section-title .title.black1 {    color: #181818; }    .section-title .title.black1::before {      background-color: #181818; }  .section-title .title.uppercase {    text-transform: uppercase; }.section-title .heading-02 {  font-size: 50px;  font-family: var(--body-font);  line-height: 60px;  font-weight: 700;  margin: 0;  color: #181818; }  .section-title .heading-02.white {    color: #fff; }.section-title .heading-04 {  font-size: 30px;  font-family: var(--body-font);  line-height: 40px;  font-weight: 700;  margin: 0;  color: #fff; }.section-title p {  font-size: 14px;  line-height: 30px;  font-weight: 400; }/*---------------------------        Counter Item -----------------------------*/.counterup-section {  width: 60%;  margin: auto; }.single-couterup {  text-align: center; }  .single-couterup .content .count-wrap {    color: #181818;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    font-size: 55px;    font-family: var(--body-font);    line-height: 65px;    font-weight: 700;    padding: 15px 0;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }    .single-couterup .content .count-wrap .plus {      width: 50px; }  .single-couterup .content .title {    color: var(--main-color-one);    font-size: 16px;    font-family: var(--body-font);    line-height: 22px;    font-weight: 500; }.home-testimonial-section {  width: 65%;  margin: auto; }.testimonial-inner.style-02 .testimonial-left {  padding: 0;  width: 300px;  margin-right: 30px; }  .testimonial-inner.style-02 .testimonial-left::before {    display: none; }  .testimonial-inner.style-02 .testimonial-left .testimonial-images {    width: 260px;    position: relative; }    .testimonial-inner.style-02 .testimonial-left .testimonial-images::after {      position: absolute;      bottom: 0;      right: 0;      content: '';      width: 0;      height: 0;      border-bottom: 50px solid #FB0937;      border-left: 50px solid transparent; }.testimonial-inner.style-02 .testimonial-right {  width: 75%;  display: inherit;  background-color: transparent;  padding: 0;  position: inherit;  margin-left: 0; }  .testimonial-inner.style-02 .testimonial-right .quote-icon {    font-size: 80px;    color: #CCD3DC;    position: absolute;    top: -30%;    left: 30%;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    margin: 0;    opacity: 0.4; }  .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap {    width: 85%; }    .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-content .slick-dots {      display: block !important; }    .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 {      color: #181818;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      padding-top: 30px; }      .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-next {        -webkit-box-ordinal-group: 3;        -ms-flex-order: 2;        order: 2; }        .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-next::after {          right: -5px; }      .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-prev {        margin-right: 20px;        margin-left: 5px; }        .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-prev::after {          left: -5px; }      .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-next, .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-prev {        cursor: pointer;        font-size: 24px;        position: relative; }        .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-next:hover::after, .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-prev:hover::after {          display: block; }        .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-next::after, .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-arrow-02 .slick-prev::after {          position: absolute;          content: '';          width: 20px;          height: 20px;          border-radius: 50%;          border: 1px solid #FB0937;          display: inline-block;          top: 50%;          -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);          transform: translateY(-50%);          display: none;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }    .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-dots-02 {      color: transparent;      position: absolute;      top: 50%;      right: 0;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%); }      .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-dots-02 button {        display: none; }      .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-dots-02 .slick-dots li::after {        cursor: pointer;        position: absolute;        content: "";        width: 10px;        height: 10px;        line-height: 10px;        border-radius: 50%;        border: 1px solid #181818;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }      .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .testimonial-dots-02 .slick-dots li.slick-active::after {        background-color: #181818;        border: none; }    .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap .honor-disignation {      color: #181818; }    .testimonial-inner.style-02 .testimonial-right .testimonial-content-wrap p {      color: #181818;      padding: 0;      margin: 0; }.testimonial-inner {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  position: relative;  z-index: 0; }  .testimonial-inner .testimonial-left {    width: 50%;    position: relative;    padding: 50px 0 0 50px; }    .testimonial-inner .testimonial-left::before {      content: " ";      width: 80%;      height: 350px;      background-color: #F5F5F5;      position: absolute;      top: 0;      left: 0;      z-index: -1; }    .testimonial-inner .testimonial-left .testimonial-images, .testimonial-inner .testimonial-left .testimonial-images-02 {      background-color: #DBE4EA; }    .testimonial-inner .testimonial-left .items {      vertical-align: middle; }    .testimonial-inner .testimonial-left .testimonial-arrow {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center;      margin-top: 20px; }      .testimonial-inner .testimonial-left .testimonial-arrow .slick-arrow {        font-size: 25px;        cursor: pointer; }      .testimonial-inner .testimonial-left .testimonial-arrow .slick-next {        -webkit-box-ordinal-group: 3;        -ms-flex-order: 2;        order: 2;        padding-left: 20px;        position: relative; }        .testimonial-inner .testimonial-left .testimonial-arrow .slick-next::after {          position: absolute;          content: '';          width: 20px;          height: 20px;          border-radius: 50%;          background-color: var(--main-color-one);          display: inline-block;          z-index: -1;          top: 50%;          -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);          transform: translateY(-50%);          right: -5px;          display: none;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .testimonial-inner .testimonial-left .testimonial-arrow .slick-next:hover::after {          display: block; }      .testimonial-inner .testimonial-left .testimonial-arrow .slick-prev {        position: relative; }        .testimonial-inner .testimonial-left .testimonial-arrow .slick-prev::before {          position: absolute;          content: '';          width: 20px;          height: 20px;          border-radius: 50%;          background-color: var(--main-color-one);          display: inline-block;          z-index: -1;          top: 50%;          -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);          transform: translateY(-50%);          left: -5px;          display: none;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .testimonial-inner .testimonial-left .testimonial-arrow .slick-prev:hover::before {          display: block; }  .testimonial-inner .testimonial-right {    width: 60%;    background-color: #181818;    color: #fff;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    padding: 40px 50px;    z-index: 1;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-item-align: center;    align-self: center;    margin-left: -10%;    position: relative; }    .testimonial-inner .testimonial-right .quote-icon {      position: absolute;      bottom: -44px;      right: 0;      z-index: -1;      font-size: 150px;      color: rgba(251, 9, 55, 0.2); }    .testimonial-inner .testimonial-right .testimonial-content-wrap {      width: 100%;      /*---Slider Animation---*/ }      .testimonial-inner .testimonial-right .testimonial-content-wrap .testimonial-content .slick-dots {        display: none !important; }      .testimonial-inner .testimonial-right .testimonial-content-wrap .slick-slide.slick-active .items {        -webkit-animation: fadeIn 2s 0s both;        animation: fadeIn 2s 0s both; }      .testimonial-inner .testimonial-right .testimonial-content-wrap p {        color: #fff;        font-size: 14px;        line-height: 30px;        font-family: var(--body-font);        font-weight: 400; }      .testimonial-inner .testimonial-right .testimonial-content-wrap .honor-name {        color: var(--main-color-one);        font-size: 20px;        line-height: 30px;        font-family: var(--body-font);        font-weight: 600;        padding-top: 15px; }      .testimonial-inner .testimonial-right .testimonial-content-wrap .honor-disignation {        color: #fff;        font-size: 14px;        line-height: 24px;        font-family: var(--body-font);        font-weight: 400; }.custom-select-box.w-100 .nice-select {  width: 100%; }  .custom-select-box.w-100 .nice-select.open .list {    width: 100%; }.custom-select-box select {  display: none; }.custom-select-box .nice-select {  background-color: #fff;  border-radius: 5px;  border: solid 1px #e8e8e8;  -webkit-box-sizing: border-box;  box-sizing: border-box;  clear: both;  cursor: pointer;  display: block;  float: left;  font-family: inherit;  font-size: 14px;  font-weight: normal;  height: 42px;  line-height: 40px;  outline: none;  padding-left: 18px;  padding-right: 30px;  position: relative;  text-align: left !important;  -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  white-space: nowrap;  width: auto; }.custom-select-box .nice-select:hover {  border-color: #dbdbdb; }.custom-select-box .nice-select:active, .custom-select-box .nice-select.open, .custom-select-box .nice-select:focus {  border-color: #999; }.custom-select-box .nice-select:after {  border-bottom: 2px solid #999;  border-right: 2px solid #999;  content: '';  display: block;  height: 5px;  margin-top: -4px;  pointer-events: none;  position: absolute;  right: 12px;  top: 50%;  -webkit-transform-origin: 66% 66%;  -ms-transform-origin: 66% 66%;  transform-origin: 66% 66%;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-transition: all 0.15s ease-in-out;  -o-transition: all 0.15s ease-in-out;  transition: all 0.15s ease-in-out;  width: 5px; }.custom-select-box .nice-select.open:after {  -webkit-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  transform: rotate(-135deg); }.custom-select-box .nice-select.open .list {  z-index: 999;  opacity: 1;  pointer-events: auto;  -webkit-transform: scale(1) translateY(0);  -ms-transform: scale(1) translateY(0);  transform: scale(1) translateY(0); }.custom-select-box .nice-select.disabled {  border-color: #ededed;  color: #999;  pointer-events: none; }.custom-select-box .nice-select.disabled:after {  border-color: #cccccc; }.custom-select-box .nice-select.wide {  width: 100%; }.custom-select-box .nice-select.wide .list {  left: 0 !important;  right: 0 !important; }.custom-select-box .nice-select.right {  float: right; }.custom-select-box .nice-select.right .list {  left: auto;  right: 0; }.custom-select-box .nice-select.small {  font-size: 12px;  height: 36px;  line-height: 34px; }.custom-select-box .nice-select.small:after {  height: 4px;  width: 4px; }.custom-select-box .nice-select.small .option {  line-height: 34px;  min-height: 34px; }.custom-select-box .nice-select .list {  background-color: #fff;  border-radius: 5px;  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);  -webkit-box-sizing: border-box;  box-sizing: border-box;  margin-top: 0px;  opacity: 0;  overflow: hidden;  padding: 0;  pointer-events: none;  position: absolute;  top: 100%;  right: 0;  width: 100%;  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;  -webkit-transform: scale(0.75) translateY(-21px);  -ms-transform: scale(0.75) translateY(-21px);  transform: scale(0.75) translateY(-21px);  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;  -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;  z-index: 9; }.custom-select-box .nice-select .list:hover .option:not(:hover) {  background-color: transparent !important; }.custom-select-box .nice-select .option {  cursor: pointer;  font-weight: 400;  line-height: 40px;  list-style: none;  min-height: 40px;  outline: none;  padding-left: 18px;  padding-right: 18px;  text-align: left;  -webkit-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s; }.custom-select-box .nice-select .option:hover, .custom-select-box .nice-select .option.focus, .custom-select-box .nice-select .option.selected.focus {  background-color: #f6f6f6; }.custom-select-box .nice-select .option.selected {  font-weight: bold; }.custom-select-box.style-02 {  min-width: 70px; }  .custom-select-box.style-02 .nice-select {    background-color: transparent;    border: none;    color: #fff;    text-transform: uppercase; }    .custom-select-box.style-02 .nice-select .list {      background-color: rgba(24, 24, 24, 0.9);      border-radius: 0; }    .custom-select-box.style-02 .nice-select .option:hover, .custom-select-box.style-02 .nice-select .option.focus, .custom-select-box.style-02 .nice-select .option.selected.focus {      background-color: #181818; }/*----------------------------------------  ## Search Popup----------------------------------------*/.search-popup.active .search-form {  visibility: visible;  opacity: 1; }.search-popup .search-form {  min-width: 600px;  position: absolute;  position: fixed;  top: 50%;  left: 50%;  -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;  transition: 0.5s ease;  visibility: hidden;  opacity: 0;  -ms-transform: translate(-50%, -50%);  /* IE 9 */  -webkit-transform: translate(-50%, -50%);  /* Chrome, Safari, Opera */  transform: translate(-50%, -50%);  z-index: 9999; }.search-popup .search-form .form-group .form-control {  border: none;  border-top-right-radius: 6px;  border-bottom-right-radius: 6px;  height: 54px;  padding: 0 100px 0 30px; }.search-popup .search-form .submit-btn {  position: absolute;  right: 0;  top: 0;  width: 60px;  height: 55px;  border-top-right-radius: 5px;  border-bottom-right-radius: 5px;  background-color: rgba(251, 9, 55, 0.9);  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  padding: 0;  text-align: center;  border: none;  color: #fff; }  .search-popup .search-form .submit-btn:hover {    background-color: var(--main-color-one); }.body-overlay {  position: fixed;  width: 100%;  height: 100%;  display: block;  background-color: rgba(0, 0, 0, 0.54);  z-index: 9999;  content: '';  left: 0;  top: 0;  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }.body-overlay.active {  visibility: visible;  opacity: .80; }/*----------------------------------------            Custom Calender------------------------------------------*/.calendar .form-control {  font-size: 11px;  color: #181818;  font-style: italic;  padding: 19px 30px !important; }label {  display: block;  margin-bottom: 0; }input:focus {  outline: none; }#ui-datepicker-div {  display: none;  background-color: #fff;  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(24, 24, 24, 0.1);  box-shadow: 0 0.125rem 0.5rem rgba(24, 24, 24, 0.1);  margin-top: 0.25rem;  border-radius: 0.5rem;  padding: 0.5rem; }.ui-datepicker-calendar thead th {  padding: 0.25rem 0;  text-align: center;  font-size: 0.75rem;  font-weight: 400;  color: #181818; }.ui-datepicker-calendar tbody td {  width: 2rem;  text-align: center;  padding: 0; }.ui-datepicker-calendar tbody td a {  display: block;  border-radius: 0.25rem;  line-height: 2rem;  -webkit-transition: 0.3s all;  -o-transition: 0.3s all;  transition: 0.3s all;  color: #181818;  font-size: 0.875rem;  text-decoration: none; }.ui-datepicker-calendar tbody td a:hover {  background-color: rgba(251, 9, 55, 0.5); }.ui-datepicker-calendar tbody td a.ui-state-active {  background-color: var(--main-color-one);  color: #fff; }.ui-datepicker-header a.ui-corner-all {  cursor: pointer;  position: absolute;  top: 0;  width: 2rem;  height: 2rem;  margin: 0.5rem;  border-radius: 0.25rem;  -webkit-transition: 0.3s all;  -o-transition: 0.3s all;  transition: 0.3s all; }.ui-datepicker-header a.ui-datepicker-prev {  left: 10px;  background-repeat: no-repeat;  background-size: 0.5rem;  background-position: 50%; }  .ui-datepicker-header a.ui-datepicker-prev::after {    content: "\f109";    font-family: Flaticon;    font-size: 14px; }.ui-datepicker-header a.ui-datepicker-next {  right: -10px;  background-repeat: no-repeat;  background-size: 10px;  background-position: 50%; }  .ui-datepicker-header a.ui-datepicker-next::after {    content: "\f102";    font-family: Flaticon;    font-size: 14px; }.ui-datepicker-header a &gt; span {  display: none; }.ui-datepicker-title {  text-align: center;  line-height: 2rem;  margin-bottom: 0.25rem;  font-size: 0.875rem;  font-weight: 500;  padding-bottom: 0.25rem; }/*-------------------------------        Scroll Down---------------------------------*/.arrow-down-wrap.style-02 {  width: 35px;  position: absolute;  bottom: 5%;  left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%); }  .arrow-down-wrap.style-02 .arrow-down {    width: 16px;    height: 30px;    border: 1px solid #fff;    border-radius: 8px;    position: relative;    display: block; }    .arrow-down-wrap.style-02 .arrow-down::before {      position: absolute;      top: 3px;      left: 3px;      content: '';      width: 8px;      height: 8px;      border-radius: 5px;      border: 1px solid #fff;      -webkit-animation: scrollDown 2s infinite;      animation: scrollDown 2s infinite; }  .arrow-down-wrap.style-02 .scroll-down-two {    width: 27px;    margin: auto; }    .arrow-down-wrap.style-02 .scroll-down-two span {      position: absolute;      width: 8px;      height: 1px;      opacity: 0;      -webkit-transform: scale3d(0.5, 0.5, 0.5);      transform: scale3d(0.5, 0.5, 0.5);      -webkit-animation: move 3s ease-out infinite;      animation: move 3s ease-out infinite; }    .arrow-down-wrap.style-02 .scroll-down-two span:first-child {      -webkit-animation: move 3s ease-out 1s infinite;      animation: move 3s ease-out 1s infinite; }    .arrow-down-wrap.style-02 .scroll-down-two span:nth-child(2) {      -webkit-animation: move 3s ease-out 2s infinite;      animation: move 3s ease-out 2s infinite; }    .arrow-down-wrap.style-02 .scroll-down-two span:before,    .arrow-down-wrap.style-02 .scroll-down-two span:after {      content: ' ';      position: absolute;      top: 0;      height: 100%;      width: 51%;      background: #fff; }    .arrow-down-wrap.style-02 .scroll-down-two span:before {      left: 0;      -webkit-transform: skew(0deg, 30deg);      -ms-transform: skew(0deg, 30deg);      transform: skew(0deg, 30deg); }    .arrow-down-wrap.style-02 .scroll-down-two span:after {      right: 0;      width: 50%;      -webkit-transform: skew(0deg, -30deg);      -ms-transform: skew(0deg, -30deg);      transform: skew(0deg, -30deg); }/*----------------------------      scroll down Keyframe------------------------------*/@-webkit-keyframes scrollDown {  0% {    -webkit-transform: translate(0, 0);    transform: translate(0, 0);    opacity: 0; }  40% {    opacity: 1; }  80% {    -webkit-transform: translate(0, 12px);    transform: translate(0, 12px);    opacity: 0; }  100% {    opacity: 0; } }@keyframes scrollDown {  0% {    -webkit-transform: translate(0, 0);    transform: translate(0, 0);    opacity: 0; }  40% {    opacity: 1; }  80% {    -webkit-transform: translate(0, 12px);    transform: translate(0, 12px);    opacity: 0; }  100% {    opacity: 0; } }/*--------------------------    scroll down Keyframe----------------------------*/@-webkit-keyframes move {  25% {    opacity: 1; }  33% {    opacity: 1;    -webkit-transform: translateY(10px);    transform: translateY(10px); }  67% {    opacity: 1;    -webkit-transform: translateY(20px);    transform: translateY(20px); }  100% {    opacity: 0;    -webkit-transform: translateY(30px) scale3d(0.5, 0.5, 0.5);    transform: translateY(30px) scale3d(0.5, 0.5, 0.5); } }@keyframes move {  25% {    opacity: 1; }  33% {    opacity: 1;    -webkit-transform: translateY(10px);    transform: translateY(10px); }  67% {    opacity: 1;    -webkit-transform: translateY(20px);    transform: translateY(20px); }  100% {    opacity: 0;    -webkit-transform: translateY(30px) scale3d(0.5, 0.5, 0.5);    transform: translateY(30px) scale3d(0.5, 0.5, 0.5); } }@-webkit-keyframes pulse {  to {    opacity: 1; } }@keyframes pulse {  to {    opacity: 1; } }.closebtn {  color: var(--main-color-one);  font-size: 40px;  width: 50px;  text-align: center;  height: 50px;  cursor: pointer; }.sidebar-class {  position: fixed;  top: 0px;  left: 0px;  width: 300px;  height: 100vh;  background-color: #181818;  text-align: center;  -webkit-transform-origin: left;  -ms-transform-origin: left;  transform-origin: left;  -webkit-transform: perspective(1200px) rotateY(90deg);  transform: perspective(1200px) rotateY(90deg);  -webkit-transition: all 400ms ease;  -o-transition: all 400ms ease;  transition: all 400ms ease;  z-index: 9999; }  .sidebar-class.right {    width: 400px;    text-align: left;    right: 0;    left: inherit;    -webkit-transform-origin: right;    -ms-transform-origin: right;    transform-origin: right;    padding: 0 20px;    -webkit-transform: perspective(1200px) rotateY(-90deg);    transform: perspective(1200px) rotateY(-90deg);    display: -ms-grid;    display: grid; }    .sidebar-class.right::after {      right: 0;      left: inherit; }    .sidebar-class.right .toggle-btn {      text-align: right; }  .sidebar-class::after {    content: "";    width: 100vw;    height: 100vh;    background-color: rgba(24, 24, 24, 0.3);    display: block;    position: absolute;    top: 0;    z-index: -1; }  .sidebar-class.active {    -webkit-transform: perspective(1200px);    transform: perspective(1200px); }	.sidebar-login-class.right {width: 400px;text-align: left;right: 0;left: inherit;-webkit-transform-origin: right;-ms-transform-origin: right;transform-origin: right;padding: 0 20px;-webkit-transform: perspective(1200px) rotateY(-90deg);transform: perspective(1200px) rotateY(-90deg);display: -ms-grid;display: grid; z-index:100;}.sidebar-login-class.right::after {  right: 0;  left: inherit; }.sidebar-login-class.right .showlogin{  text-align: right; }.sidebar-login-class::after {content: "";width: 100vw;height: 100vh;background-color: rgba(255, 253, 245, 0.3);display: block;position: absolute;top: 0;z-index: -1; }.sidebar-login-class.active {-webkit-transform: perspective(1200px);transform: perspective(1200px); }.sidebar-login-class {  position: fixed;  top: 0px;  left: 0px;  width: 300px;  height: 100vh;  background-color: #fff;  text-align: center;  -webkit-transform-origin: left;  -ms-transform-origin: left;  transform-origin: left;  -webkit-transform: perspective(1200px) rotateY(90deg);  transform: perspective(1200px) rotateY(90deg);  -webkit-transition: all 400ms ease;  -o-transition: all 400ms ease;  transition: all 400ms ease;  z-index: 9999; }  		  .sidebar-class .sider-social-icon-wrap {    position: inherit !important; }  .sidebar-class ul {    padding: 0;    margin: 0; }    .sidebar-class ul li {      font-size: 16px;      line-height: 55px;      font-family: var(--menu-font);      font-weight: 400;      color: #fff;      list-style: none;      color: #fff;      width: 100%;      display: inline-block; }  .sidebar-class .banner__header__follow_us {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between; }.sidebar-logo-area .logo-area {  margin: auto; }.sidebar-logo-area p {  text-align: left;  padding-top: 20px;  color: #fff;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 300;  margin-bottom: 0; }.sidebar-working-area .date, .sidebar-contact-area .date {  color: #fff;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 300; }.sidebar-working-area .time, .sidebar-contact-area .time {  color: #fff;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400; }.common-rating-style {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  position: relative;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg); }  .common-rating-style.left {    -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: flex-end; }  .common-rating-style input {    display: none;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }    .common-rating-style input:checked ~ label::after {      opacity: 1; }  .common-rating-style label {    display: block;    cursor: pointer;    width: 15px;    margin: 0 3px; }    .common-rating-style label:hover ~ label::after {      opacity: 1; }    .common-rating-style label:hover::after {      opacity: 1; }    .common-rating-style label::before {      content: '\f135';      font-family: Flaticon;      position: relative;      display: block;      font-size: 15px;      color: #181818; }    .common-rating-style label::after {      content: '\f135';      font-family: Flaticon;      position: absolute;      display: block;      font-size: 15px;      color: var(--main-color-one);      top: 0;      opacity: 0;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in;      text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }.price-filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {  background-color: #CAD1DC;  border: medium none;  border-radius: 0;  height: 5px;  margin-bottom: 20px;  margin-left: auto;  position: relative;  width: 100%;  height: 3px; }.price-filter .ui-slider-handle.ui-state-default.ui-corner-all {  background-color: #fff;  border: 2px solid #CAD1DC;  border-radius: 50%;  height: 12px;  width: 12px;  outline: none; }.price-filter .ui-slider-range {  background-color: var(--main-color-one); }.price-slider-amount &gt; input[type="text"] {  border: none;  float: left;  font-weight: bold;  height: 30px;  letter-spacing: 3px;  margin-left: 5px;  text-align: left;  width: auto;  background-color: transparent;  font-size: 12px;  line-height: 22px;  font-family: var(--body-font);  font-weight: 500;  color: #181818; }.price-slider-amount {  overflow: hidden; }.price-slider-amount &gt; input[type="submit"] {  border: none;  color: #fff;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 500;  background-color: #181818;  padding: 5px 10px;  border-radius: 20px;  display: block;  float: left;  margin-right: 10px;  text-transform: capitalize;  -webkit-transition: all 400ms ease-out 0s;  -o-transition: all 400ms ease-out 0s;  transition: all 400ms ease-out 0s; }.product-details-tab .slick-slide img {  margin: auto; }.product-details-tab .Product-tab-big {  background-color: #F5F5F5;  padding: 30px 0; }  .product-details-tab .Product-tab-big .product-tab-big-active {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }.product-details-tab .Product-tab-small-active {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  text-align: center; }  .product-details-tab .Product-tab-small-active .slick-slide.slick-current.slick-active .product-tab-single-small-item {    border: 1px solid #181818; }.product-details-tab .product-tab-single-small-item {  background-color: #F5F5F5;  border: 1px solid rgba(24, 24, 24, 0.5);  max-width: 110px;  max-height: 110px;  padding: 10px 0; }.product-details-tab .product-description .title {  color: #181818;  font-size: 30px;  line-height: 40px;  font-family: var(--body-font);  font-weight: 700; }.product-details-tab .product-description .rating-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .product-details-tab .product-description .rating-wrap .how-many-rating {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400;    padding-left: 10px; }.product-details-tab .product-description .common-price-style {  font-size: 20px; }  .product-details-tab .product-description .common-price-style .black {    font-weight: 600; }.product-details-tab .product-description p {  color: #181818;  font-size: 14px;  line-height: 30px;  font-family: var(--body-font);  font-weight: 400;  margin-bottom: 0; }  .product-details-tab .product-description p.red {    color: var(--main-color-one); }.product-details-tab .product-description .color-list {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  border-bottom: 1px solid rgba(24, 24, 24, 0.5);  padding-bottom: 10px;  margin-bottom: 20px; }  .product-details-tab .product-description .color-list .color-text {    width: 30%;    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 600; }  .product-details-tab .product-description .color-list .color-list-row {    width: 70%;    padding: 0;    margin: 0;    list-style: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .product-details-tab .product-description .color-list .color-list-row .list-item {      width: 33%; }    .product-details-tab .product-description .color-list .color-list-row a {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 500;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .product-details-tab .product-description .color-list .color-list-row a:hover {        text-decoration: underline; }  .product-details-tab .product-description .color-list.style-02 {    margin-bottom: 24px; }    .product-details-tab .product-description .color-list.style-02 .color-text {      width: inherit;      font-size: 20px;      line-height: 30px;      padding-right: 30px; }    .product-details-tab .product-description .color-list.style-02 .color-list-row {      padding-bottom: 13px; }      .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item {        width: 40px; }        .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item a {          width: 30px;          height: 30px;          line-height: 30px;          border-radius: 50%;          background-color: #fff;          -webkit-box-shadow: 0px 1px 4px rgba(24, 24, 24, 0.5);          box-shadow: 0px 1px 4px rgba(24, 24, 24, 0.5);          display: inline-block; }        .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item.gray a {          background-color: #181818;          -webkit-box-shadow: 0px 1px 4px rgba(24, 24, 24, 0.5);          box-shadow: 0px 1px 4px rgba(24, 24, 24, 0.5); }        .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item.black a {          background-color: #181818;          -webkit-box-shadow: 0px 1px 4px rgba(24, 24, 24, 0.5);          box-shadow: 0px 1px 4px rgba(24, 24, 24, 0.5); }        .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item.red a {          background-color: var(--main-color-one);          -webkit-box-shadow: 0px 1px 4px rgba(251, 9, 55, 0.5);          box-shadow: 0px 1px 4px rgba(251, 9, 55, 0.5); }        .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item.yellow a {          background-color: yellow;          -webkit-box-shadow: 0px 1px 4px rgba(255, 255, 0, 0.5);          box-shadow: 0px 1px 4px rgba(255, 255, 0, 0.5); }        .product-details-tab .product-description .color-list.style-02 .color-list-row .list-item.blue a {          background-color: blue;          -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 255, 0.5);          box-shadow: 0px 1px 4px rgba(0, 0, 255, 0.5); }.product-details-tab .product-description .car-assets {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }  .product-details-tab .product-description .car-assets .car-assets-item {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    min-width: 28%; }    .product-details-tab .product-description .car-assets .car-assets-item:not(:last-child) {      margin-right: 40px; }    .product-details-tab .product-description .car-assets .car-assets-item .icon {      color: #181818;      font-size: 40px;      padding-right: 20px; }    .product-details-tab .product-description .car-assets .car-assets-item .content .sub-title {      color: #181818;      font-size: 16px;      line-height: 26px;      font-family: var(--body-font);      font-weight: 400; }    .product-details-tab .product-description .car-assets .car-assets-item .content .title {      color: #181818;      font-size: 20px;      line-height: 30px;      font-family: var(--body-font);      font-weight: 600; }.product-details-tab .product-description .cart-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  overflow: hidden; }  .product-details-tab .product-description .cart-wrap .qty {    border: 1px solid #181818;    width: 45px;    height: 45px;    margin-right: 20px;    text-align: center;    color: #181818; }  .product-details-tab .product-description .cart-wrap input[type=number]::-webkit-outer-spin-button,  .product-details-tab .product-description .cart-wrap input[type=number]::-webkit-inner-spin-button {    opacity: 1;    height: 45px; }.product-details-tab .product-description .product-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }  .product-details-tab .product-description .product-meta .product-meta-name {    color: #181818;    font-size: 20px;    line-height: 32px;    font-family: var(--body-font);    font-weight: 500;    display: inline-block;    padding-right: 10px; }  .product-details-tab .product-description .product-meta .name {    color: #181818;    font-size: 14px;    line-height: 26px;    font-family: var(--body-font);    font-weight: 400;    display: inline-block; }  .product-details-tab .product-description .product-meta .tag-list-row {    padding: 0;    margin: 0;    list-style-type: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex; }.product-details-tab .product-information #myTab {  border-bottom: 2px solid #181818; }.product-details-tab .product-information .nav-tabs .nav-link {  border: none;  color: var(--main-colo-one);  font-size: 20px;  line-height: 32px;  font-family: var(--body-font);  font-weight: 600;  padding: 10px 50px; }.product-details-tab .product-information .nav-tabs .nav-link.active {  border-bottom: 2px solid var(--main-color-one) !important;  color: var(--main-color-one);  margin-bottom: -1px; }.product-details-tab .product-information .description-tab-content {  padding-top: 20px; }  .product-details-tab .product-information .description-tab-content p {    color: #181818;    font-size: 14px;    line-height: 30px;    font-family: var(--body-font);    font-weight: 400; }  .product-details-tab .product-information .description-tab-content .Featured ul {    padding-left: 0;    margin-bottom: 0; }    .product-details-tab .product-information .description-tab-content .Featured ul li {      list-style-type: none;      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }      .product-details-tab .product-information .description-tab-content .Featured ul li .icon {        color: var(--main-color-one);        font-size: 10px;        margin-right: 10px; }  .product-details-tab .product-information .description-tab-content .name-of-type-wrap {    padding-left: 0;    list-style-type: none; }    .product-details-tab .product-information .description-tab-content .name-of-type-wrap .name-of-type {      color: #181818;      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 600;      border-bottom: 1px solid #CAD1DC;      text-align: right;      padding-top: 5px; }      .product-details-tab .product-information .description-tab-content .name-of-type-wrap .name-of-type .gray {        color: #181818;        font-weight: 400;        padding-right: 10px;        float: left; }    .product-details-tab .product-information .description-tab-content .name-of-type-wrap .name-of-type + .name-of-type {      padding-top: 10px;      padding-bottom: 0; }.product-details-tab .related-product-area .grid-list-column-item {  width: 100%; }.product-details-tab .related-product-area .title {  color: #181818;  font-size: 20px;  line-height: 25px;  font-family: var(--body-font);  font-weight: 600; }.contact-form .form-group label {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400; }.contact-form .form-control {  border: 1px solid #181818;  border-radius: 0; }.contact-form input[type="text"]:focus,.contact-form input[type="email"]:focus,.contact-form input[type="tel"]:focus {  border: 1px solid #181818; }.quick-find-us .find-us-inner {  text-align: center;  background-color: #fff;  -webkit-box-shadow: 0 3px 16px rgba(251, 9, 55, 0.4);  box-shadow: 0 3px 16px rgba(251, 9, 55, 0.4);  /*max-width: 500px;  padding: 30px 0;  margin-bottom: -50%;   position: relative;  */  z-index: 1;  }  .quick-find-us .find-us-inner .title {    position: relative;    color: #181818;    font-size: 32px;    line-height: 42px;    font-family: var(--body-font);    font-weight: 600;    margin: 0; }    .quick-find-us .find-us-inner .title::after {      content: '';      width: 100%;      height: 2px;      background-image: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(49%, #CAD1DC), to(#fff));      background-image: -webkit-linear-gradient(right, #fff 0%, #CAD1DC 49%, #fff 100%);      background-image: -o-linear-gradient(right, #fff 0%, #CAD1DC 49%, #fff 100%);      background-image: linear-gradient(270deg, #fff 0%, #CAD1DC 49%, #fff 100%);      display: block;      margin-top: 30px; }.contact-items.white .heading {  color: #fff; }.contact-items.white .contact .contact-info {  color: #fff; }.contact-items .icon {  color: #FB0937;  font-size: 30px; }.contact-items .heading {  color: #181818;  font-size: 22px;  line-height: 32px;  font-family: var(--body-font);  font-weight: 600; }.contact-items .contact .contact-info {  display: block;  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400; }.google-map-section #google-map {  width: 100%;  min-height: 600px;  height: 100%; }.sign-register-area {  background-size: cover;  background-position: center center;  background-repeat: no-repeat;  z-index: 0;  position: relative;  padding: 100px 0; }  .sign-register-area-inner {    max-width: 300px;    text-align: center;    margin: auto;    display: -ms-grid;    display: grid;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    position: relative;    color: #fff;    padding: 50px 40px; }    .sign-register-area-inner::after {      content: '';      position: absolute;      display: block;      background-color: rgba(24, 24, 24, 0.4);      width: 100%;      height: 100%;      z-index: -1; }    .sign-register-area-inner .title {      font-size: 32px;      line-height: 42px;      font-family: var(--body-font);      font-weight: 600; }    .sign-register-area-inner p {      font-size: 14px;      line-height: 24px;      font-family: var(--body-font);      font-weight: 400;      padding: 10px 0; }.sign-in-area .btn-login-with {  color: #fff;  font-size: 12px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400;  display: inline-block;  width: 48%; }  .sign-in-area .btn-login-with.google {    background-color: #EE314A;    margin-right: 3%; }  .sign-in-area .btn-login-with.facebook {    background-color: #4285F4; }  .sign-in-area .btn-login-with .icon {    border-right: 1px solid #fff;    padding: 16px 16px;    display: inline-block;    font-size: 12px; }  .sign-in-area .btn-login-with .text {    padding: 10px;    display: inline-block; }.sign-in-area .hr-border {  position: relative;  text-align: center;  color: #63656D;  font-size: 10px;  line-height: 24px;  font-family: var(--menu-font);  font-weight: 400;  margin-top: 40px; }  .sign-in-area .hr-border::before {    content: '';    position: absolute;    left: 0;    top: 50%;    width: 48%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    height: 1px;    background-color: rgba(24, 24, 24, 0.3); }  .sign-in-area .hr-border::after {    content: '';    position: absolute;    right: 0;    top: 50%;    width: 48%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    height: 1px;    background-color: rgba(24, 24, 24, 0.3); }.sign-in-area label {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400;  padding-bottom: 5px; }.sign-in-area .form-control {  border: none;  background-color: #F5F5F5;  border-left: 1px solid #181818; }  .sign-in-area .form-control::-webkit-input-placeholder {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .sign-in-area .form-control:-ms-input-placeholder {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .sign-in-area .form-control::-ms-input-placeholder {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .sign-in-area .form-control::placeholder {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }.sign-in-area .input-group-text {  background-color: #F5F5F5;  border: none; }  .sign-in-area .input-group-text .icon, .sign-in-area .input-group-text .show-hide-icon {    color: #181818; }.sign-in-area-switch {  position: relative;  display: inline-block;  width: 30px;  height: 15px;  margin-right: 10px;  /* Rounded sliders */ }  .sign-in-area-switch input {    opacity: 0;    width: 0;    height: 0; }  .sign-in-area-switch .slider {    position: absolute;    cursor: pointer;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: #ccc;    -webkit-transition: .4s;    -o-transition: .4s;    transition: .4s; }  .sign-in-area-switch .slider:before {    position: absolute;    content: "";    height: 10px;    width: 10px;    left: 2px;    bottom: 3px;    background-color: #fff;    -webkit-transition: .4s;    -o-transition: .4s;    transition: .4s; }  .sign-in-area-switch input:checked + .slider {    background-color: #35CE9F; }  .sign-in-area-switch input:focus + .slider {    -webkit-box-shadow: 0 0 1px #35CE9F;    box-shadow: 0 0 1px #35CE9F; }  .sign-in-area-switch input:checked + .slider:before {    -webkit-transform: translateX(15px);    -ms-transform: translateX(15px);    transform: translateX(15px); }  .sign-in-area-switch .slider.round {    border-radius: 34px; }  .sign-in-area-switch .slider.round:before {    border-radius: 50%; }.sign-in-area .form-bottom-area {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .sign-in-area .form-bottom-area .remember-me, .sign-in-area .form-bottom-area .forgot-password {    width: 50%; }  .sign-in-area .form-bottom-area .remember-me {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }  .sign-in-area .form-bottom-area .forgot-password {    text-align: right;    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--body-font);    font-weight: 400; }.side-form-icons {  float: right;  position: -webkit-sticky;  position: sticky;  top: 6vh;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  background: #fff;  -webkit-box-shadow: -2px 0px 8px 0px rgba(24, 24, 24, 0.16);  box-shadow: -2px 0px 8px 0px rgba(24, 24, 24, 0.16);  padding: 6px 0;  z-index: 999;  right: 50px;  width: 42px;  text-align: center;  -webkit-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .side-form-icons .icon {    color: #181818;    padding: 4px 7px;    display: block;    font-size: 22px;    cursor: pointer;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s; }    .side-form-icons .icon:hover {      color: var(--main-color-one); }#open-contact-popup.active,#open-message-popup.active,#open-location-popup.active {  color: var(--main-color-one); }.location-popup,.message-popup,.contact-popup {  height: 100%;  width: 100%;  display: none;  background-color: rgba(24, 24, 24, 0.9);  position: fixed;  opacity: 0;  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }  .location-popup.active,  .message-popup.active,  .contact-popup.active {    opacity: 1;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    z-index: 99; }  .location-popup-content,  .message-popup-content,  .contact-popup-content {    margin: auto;    width: 50%;    position: fixed;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    z-index: 100;    display: none; }    .location-popup-content.active,    .message-popup-content.active,    .contact-popup-content.active {      display: block; }    .location-popup-content_close,    .message-popup-content_close,    .contact-popup-content_close {      position: absolute;      top: -15px;      right: -15px;      width: 40px;      height: 40px;      background: var(--main-color-one);      display: inline-block;      border-radius: 30px;      border: none;      color: #fff;      opacity: 1;      z-index: 1; }      .location-popup-content_close:hover,      .message-popup-content_close:hover,      .contact-popup-content_close:hover {        cursor: pointer;        background: rgba(251, 9, 55, 0.8); }  .location-popup__wrapper,  .message-popup__wrapper,  .contact-popup__wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    width: 100%; }.location-popup__map {  width: 60%;  height: 430px; }.location-popup__text {  display: -ms-grid;  display: grid;  place-content: center;  text-align: center;  background-color: #fff;  width: 40%;  height: 430px; }  .location-popup__text .heading {    color: #181818;    font-size: 22px;    line-height: 32px;    font-family: var(--body-font);    font-weight: 600; }.message-popup__thumb {  background-size: cover;  background-position: center center;  background-repeat: no-repeat;  width: 40%;  height: 430px;  display: -ms-grid;  display: grid;  place-content: center;  text-align: center;  position: relative;  z-index: 0; }  .message-popup__thumb::after {    content: '';    display: block;    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background-color: rgba(24, 24, 24, 0.6);    z-index: -1; }.message-popup__text .heading {  color: #fff;  font-size: 22px;  line-height: 32px;  font-family: var(--body-font);  font-weight: 600; }.message-popup__text .contact-info {  display: block;  color: #fff;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-weight: 400; }.message-popup__form {  width: 60%;  padding: 0 20px;  display: -ms-grid;  display: grid;  place-content: center;  background-color: #fff; }.contact-popup__thumb {  background-size: cover;  background-position: center center;  background-repeat: no-repeat;  width: 60%;  height: 430px; }.contact-popup__info__wrap {  width: 40%;  height: 430px;  background-color: #fff;  display: -ms-grid;  display: grid;  place-content: center;  text-align: center; }.modal-box-item {  background-color: #F5F5F5;  border-radius: 4px;  padding: 60px 30px;  max-width: 340px;  position: relative; }  .modal-box-item__icon {    position: absolute;    top: 0px;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    width: 50px;    height: 50px;    line-height: 50px;    color: #fff;    border-radius: 50%;    font-size: 20px; }    .modal-box-item__icon.green {      background-color: #35CE9F; }    .modal-box-item__icon.red {      background-color: var(--main-color-one); }  .modal-box-item__content .heading-05 {    color: #181818;    font-size: 20px;    line-height: 30px;    font-family: var(--menu-font);    font-weight: 600;    padding-bottom: 20px; }  .modal-box-item__content p {    color: #181818;    font-size: 14px;    line-height: 24px;    font-family: var(--menu-font);    font-weight: 300;    margin: 0;    padding-bottom: 40px; }  .modal-box-item__button .main-btn-wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }.grid-modal-box__item {  position: relative;  -webkit-box-shadow: 0px 0px 22px rgba(24, 24, 24, 0.22);  box-shadow: 0px 0px 22px rgba(24, 24, 24, 0.22); }.grid-modal-box .location-popup-content_close,.grid-modal-box .message-popup-content_close,.grid-modal-box .contact-popup-content_close {  position: absolute;  top: -12px;  right: 12x; }#menu-cart-open {  position: fixed;  top: 0px;  right: 0px;  width: 400px;  height: 100vh;  background-color: #181818;  text-align: center;  -webkit-transform-origin: right;  -ms-transform-origin: right;  transform-origin: right;  -webkit-transform: perspective(1200px) rotateY(-90deg);  transform: perspective(1200px) rotateY(-90deg);  -webkit-transition: all 400ms ease;  -o-transition: all 400ms ease;  transition: all 400ms ease;  z-index: 9999; }#menu-cart-open::after {  content: "";  width: 100vw;  height: 100vh;  background-color: rgba(24, 24, 24, 0.3);  display: block;  position: absolute;  top: 0;  right: 0;  z-index: -1; }#menu-cart-open.active {  -webkit-transform: perspective(1200px);  transform: perspective(1200px); }.cart-title-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  padding: 30px 20px; }  .cart-title-wrap .title {    width: 50%;    text-align: left; }    .cart-title-wrap .title .heading-03 {      margin-bottom: 0;      color: #fff;      font-size: 36px;      line-height: 46px;      font-family: var(--body-font);      font-weight: 600; }  .cart-title-wrap #show-cart {    width: 50%;    text-align: right; }.cart-content {  background-color: #fff;  height: 100%; }  .cart-content .cart-single-item {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    padding: 20px;    border-bottom: 1px solid #CAD1DC; }    .cart-content .cart-single-item .item-left {      width: 25%;      background-color: #F5F5F5;      padding: 0 5px; }    .cart-content .cart-single-item .item-right {      width: 70%;      display: -webkit-box;      display: -ms-flexbox;      display: flex; }      .cart-content .cart-single-item .item-right .item-text {        width: 100%;        text-align: left;        padding-left: 10px; }        .cart-content .cart-single-item .item-right .item-text .heading-05 {          color: #181818;          font-size: 19px;          line-height: 30px;          font-family: var(--body-font);          font-weight: 600;          margin: 0; }        .cart-content .cart-single-item .item-right .item-text .price {          color: #181818;          font-size: 16px;          line-height: 26px;          font-family: var(--body-font);          font-weight: 600; }          .cart-content .cart-single-item .item-right .item-text .price_text {            color: #181818;            font-weight: 400; }    .cart-content .cart-single-item .cart-item-close-btn {      width: 5%;      text-align: right;      cursor: pointer;      font-size: 30px;      text-align: center; }    .cart-content .cart-single-item.subtotal {      background-color: #F5F5F5;      padding: 35px 20px; }      .cart-content .cart-single-item.subtotal .item-left {        width: 50%; }        .cart-content .cart-single-item.subtotal .item-left .heading-05 {          margin-bottom: 0;          text-align: left;          color: #181818;          font-size: 22px;          line-height: 32px;          font-family: var(--body-font);          font-weight: 600; }      .cart-content .cart-single-item.subtotal .item-right {        width: 50%;        -webkit-box-pack: end;        -ms-flex-pack: end;        justify-content: flex-end; }        .cart-content .cart-single-item.subtotal .item-right .amount {          color: var(--main-color-one);          font-size: 22px;          line-height: 32px;          font-family: var(--body-font);          font-weight: 600; }.file-upload {  display: block;  font-family: var(--body-font);  font-size: 12px; }.file-upload .file-select {  display: block;  color: #91939D;  cursor: pointer;  height: 40px;  line-height: 40px;  text-align: left;  background-color: #fff;  overflow: hidden;  position: relative; }.file-upload .file-select .file-select-button {  background-color: #181818;  color: #fff;  display: inline-block;  height: 40px;  line-height: 40px;  width: 9%;  text-align: center;  float: right; }.file-upload .file-select .file-select-name {  line-height: 40px;  display: inline-block;  padding: 0 10px;  width: 90%;  background-color: #CAD1DC; }.file-upload.active .file-select .file-select-button {  background: var(--main-color-one);  color: #fff;  -webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; }.file-upload .file-select input[type=file] {  z-index: 100;  cursor: pointer;  position: absolute;  height: 100%;  width: 100%;  top: 0;  left: 0;  opacity: 0;  filter: alpha(opacity=0); }/*-----------------------------    Accordion Item-----------------------------*/.accordion-wrapper .card {  border: none;  background-color: transparent; }  .accordion-wrapper .card + .card {    margin-top: 20px; }  .accordion-wrapper .card .card-header {    background-color: transparent;    padding: 0;    border: none; }    .accordion-wrapper .card .card-header a {      display: block;      color: #181818;      font-size: 18px;      line-height: 28px;      font-weight: 500;      background-color: #fff;      padding: 14px 30px;      cursor: pointer;      position: relative;      border: 1px solid #707070; }      .accordion-wrapper .card .card-header a:after {        position: absolute;        right: 30px;        top: 15px;        content: "\f114";        font-size: 12px;        font-family: "Flaticon"; }      .accordion-wrapper .card .card-header a[aria-expanded="false"]:after {        content: "\f142"; }      .accordion-wrapper .card .card-header a[aria-expanded="true"] {        border: 1px solid transparent;        background-color: #F5F5F5; }  .accordion-wrapper .card .collapse.show .card-body {    background-color: #F5F5F5; }  .accordion-wrapper .card .card-body {    background-color: #F5F5F5;    padding: 0 30px 20px;    border: 1px solid transparent; }    .accordion-wrapper .card .card-body p {      color: #181818;      font-size: 14px;      line-height: 24px;      margin-bottom: 0; }.accordion__header {  text-align: center; }  .accordion__header .title {    color: #181818;    font-size: 50px;    line-height: 60px;    font-family: var(--body-font);    font-weight: 700;    padding-bottom: 5px; }  .accordion__header p {    color: #181818;    font-size: 14px;    line-height: 24px;    margin-bottom: 0;    width: 48%;    margin: auto; }.countdown {  display: table;  margin: auto;  background-color: rgba(251, 9, 55, 0.3);  padding: 30px 40px;  text-align: center; }  .countdown__item {    border-right: 1px solid rgba(255, 255, 255, 0.4);    margin-right: 40px;    padding-right: 40px;    position: relative;    float: left; }    .countdown__item:last-child {      border-right: none;      margin-right: 0;      padding-right: 0; }    .countdown__item:not(:last-child)::after {      position: absolute;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      right: -1px;      content: '';      width: 1px;      height: 50px;      background-color: #fff;      display: block; }  .countdown__lg-text {    font-size: 50px;    line-height: 50px;    font-weight: 600;    color: #fff; }  .countdown__sm-text {    font-size: 14px;    line-height: 24px;    color: #fff;    text-transform: uppercase; }  .countdown--alt {    margin-bottom: 0 !important; }.black-bg {  background-color: #181818; }.banner {  position: relative; }  .banner__header {    position: absolute;    top: 0;    left: 0;    width: 100%;    padding: 30px 0;    z-index: 9; }    .banner__header__follow_us {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center; }      .banner__header__follow_us .text {        padding-left: 50px;        padding-right: 10px;        color: #fff;        font-size: 12px;        line-height: 22px;        position: relative; }        .banner__header__follow_us .text::before {          position: absolute;          left: 0;          top: 50%;          -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);          transform: translateY(-50%);          content: '';          width: 40px;          height: 1px;          display: inline-block;          background-color: #fff; }    .banner__header__icon ul {      padding-left: 0;      list-style: none;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      margin: 0; }      .banner__header__icon ul li {        padding: 0 6px; }      .banner__header__icon ul .icon {        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        color: #181818;        background-color: #fff;        display: block;        text-align: center;        font-size: 10px;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .banner__header__icon ul .icon_fb:hover {          background-color: #007bff; }		  		.banner__header__icon ul .icon_yt:hover {          background-color: var(--main-color-one); }		.banner__header__icon ul .icon_ig:hover {          background-color: #e322b3; }		  		    .banner__body {    background-repeat: no-repeat;    background-size: cover;    background-position: center center;    height: 100%;    width: 100%;    z-index: 0;    position: relative; }    .banner__body::after {      content: '';      width: 100%;      height: 100%;      display: block;      background-color: rgba(24, 24, 24, 0.2);      z-index: -1;      position: absolute;      top: 0;      left: 0; }    .banner__body__wrap {      height: 100vh;      min-height: 600px;      display: -ms-grid;      display: grid;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center;      padding-top: 55px; }    .banner__body__title {      font-size: 130px;      line-height: 120px;      color: rgba(255, 255, 255, 0.5);      font-family: var(--body-font);      font-weight: 700;      text-transform: uppercase;      letter-spacing: 1px;      text-align: center;      white-space: nowrap; }.shopping-cart__header .list-wrap {  border-bottom: 1px solid rgba(24, 24, 24, 0.3); }  .shopping-cart__header .list-wrap th {    color: #181818;    font-size: 16px;    line-height: 30px;    font-family: var(--body-font);    font-weight: 600;    padding: 20px 0; }.shopping-cart__body td {  padding: 20px 0;  vertical-align: middle; }.shopping-cart__item {  border-bottom: 1px solid rgba(24, 24, 24, 0.3); }  .shopping-cart__item input[type=number]::-webkit-inner-spin-button,  .shopping-cart__item input[type=number]::-webkit-outer-spin-button {    -webkit-appearance: none;    margin: 0; }  .shopping-cart__item input[type=number] {    -moz-appearance: textfield; }  .shopping-cart__item td:nth-child(1) {    width: 35%; }  .shopping-cart__item td:nth-child(2) {    width: 20%; }  .shopping-cart__item td:nth-child(3) {    width: 20%; }  .shopping-cart__item td:nth-child(4) {    width: 20%; }  .shopping-cart__item td:nth-child(5) {    width: 5%; }  .shopping-cart__item .product_img {    background-color: #F5F5F5;    display: inline-block;    padding: 10px; }  .shopping-cart__item .product_name {    color: #181818;    font-size: 16px;    line-height: 26px;    font-family: var(--body-font);    font-weight: 700;    text-transform: uppercase;    padding-left: 15px; }  .shopping-cart__item .price {    color: #181818;    font-size: 14px;    line-height: 24px; }  .shopping-cart__item .total {    color: #181818;    font-size: 16px;    line-height: 26px;    font-weight: 600; }  .shopping-cart__item .cart-close-icon {    color: #fff;    width: 20px;    height: 20px;    line-height: 20px;    border-radius: 50%;    background-color: var(--main-color-one);    display: block;    text-align: center;    font-size: 8px; }.shopping-cart__coupon__code {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }  .shopping-cart__coupon__code .coupon-code-area {    width: 350px; }    .shopping-cart__coupon__code .coupon-code-area .form-control {      border: 1px solid #181818;      border-radius: 0; }      .shopping-cart__coupon__code .coupon-code-area .form-control::-webkit-input-placeholder {        color: #181818;        font-size: 14px;        line-height: 24px; }      .shopping-cart__coupon__code .coupon-code-area .form-control:-ms-input-placeholder {        color: #181818;        font-size: 14px;        line-height: 24px; }      .shopping-cart__coupon__code .coupon-code-area .form-control::-ms-input-placeholder {        color: #181818;        font-size: 14px;        line-height: 24px; }      .shopping-cart__coupon__code .coupon-code-area .form-control::placeholder {        color: #181818;        font-size: 14px;        line-height: 24px; }    .shopping-cart__coupon__code .coupon-code-area .input-group-text {      background-color: #181818;      color: #fff;      font-size: 12px;      line-height: 28px;      font-weight: 500;      border: 1px solid #181818;      border-radius: 0;      margin-left: 10px;      padding: 0 10px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .shopping-cart__coupon__code .coupon-code-area .input-group-text:hover {        -webkit-box-shadow: 0px 6px 20px -8px rgba(24, 24, 24, 0.9);        box-shadow: 0px 6px 20px -8px rgba(24, 24, 24, 0.9); }  .shopping-cart__coupon__code .update-cart-area a {    background-color: #181818;    color: #fff;    font-size: 12px;    line-height: 22px;    font-weight: 500;    border-radius: 0;    display: block;    padding: 8px 10px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .shopping-cart__coupon__code .update-cart-area a:hover {      -webkit-box-shadow: 0px 6px 20px -8px rgba(24, 24, 24, 0.9);      box-shadow: 0px 6px 20px -8px rgba(24, 24, 24, 0.9); }.checkout-area__wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  background-color: #F5F5F5;  padding: 30px;  max-width: 600px;  margin: auto; }.checkout-area__left {  border-right: 1px dotted #181818;  width: 50%;  padding-right: 30px; }  .checkout-area__left .cart-total {    color: #181818;    font-size: 16px;    line-height: 26px;    font-weight: 500;    border-bottom: 1px solid #DEE2E8;    width: 100%;    padding-bottom: 4px; }  .checkout-area__left__inner {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    padding-top: 28px; }    .checkout-area__left__inner .title {      padding-bottom: 20px; }    .checkout-area__left__inner .inner-left {      width: 34%; }      .checkout-area__left__inner .inner-left .title {        color: #181818;        font-size: 15px;        line-height: 24px;        font-weight: 500;        text-transform: capitalize; }    .checkout-area__left__inner .inner-right {      width: 66%;      padding-left: 20px; }      .checkout-area__left__inner .inner-right .radio-button {        padding-left: 0;        margin-bottom: 0;        list-style: none; }        .checkout-area__left__inner .inner-right .radio-button li {          color: #181818;          font-size: 14px;          line-height: 24px;          font-weight: 400;          position: relative;          padding-left: 20px;          margin-bottom: 5px;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }          .checkout-area__left__inner .inner-right .radio-button li::before {            position: absolute;            top: 50%;            left: 0;            -webkit-transform: translateY(-50%);            -ms-transform: translateY(-50%);            transform: translateY(-50%);            content: '';            display: block;            width: 12px;            height: 12px;            line-height: 12px;            border: 1px solid #181818;            border-radius: 50%;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }          .checkout-area__left__inner .inner-right .radio-button li::after {            position: absolute;            top: 50%;            left: 2px;            -webkit-transform: translateY(-50%);            -ms-transform: translateY(-50%);            transform: translateY(-50%);            content: '';            display: block;            width: 8px;            height: 8px;            line-height: 8px;            background-color: #181818;            border-radius: 50%;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }          .checkout-area__left__inner .inner-right .radio-button li:hover {            color: #181818; }            .checkout-area__left__inner .inner-right .radio-button li:hover::after {              background-color: #FB0937; }            .checkout-area__left__inner .inner-right .radio-button li:hover::before {              border-color: #FB0937; }      .checkout-area__left__inner .inner-right .text {        color: #181818;        font-size: 14px;        line-height: 24px;        font-size: 500;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .checkout-area__left__inner .inner-right .text:hover {          color: var(--main-color-one); }.checkout-area__right {  width: 50%;  padding-left: 30px;  text-align: center; }  .checkout-area__right .title-wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    padding: 25px 0; }  .checkout-area__right .bold {    font-weight: 600;    padding-left: 45px; }  .checkout-area__right .or {    color: #181818;    font-size: 12px;    line-height: 24px;    padding: 25px 0;    position: relative; }    .checkout-area__right .or::before, .checkout-area__right .or::after {      position: absolute;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      content: '';      display: block;      width: 40%;      height: 1px;      background-color: #181818; }    .checkout-area__right .or::after {      right: 0; }  .checkout-area__right .check-out {    background-color: #fff;    border-radius: 10px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    padding: 10px;    width: 85%;    margin: auto;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }    .checkout-area__right .check-out-btn {      color: #181818;      font-size: 14px;      line-height: 26px;      font-weight: 500;      padding-right: 10px; }.quantity {  position: relative; }.quantity input {  width: 50px;  height: 30px;  line-height: 40px;  float: left;  display: block;  margin: 0;  text-align: center;  border: 1px solid #CAD1DC;  margin-left: 20px; }  .quantity input:focus {    border: 1px solid #CAD1DC; }.quantity input:focus {  outline: 0; }.quantity-button {  position: relative;  cursor: pointer;  border: 1px solid #CAD1DC;  width: 20px;  text-align: center;  color: #181818;  font-size: 18px;  line-height: 28px;  -webkit-transform: translateX(-100%);  -ms-transform: translateX(-100%);  transform: translateX(-100%);  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.quantity-button.quantity-up {  position: absolute;  top: 0;  left: 89px;  border: 1px solid #CAD1DC; }.quantity-button.quantity-down {  position: absolute;  left: 21px;  border: 1px solid #CAD1DC; }/*------------------------        Typhography --------------------------*/.typography {  color: #181818; }  .typography_primary {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .typography_primary ul {      padding-left: 0;      margin: 0;      list-style-type: none; }    .typography_primary .heading-06 {      padding-bottom: 20px;      margin-bottom: 0;      font-size: 14px;      line-height: 24px;      font-weight: 600; }    .typography_primary .heading-05 {      font-size: 20px;      line-height: 30px;      font-weight: 700;      border-bottom: 1px solid #CCD3DC;      padding-bottom: 5px; }    .typography_primary .heading-02 {      font-size: 50px;      line-height: 60px;      font-weight: 700;      background-color: #F5F5F5;      border-radius: 4px;      padding: 30px;      margin-bottom: 0; }    .typography_primary p {      color: #181818;      font-size: 14px;      font-weight: 500; }    .typography_primary .light {      font-weight: 300; }    .typography_primary .regular {      font-weight: 400; }    .typography_primary .mediam {      font-weight: 500; }    .typography_primary .s-bold {      font-weight: 600; }    .typography_primary .bold {      font-weight: 700; }    .typography_primary__left {      width: 190px; }    .typography_primary__middle {      padding: 20px 30px 0; }    .typography_primary__right {      width: 100px; }/*------------------------        Heading--------------------------*/.heading .title {  font-size: 14px;  line-height: 24px;  font-weight: 400; }.heading .heading-01 {  font-size: 65px;  line-height: 75px;  font-weight: 700;  padding: 5px 0 12px  0; }.heading .heading-02 {  font-size: 50px;  line-height: 60px;  font-weight: 700;  padding: 6px 0 14px  0; }.heading .heading-03 {  font-size: 40px;  line-height: 50px;  font-weight: 600;  padding: 7px 0 16px  0; }.heading .heading-04 {  font-size: 30px;  line-height: 40px;  font-weight: 600;  padding: 8px 0 17px  0; }.heading .heading-05 {  font-size: 20px;  line-height: 30px;  font-weight: 500;  padding: 10px 0 20px  0; }.heading .heading-06 {  font-size: 16px;  line-height: 26px;  font-weight: 400;  padding: 10px 0 0  0; }/*------------------------        Inline--------------------------*/.inline-element p {  color: #181818;  font-size: 14px;  line-height: 24px; }  .inline-element p mark {    background-color: var(--main-color-one);    border-radius: 4px;    color: #181818; }.icons_wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }  .icons_wrap.bg-black {    background-color: #181818; }    .icons_wrap.bg-black .icons_wrap_item {      color: #fff; }  .icons_wrap_item {    width: 120px;    font-size: 40px;    padding: 10px;    color: #181818;    text-align: center; }.carousel-dots_arrow-icon {  font-size: 22px;  position: relative;  z-index: 0; }  .carousel-dots_arrow-icon::before {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    content: '';    display: inline-block;    width: 20px;    height: 20px;    line-height: 20px;    border: 1px solid var(--main-color-one);    border-radius: 50%;    z-index: -1; }  .carousel-dots_arrow-icon.left::before {    left: -6px; }  .carousel-dots_arrow-icon.right::before {    left: 6px; }.carousel-dots_inner {  padding: 0;  margin: 0;  list-style-type: none; }.carousel-dots_items {  width: 25px;  height: 25px;  line-height: 25px;  border-radius: 50%;  background-color: #8B8B8B;  color: #fff;  text-align: center;  font-size: 12px;  margin: 10px 0;  cursor: pointer;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .carousel-dots_items.active, .carousel-dots_items:hover {    -webkit-transform: scale(1.2);    -ms-transform: scale(1.2);    transform: scale(1.2);    background-color: var(--main-color-one); }.carousel-dot_arrow-icon {  position: relative;  z-index: 0;  font-size: 22px; }  .carousel-dot_arrow-icon::before {    position: absolute;    left: 1px;    content: '';    display: inline-block;    width: 20px;    height: 20px;    line-height: 20px;    background-color: var(--main-color-one);    border-radius: 50%;    z-index: -1; }  .carousel-dot_arrow-icon.left::before {    top: 0px; }  .carousel-dot_arrow-icon.right::before {    bottom: 3px; }.carousel-dot_inner {  list-style-type: none;  padding: 0;  margin: 0; }.carousel-dot_items {  width: 20px;  height: 20px;  line-height: 20px;  border-radius: 50%;  border: 1px solid #181818;  margin: 10px 0;  position: relative;  cursor: pointer; }  .carousel-dot_items::before {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    content: '';    width: 6px;    height: 6px;    line-height: 6px;    background-color: #181818;    border-radius: 50%;    display: block; }.pagination-three_line {  position: relative;  padding-left: 44px; }  .pagination-three_line_full {    height: 280px;    width: 2px;    background-color: #CAD1DC; }  .pagination-three_line_active {    position: absolute;    top: 0;    height: 80px;    width: 2px;    background-color: #181818; }.pagination-three_inner {  padding: 0;  margin: 10px 0 5px 25px;  list-style: none; }.pagination-three_items {  color: #181818;  font-size: 14px;  font-weight: 500;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .pagination-three_items.active, .pagination-three_items:hover {    background-color: #181818;    color: #fff; }.pagination-three_arrows {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .pagination-three_arrows_icon {    width: 40px;    height: 40px;    line-height: 40px;    font-size: 20px;    color: #fff;    background-color: #181818;    text-align: center;    cursor: pointer;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .pagination-three_arrows_icon.active, .pagination-three_arrows_icon:hover {      background-color: var(--main-color-one); }.pagination-four_inner {  padding: 0;  margin: 0;  list-style-type: none;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  border-bottom: 2px solid #181818;  margin-right: 20px; }.pagination-four_items {  padding: 10px 20px 0 20px;  color: #181818;  font-size: 12px;  text-align: center;  font-weight: 500;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .pagination-four_items.active, .pagination-four_items:hover {    color: #181818;    font-size: 16px;    font-weight: 600;    margin-top: -10px;    border-bottom: 2px solid #FB0937;    margin-bottom: -2px; }.pagination-four_arrows_icon {  font-size: 20px;  color: #fff;  background-color: #181818;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  cursor: pointer;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .pagination-four_arrows_icon.active, .pagination-four_arrows_icon:hover {    background-color: var(--main-color-one); }.basic-alert-box {  position: relative;  background-color: #F5F5F5;  border-radius: 4px; }  .basic-alert-box.red-border {    border: 1px solid var(--main-color-one); }.basic-alert__close_btn {  position: absolute;  top: -8px;  right: -8px;  width: 25px;  height: 25px;  line-height: 25px;  border-radius: 50%;  background-color: #181818;  color: #fff;  font-size: 8px;  text-align: center;  cursor: pointer; }.basic-alert__inner p {  color: #181818;  font-size: 14px;  line-height: 24px;  font-family: var(--body-font);  font-size: 400;  padding: 30px 25px;  margin: 0; }.basic-alert__icon {  width: 30px;  height: 30px;  line-height: 30px;  border-radius: 50%;  background-color: #35CE9F;  color: #fff;  font-size: 12px;  display: inline-block;  text-align: center;  margin-right: 10px; }/*# sourceMappingURL=style.css.map *//* Config Colors-------------------------------------*//* Defaults /* Animation Delay--------------------------------------------*/.delay05s {  animation-delay: 0.5s;}.delay1s {  animation-delay: 1s;}.delay15s {  animation-delay: 1.5s;}.delay2s {  animation-delay: 2s;}.v-hidden {  visibility: hidden;}/* Carousel Fade--------------------------------------------*/.carousel {  z-index: 1;}.carousel-fade .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;  transition-property: opacity;}.carousel-fade .carousel-inner .active {  opacity: 1;}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}.carousel-fade .carousel-control {  z-index: 2;}/* Label--------------------------------------------*/.label-default {  background-color: #c61334;  border-radius: 0;}/* Vehicles--------------------------------------------*/#vehicles {  margin-top: 90px;  position: relative;  z-index: 2;}#vehicles .title {  font-size: 36px;  font-weight: 900;  margin-bottom: 65px;}#vehicles .subtitle {  font-weight: normal;}#vehicles .vehicle-nav-row {  padding-right: 0;}#vehicles #vehicle-nav-container {  height: 365px;  overflow: hidden;  position: relative;  margin-bottom: 1px;}#vehicles .vehicle-nav {  list-style: none;  margin: 0;  padding: 0;  top: 0px;  position: absolute;  width: 100%;}#vehicles .vehicle-nav-control {  padding-right: 10px;}#vehicles .vehicle-nav-control a {  width: 50%;  height: 40px;  display: block;  background-color: #716d6e;  text-align: center;  float: left;  color: #fff;  line-height: 40px;  font-size: 24px;  transition: all 0.25s ease-in-out;}#vehicles .vehicle-nav-control a:first-of-type {  border-right: 1px solid #fff;}#vehicles .vehicle-nav-control a:hover {  background-color: rgba(198, 19, 52, 0.4);  color: #716d6e;}#vehicles .vehicle-nav li {  background-color: #e3e2e2;  margin-bottom: 1px;  position: relative;  transition: .2s;  margin-right: 10px;}#vehicles .vehicle-nav li span {  width: 0px;  height: 0px;  border-left: 10px solid #fff;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  display: block;  position: absolute;  right: -10px;  top: 20px;  transition: 0.2s;}#vehicles .vehicle-nav li:hover {  background-color: #d1cece;}#vehicles .vehicle-nav li.active {  background-color: rgba(198, 19, 52, 0.4);  font-weight: bold;}#vehicles .vehicle-nav li.active span {  border-left-color: rgba(198, 19, 52, 0.4);}#vehicles .vehicle-nav li a {  font-size: 18px;  color: #716d6e;  padding-left: 15px;  display: block;  height: 60px;  line-height: 60px;}#vehicles .styled-select-vehicle-data {  border: 2px solid #efe9e9;  height: 43px;  position: relative;  width: 100%;  display: none;}#vehicles .styled-select-vehicle-data:after {  content: '';  background: #ffffff url('../img/dropdown-icon.png') no-repeat 5px 18px;  right: 0px;  top: 0px;  width: 30px;  height: 39px;  position: absolute;  pointer-events: none;}#vehicles .styled-select-vehicle-data select {  border: none;  font-size: 16px;  width: 100%;  background-image: none;  background: #fff;  -webkit-appearance: none;  padding: 1px 10px;  height: 39px;}#vehicles .vehicle-img {  text-align: center;}#vehicles .vehicle-img img {  display: inline-block;}#vehicles .vehicle-price {  background-color: rgba(198, 19, 52, 0.4);  height: 53px;  line-height: 53px;  padding: 0 10px;  font-size: 24px;  font-weight: 900;}#vehicles .vehicle-price .info {  font-weight: normal;  font-size: 18px;}#vehicles .reserve-button {  background-color: #c61334;  color: #fff;  display: block;  height: 50px;  line-height: 51px;  font-size: 24px;  font-weight: 900;  padding: 0 15px;  box-shadow: 6px 6px 0 #efe9e9;  text-transform: uppercase;  transition: .2s;}#vehicles .reserve-button:hover {  background-color: #716d6e;}#vehicles .reserve-button span {  margin-right: 7px;}/* Start Media Queries------------------------------------------------*//* Large devices (large desktops, 1200px and up)*/@media (max-width: 1200px) {    /* Vehicles    --------------------------------------------*/  #vehicles .title {    font-size: 32px;  }  #vehicles #vehicle-nav-container {    height: 335px;  }  #vehicles .vehicle-nav li a {    font-size: 16px;    height: 55px;    line-height: 55px;  }  #vehicles .vehicle-price {    font-size: 20px;  }  #vehicles .vehicle-price {    font-size: 20px;  }  #vehicles .vehicle-price .info {    font-size: 16px;  }  #vehicles .table {    font-size: 12px;  }  #vehicles .reserve-button {    font-size: 22px;  }  #vehicles .reserve-button {    font-size: 22px;  } }/* Medium devices (desktops, 992px and up) */@media (max-width: 992px) {    /* Vehicles    --------------------------------------------*/  #vehicles .styled-select-vehicle-data {    display: block;  }  #vehicles #vehicle-nav-container {    height: auto;  }  #vehicles .vehicle-nav {    display: none;  }  #vehicles .vehicle-nav-control {    display: none;  }  #vehicles .vehicle-img {    margin: 15px 0;  }  #vehicles .vehicle-img img {    display: inline-block;  }  }.containers {  max-width: 1200px;  margin: 0 auto;  padding: 15px;  display: flex;}/* Columns */.left-column {  width: 65%;  position: relative;}.right-column {  width: 35%;  margin-top: 60px;}/* Left Column */.left-column img {  width: 100%;  position: absolute;  left: 0;  top: 0;  opacity: 0;  transition: all 0.3s ease;}.left-column img.active {  opacity: 1;}/* Right Column *//* Product Description */.product-description {  border-bottom: 1px solid #E1E8EE;  margin-bottom: 20px;}.product-description span {  font-size: 18px;  color: #358ED7;  letter-spacing: 1px;  text-transform: uppercase;  text-decoration: none;}.product-description h1 {  font-weight: 300;  font-size: 52px;  color: #43484D;  letter-spacing: -2px;}.product-description p {  font-size: 16px;  font-weight: 300;  color: #86939E;  line-height: 24px;}/* Product Configuration */.product-color span,.cable-config span {  font-size: 14px;  font-weight: 400;  color: #86939E;  margin-bottom: 20px;  display: inline-block;}/* Product Color */.product-color {  margin-bottom: 30px;}.color-choose div {  display: inline-block;}.color-choose input[type="radio"] {  display: none;}.color-choose input[type="radio"] + label span {  display: inline-block;  width: 40px;  height: 40px;  margin: -1px 4px 0 0;  vertical-align: middle;  cursor: pointer;  border-radius: 50%;}.color-choose input[type="radio"] + label span {  border: 2px solid #FFFFFF;  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);}.color-choose input[type="radio"]:checked + label span {  background-image: url(../../public/check-icn.svg);  background-repeat: no-repeat;  background-position: center;}/* Cable Configuration */.cable-choose {  margin-bottom: 20px;}.cable-choose button {  border: 2px solid #E1E8EE;  border-radius: 6px;  padding: 13px 20px;  font-size: 14px;  color: #5E6977;  background-color: #fff;  cursor: pointer;  transition: all .5s;}.cable-choose button:hover,.cable-choose button:active,.cable-choose button:focus {  border: 2px solid #86939E;  outline: none;}.cable-config {  border-bottom: 1px solid #E1E8EE;  margin-bottom: 20px;}.cable-config a {  color: #358ED7;  text-decoration: none;  font-size: 12px;  position: relative;  margin: 10px 0;  display: inline-block;}.cable-config a:before {  content: "?";  height: 15px;  width: 15px;  border-radius: 50%;  border: 2px solid rgba(53, 142, 215, 0.5);  display: inline-block;  text-align: center;  line-height: 16px;  opacity: 0.5;  margin-right: 5px;}/* Product Price */.product-price {  display: flex;  align-items: center;}.product-price span {  font-size: 26px;  font-weight: 300;  color: #43474D;  margin-right: 20px;}.cart-btn {  display: inline-block;  background-color: #0087e6;  border-radius: 6px;  font-size: 16px;  color: #FFFFFF;  text-decoration: none;  padding: 12px 30px;  transition: all .5s;}.cart-btn:hover {  background-color: #64af3d;}/* Responsive */@media (max-width: 940px) {  .left-column img {	 display: block;	  margin-left: auto;	  margin-right: auto;	  width: 100%;	   }  .left-column {		 padding: 15px;	 width: 100%;  }  .right-column {	 margin-top:350px; 	 padding-right: 15px;	 padding-left: 15px;	 width: 100%;  }}@media (max-width: 535px) {  .left-column img {	 display: block;	  margin-left: auto;	  margin-right: auto;	  width: 100%;      margin-top:0px;	    }   .left-column {		 padding: 15px;	 width: 100%;  }   .right-column {	 margin-top:210px; 	 padding-right: 15px;	 padding-left: 15px;	 width: 100%;  }}/**** tambahan login form ****/#sidebar-login form{    width: 87%;    height: 90%;    position: fixed;    top: 50px;    left: 30px;    -moz-transform-style: preserve-3d;    -webkit-transform-style: preserve-3d;    -o-transform-style: preserve-3d;    -ms-transform-style: preserve-3d;    transform-style: preserve-3d;    -moz-backface-visibility: hidden;    -webkit-backface-visibility: hidden;	-o-backface-visibility: hidden;	-ms-backface-visibility: hidden;    backface-visibility: hidden;    -moz-transition: 0.8s;    -webkit-transition: 0.8s;    -o-transition: 0.8s;    transition: 0.8s;    background: #fff;    padding: 2em;	-webkit-box-shadow: 9px 9px 10px 1px rgba(12, 46, 49, 0.76);	-moz-box-shadow: 9px 9px 10px 1px rgba(12, 46, 49, 0.76);	-o-box-shadow: 9px 9px 10px 1px rgba(12, 46, 49, 0.76);	-ms-box-shadow: 9px 9px 10px 1px rgba(12, 46, 49, 0.76);    box-shadow: 9px 9px 10px 1px rgba(12, 46, 49, 0.76);	 z-index: 9999;} .ribbon {  position: absolute;  right: -5px;   top: -5px;  z-index: 1;  overflow: hidden;  width: 75px;   height: 75px;  text-align: right;}.ribbon a {	font-size: 13px; 	color: #FFF;  	text-align: center;	line-height: 20px;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-o-transform: rotate(45deg);	-ms-transform: rotate(45deg);	transform: rotate(45deg); 	width: 100px;	display: block;	background: #e89406; 	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);	-moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);	-o-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);	-ms-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);	position: absolute;	top: 19px; 	right: -21px;}.ribbon a::before {	content: "";	position: absolute; left: 0px; top: 100%;	z-index: -1;	border-left: 3px solid #8F5408;	border-right: 3px solid transparent;	border-bottom: 3px solid transparent;	border-top: 3px solid #8F5408;}.ribbon a::after {	content: "";	position: absolute; right: 0px; top: 100%;	z-index: -1;	border-left: 3px solid transparent;	border-right: 3px solid #8F5408;	border-bottom: 3px solid transparent;	border-top: 3px solid #8F5408;} #signup .ribbon {  	right:inherit;	left: -5px;}#signup .ribbon a {     -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);	transform: rotate(-45deg);	right:inherit;    left: -21px;}#sidebar-login {    z-index: 9999;    -moz-perspective: 800px;    -webkit-perspective: 800px;    -o-perspective: 800px;    -ms-perspective: 800px;    perspective: 800px;}.signin-form {    width: 30%;    height:590px;    margin: 2em auto;    position: relative;}#signin{ 	z-index:9999;}#signup{ 	z-index:9999;	opacity:0;		-moz-transform:rotateY(180deg);	-webkit-transform:rotateY(180deg); 	-o-transform:rotateY(180deg);	-ms-transform:rotateY(180deg);	transform:rotateY(180deg);} #sidebar-login.flipped #signin{ 	opacity:0; 		-moz-transform:rotateY(-180deg);	-webkit-transform:rotateY(-180deg); 	-o-transform:rotateY(-180deg);	-ms-transform:rotateY(-180deg);	transform:rotateY(-180deg);} #sidebar-login.flipped #signup{		opacity:1; 		-moz-transform:rotateY(0deg);	-webkit-transform:rotateY(0deg);	-o-transform:rotateY(0deg);	-ms-transform:rotateY(0deg); 	transform:rotateY(0deg);}</pre></body></html>