   .cc-main-container * {
       box-sizing: border-box;
       line-height: 145%;
       font-size: 18px !important;

   }


   .cc-main-container h2 {
       font-size: 42px !important;
   }


   .cc-main-container h2>span {
       font-size: 28px !important;
       display: block;
   }

   .cc-main-container h3 {
       font-size: 28px !important;
   }


   .cc-main-container h3>span {
       font-size: 20px !important;
       display: block;
   }


   .cc-main-container {
       width: 100%;
       max-width: 1500px;
       background-color: white;
       margin: 0px auto 40px;
       text-align: center !important;
       position: relative;

   }

   .cc-bg-white {
       background-color: #ffffff !important;
   }


   .cc-bg-darkgray {
       background-color: #302f35 !important;
   }

   .cc-bg-lightgray {
       background-color: lightgray !important;
   }

   .cc-bg-black {
       background-color: black;
   }


   /*
  ======================
WIDTH  & HEIGHT CONTROL
  ======================
*/


   .w-100 {
       width: 100% !important;
   }
   .w-75 {
       width: 75% !important;
   }
   .w-50 {
       width: 50% !important;
   }
   .w-25 {
       width: 25% !important;
   }

   .h-100 {
       height: 100% !important;
   }
   .h-75 {
       height: 75% !important;
   }
   .h-50 {
       height: 50% !important;
   }
   .h-25 {
       height: 25% !important;
   }



   /*
  ======================
CTA STYLING
  ======================
*/
   .cc-cta {
       padding: 15px 0px;
       margin: 5px 2px;
       font-size: 18px;
       text-decoration: none !important;
       text-transform: uppercase;
       color: #ffffff !important;
       text-align: center;
       transition: .6s;
   }

   .cc-subcta {

       border: 3px solid #FFFFFF !important;
       color: white !important;
   }


   .cc-cta:hover {
       opacity: .3;
   }

   .cc-maincta:focus {
       border: 2px dotted #C1C1C1;
   }


   .cc-subcta:focus {
       border: 2px dotted #C1C1C1;
   }



   /*
  ======================
TEXT CONTROL: alignment, color
  ======================
*/

   .text-center {
       text-align: center !important;
   }

   .text-center h2:after {
       margin: 20px auto !important;
   }
   .text-left {
       text-align: left !important;
   }
   .text-right {
       text-align: right !important;
   }

   .text-white {
       color: #ffffff !important;
   }

   .text-white a {
       color: #ffffff !important;
   }
   .text-white h2:after {
       background: #ffffff !important;
   }

   .text-black,
   .text-black a {
       color: #000000 !important;
   }

   .cc-disclaimer p {
       font-size: 12px !important;
   }

   .text-large {
       font-size: 50px !important;
   }

   /*
  ======================
OPTIONAL NAV CONTROL
  ======================
*/
   .cc-anchor-nav a {
       font-size: 22px;
       display: inline-block;
       margin: 5px 0;
       text-decoration: none;
   }
   .cc-anchor-nav a:hover {
       letter-spacing: 3px;
       transition: ease 1s;
   }

   .cc-anchor-nav a:not(:last-child):after {
       content: "|";
       padding: 0 30px;
   }

   /*
  ======================
IMAGE CONTROL
  ======================
*/

   .cc-main-container img {
       width: 100%;
   }


   .cc-bg-top:before {
       background-position: top;
   }

   .cc-bg-bottom:before {
       background-position: bottom;
   }

   .cc-bg-left:before {
       background-position: left;
   }

   .cc-bg-right:before {
       background-position: right;
   }

   .cc-bg-center:before {
       background-position: center;
   }

   .cc-bg-cover:before {
       background-size: cover !important;
   }

   .cc-bg-gradient-black {
       position: relative !important;
       height: auto;
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 0;
       background-image:
           linear-gradient(-40deg, transparent, black) !important;
   }

   .cc-bg-gradient-white {
       position: relative !important;
       height: auto;
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 0;
       background-image:
           linear-gradient(-40deg, transparent, white) !important;
   }

   .cc-bg-gradient-black::before {
       content: "";
       position: absolute !important;
       background-image: url("https://di-sitebuilder-assets.s3.amazonaws.com/Nissan/interiorTemplates/service/hero.jpg");
       background-size: cover;
       top: 0px;
       right: 0px;
       bottom: 0px;
       left: 0px;
       opacity: 0.17;
       z-index: -1;
   }


   /*
  ======================
BORDER & BOX SHADOW CONTROL
  ======================
*/


   .sm-border-radius {
       border-radius: 10px;
   }
   .md-border-radius {
       border-radius: 20px;
   }
   .lrg-border-radius {
       border-radius: 30px;
   }


   .border-radius-half {
       border-radius: 50%;
   }

   .sm-box-shadow {
       box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   }
   .md-box-shadow {
       box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
   }

   .lrg-box-shadow {
       box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
   }

   /*
  ======================
GRID CONTENT
  ======================
*/


   .cc-row {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       margin: 5px auto;
   }




   /* 1/12 */
   .cc-col-1 {
       width: 6.33%;
   }

   /* 2/12 */
   .cc-col-2 {
       width: 14.66%;
   }

   /* 3/12 */
   .cc-col-3 {
       width: 23%;
   }

   /* 4/12 */
   .cc-col-4 {
       width: 31.33%;
   }

   /* 5/12 */
   .cc-col-5 {
       width: 39.66%;
   }

   /* 6/12 */
   .cc-col-6 {
       width: 48%;
   }

   /* 7/12 */
   .cc-col-7 {
       width: 56.33%;
   }

   /* 8/12 */
   .cc-col-8 {
       width: 64.66%;
   }

   /* 9/12 */
   .cc-col-9 {
       width: 73%;
   }

   /* 10/12 */
   .cc-col-10 {
       width: 81.33%;
   }

   /* 11/12 */
   .cc-col-11 {
       width: 89.66%;
   }

   /* 12/12 */
   .cc-col-12 {
       width: 98%;
   }


   /*
  ======================
SPACIAL ALIGNMENT CONTROL
  ======================
*/


   .cc-auto-mrg {
       margin: 0 auto !important;
   }

   .cc-left-mrg {
       margin-left: 0 !important;
   }


   .cc-right-mrg {
       margin-right: 0 !important;
   }


   .cc-sm-lr-mrg {
       margin: 0 10px !important;
   }


   .cc-sm-mrg-top {
       margin-top: 10px !important;
   }

   .cc-sm-mrg-bottom {
       margin-bottom: 10px !important;
   }

   .cc-md-mrg-top {
       margin-top: 20px !important;
   }

   .cc-md-mrg-bottom {
       margin-bottom: 20px !important;
   }

   .cc-lrg-mrg-top {
       margin-top: 40px !important;
   }
   .cc-lrg-mrg-bottom {
       margin-bottom: 40px !important;
   }

   .cc-no-mrg-top-bottom {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
   }
   .cc-no-padding {
       padding: 0 !important;
   }

   .cc-sm-padding {
       padding: 2% !important;
   }



   .cc-md-padding {
       padding: 4% !important;
   }

   .cc-lrg-padding {
       padding: 7% !important;
   }
   .cc-sm-padding-left-right {
       padding: 0 2% !important;
   }

   .cc-md-padding-left-right {
       padding: 0 4% !important;
   }

   .cc-lrg-padding-left-right {
       padding: 0 7% !important;
   }

   .cc-offset-top-sm {
       margin-top: -20px !important;
       z-index: 3 !important;
   }
   .cc-offset-top-md {
       margin-top: -40px !important;
       z-index: 3 !important;
   }
   .cc-offset-top-lrg {
       margin-top: -60px !important;
       z-index: 3 !important;
   }

   .cc-offset-left-sm {
       margin-left: -40px !important;
       z-index: 3 !important;
   }
   .cc-offset-left-md {
       margin-left: -60px !important;
       z-index: 3 !important;
   }
   .cc-offset-left-lrg {
       margin-left: -80px !important;
       z-index: 3 !important;
   }


   .valign-middle {
       align-items: center !important;
       justify-content: center !important;
   }

   .valign-top {
       align-items: flex-start;
       justify-content: flex-start;
   }

   .valign-bottom {
       align-items: flex-end !important;
       justify-content: flex-end !important;
   }

   .justify-start {
       justify-content: start !important;

   }


   /* viewport <= 768px */
   @media only screen and (max-width: 800px) {

       .w-100,
       .w-75,
       .w-50,
       .w-25 {
           width: 100% !important;
       }


       .cc-col-1,
       .cc-col-2,
       .cc-col-3,
       .cc-col-4 {
           width: 49% !important;
           display: block !important;
           margin: 10px auto !important;
           transition: .4s
       }

       .cc-row div {

           margin: 10px auto;
       }


       .cc-col-5,
       .cc-col-6,
       .cc-col-7,
       .cc-col-8,
       .cc-col-9,
       .cc-col-10,
       .cc-col-11,
       .cc-col-12 {
           width: 98% !important;
           display: block !important;
           margin: 10px auto !important;
           transition: .4s
       }

       .show-first {
           order: 1 !important;
       }

       .show-second {
           order: 2 !important;
       }
       .show-third {
           order: 3 !important;
       }
       .show-fourth {
           order: 4 !important;
       }



   }

   /* viewport <= 650px */
   @media screen and (max-width: 650px) {

       .cc-col-1,
       .cc-col-2,
       .cc-col-3,
       .cc-col-4,
       .cc-col-5,
       .cc-col-6,
       .cc-col-7,
       .cc-col-8,
       .cc-col-9,
       .cc-col-10,
       .cc-col-11,
       .cc-col-12 {
           width: 98% !important;
           display: block !important;
           margin: 10px auto !important;
           transition: .4s
       }

   }

   .cc-nissan-bg {
       background-color: #000000 !important;
   }

   .cc-nissan-color,
   .cc-nissan-color a {
       color: #000000 !important;
   }

   /* background Images */

   .cc-bg-brake::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/brakes-v1.jpg");
       background-size: cover;
   }

   .cc-bg-oil::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/oil-v1.jpg");
       background-size: cover;
   }

   .cc-bg-tire::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/tires-v1.jpg");
       background-size: cover;
   }

   .cc-bg-battery::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/battery-v1.jpg");
       background-size: cover;
   }

   .cc-bg-transmission::before {
       content: "";
       background-image: url("https://carcuts.s3.amazonaws.com/service/service/transmission/option1.jpg");
       background-size: cover;
   }

   .cc-bg-engine::before {
       content: "";
       background-image: url("https://carcuts.s3.amazonaws.com/service/service/generic/option4.jpg");
       background-size: cover;
   }
   .cc-bg-service::before {
       content: "";
       background-image: url("https://carcuts.s3.amazonaws.com/service/parts/generic/option3.jpg");
       background-size: cover;
   }
   .cc-bg-parts::before {
       content: "";
       background-image: url("https://carcuts.s3.amazonaws.com/service/parts/generic/option2.jpg");
       background-size: cover;
   }
   .cc-bg-parts2::before {
       content: "";
       background-image: url("https://carcuts.s3.amazonaws.com/service/parts/generic/option4.jpg");
       background-size: cover;
   }

   /* Additional Styles */


   .bordery-black {
       border-top: 1px solid black;
       border-bottom: 1px solid black;
   }
   .border-btm-black {
       border-bottom: 1px solid black;
   }
   .border-top-black {
       border-top: 1px solid black;
   }
   .cc-py-small {
       padding-top: 2%;
       padding-bottom: 2%;
   }

   .cc-my-md {
       margin-top: 4%;
       margin-bottom: 4%;
   }

   .ss-svg {
       width: 50px;
       fill: #737373 !important;
   }

   .justify-content-center {
       justify-content: center;
   }

   .aspect-16 {
       aspect-ratio: 16 / 9;
       margin-top: 10px !important;
       margin-bottom: 10px !important;
   }


   .cc-bg-gradient-black::before {
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/badcredit/T1/header.jpg");
   }
   .cc-bg-financing::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/finance/header4.jpg");
       background-size: cover;
   }

   .cc-bg-trade::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/finance/header1.jpg");
       background-size: cover;
   }

   .cc-bg-offers::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/finance/header6.jpg");
       background-size: cover;
   }

   .cc-bg-buy::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/first-buyer/T1/secc2.jpg");
       background-size: cover;
   }

   .cc-bg-new::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/22/ford/f150/T1/secc1.jpg");
       background-size: cover;
   }
   .cc-bg-used::before {
       content: "";
       background-image: url("https://lp-auto-assets.s3.amazonaws.com/22/ford/edge/T1/secc1.jpg");
       background-size: cover;
   }

   .ss-svg {
       fill: #00095b !important;
   }
