#vehicleSummaryModal {
  padding: 0 !important; }
  #vehicleSummaryModal .modal-dialog {
    max-width: 100%;
    margin: 0;
    padding: 0; }
    #vehicleSummaryModal .modal-dialog .modal-content {
      padding: 50px 80px;
      box-sizing: border-box; }
      #vehicleSummaryModal .modal-dialog .modal-content .modal-header {
        padding: 0;
        border: none;
        font-weight: 500;
        margin-bottom: 26px; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-header h4 {
          font-size: 24px;
          text-align: center;
          width: 100%;
          line-height: 28px; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-header button.close {
          position: absolute;
          right: 25px;
          top: 15px; }
      #vehicleSummaryModal .modal-dialog .modal-content .modal-body {
        padding: 0;
        font-size: 16px;
        line-height: 1; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .main-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .model-name {
          font-size: 36px;
          line-height: 40px;
          color: #141414; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .all-features-name {
          font-size: 24px;
          line-height: 28px;
          color: #141414; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .vehicle-attribute {
          width: 40%;
          padding: 24px 0; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .all-features {
          width: 50%;
          padding: 24px 0 0 10%; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-slide img {
          max-width: 100%; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-prev {
          top: auto;
          left: calc(40% - 120px);
          right: auto;
          margin-top: -40px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-prev:after {
            background-position-y: -160px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-prev.swiper-button-disabled {
            display: block; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-next {
          top: auto;
          left: calc(40% - 60px);
          right: auto;
          margin-top: -40px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-next:after {
            background-position-y: -160px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-next.swiper-button-disabled {
            display: block; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-pagination {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          height: 40px; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body span.swiper-pagination-bullet {
          width: 8px;
          height: 8px;
          display: block;
          background: #000;
          border-radius: 50%;
          opacity: 0.2;
          margin-right: 6px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body span.swiper-pagination-bullet.swiper-pagination-bullet-active {
            opacity: 1; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part {
          width: 60%; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .part-title {
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            color: #141414;
            margin-top: 30px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .part-name {
            font-size: 18px;
            font-weight: 500;
            line-height: 24px;
            color: #141414; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .part-description {
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            color: #707070;
            margin-top: 8px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part ul {
            padding-left: 20px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .part-row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .img-wrap {
            border-radius: 50%;
            padding: 0;
            -ms-flex-item-align: center;
                align-self: center;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            display: -ms-flexbox;
            display: flex;
            background: #fff;
            width: 50px;
            height: 50px; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .img-wrap img {
              width: auto;
              height: 50px;
              border-radius: 50%;
              overflow-clip-margin: content-box;
              overflow: clip; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .img-wrap span {
              width: 100%;
              height: 100%;
              border-radius: 50%;
              display: block; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .img-wrap .item {
              width: 100%;
              height: 100%; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part .inline-text {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            margin-left: 10px;
            width: calc(100% - 60px);
            font-size: 18px;
            line-height: 24px;
            color: #141414; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part {
          width: 60%;
          margin-top: 32px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part .packages-title {
            font-size: 14px;
            font-weight: 500;
            line-height: 17px;
            color: #141414;
            margin-top: 16px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part .packages-content {
            font-size: 14px;
            font-weight: 400;
            line-height: 19px;
            color: #707070;
            margin-top: 16px; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part .packages-content p {
              margin: 0; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part .packages-content ul {
              padding-left: 20px; }
              #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part .packages-content ul li {
                font-size: 14px;
                font-weight: 400;
                line-height: 19px;
                color: #707070;
                list-style: disc; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .disclaimer-part {
          width: 60%; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info {
          padding: 14px 0;
          border-bottom: 1px solid #d5d5d5;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          color: #284e80;
          cursor: pointer;
          font-weight: 500;
          height: 64px;
          -ms-flex-align: center;
              align-items: center;
          font-size: 18px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info span:last-child {
            font-size: 20px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info.active + .toggle-info-content {
            display: block;
            border-bottom: 1px solid #d5d5d5; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info.active {
            border-bottom: 0; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info.active span:last-child {
              position: relative; }
              #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info.active span:last-child:before {
                content: "-";
                background: #fff;
                right: 0;
                position: absolute;
                width: 14px;
                color: #284e80;
                font-size: 24px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info.first {
            border-bottom: none; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info-content {
          display: none;
          font-size: 14px;
          font-weight: 400;
          line-height: 19px;
          color: #707070;
          padding-bottom: 16px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info-content img {
            margin-bottom: 8px;
            width: 100%; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .toggle-info-content p {
            font-size: 14px;
            font-weight: 400;
            line-height: 19px;
            color: #707070; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .customise-btn {
          font-size: 16px;
          font-weight: 500;
          color: #fff;
          background: #284e80;
          height: 42px;
          border-radius: 21px;
          border: none;
          margin-top: 24px;
          min-width: 120px; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .customise-btn:hover {
            background: #000; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .filter-key {
          -ms-flex-align: stretch;
              align-items: stretch;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          #vehicleSummaryModal .modal-dialog .modal-content .modal-body .filter-key button {
            margin: 8px 8px 0px 0px;
            padding: 10px 20px;
            transition: all 0.3s ease-in-out;
            transform: translateY(0);
            background-color: #ffffff;
            border-radius: 8px;
            text-align: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            border-width: 0;
            box-shadow: inset 0px 0px 0px 1px #d5d5d5;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            height: 20px;
            box-sizing: initial;
            border: 1px solid #1c6bba !important; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .filter-key button.active {
              box-shadow: inset 0px 0px 0px 1px #284e80;
              background-color: #b2d5e3; }
              #vehicleSummaryModal .modal-dialog .modal-content .modal-body .filter-key button.active em {
                color: #284e80; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .filter-key button:hover {
              box-shadow: inset 0px 0px 0px 1px #284e80; }
            #vehicleSummaryModal .modal-dialog .modal-content .modal-body .filter-key button em {
              margin: 0;
              font-size: 16px;
              line-height: 20px;
              letter-spacing: 0.24px;
              font-style: initial;
              color: #1c6bba; }
        #vehicleSummaryModal .modal-dialog .modal-content .modal-body .feature-list {
          margin-top: 30px; }

@media screen and (max-width: 767px) {
  #vehicleSummaryModal .modal-dialog .modal-content {
    padding: 50px 20px; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .main-container {
      -ms-flex-direction: column;
          flex-direction: column;
      padding-bottom: 60px; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .model-name {
      font-size: 30px;
      line-height: 36px; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .vehicle-attribute {
      width: 100%;
      padding: 24px 0; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .all-features {
      width: 100%;
      padding: 24px 0 0 0; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .attribute-part {
      width: 100%; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .packages-part {
      width: 100%; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .disclaimer-part {
      width: 100%; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-prev {
      position: relative;
      left: 60%;
      display: inline-block;
      margin: 0; }
      #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-prev.swiper-button-disabled {
        display: inline-block; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-next {
      position: relative;
      left: 60%;
      display: inline-block;
      margin: 0; }
      #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-button-next.swiper-button-disabled {
        display: inline-block; }
    #vehicleSummaryModal .modal-dialog .modal-content .modal-body .swiper-pagination {
      top: auto;
      bottom: 0;
      height: auto;
      width: 100%;
      background: none;
      right: 0; } }