body,
 html,
 div,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 span,
 img,
 ul,
 ol,
 blockquote,
 li {
     margin: 0;
     padding: 0;
     color: #000;
     font-family: "Orbitron"
 }

 h1 {
     font-weight: 600;
     font-size: 30px;
     line-height: 36px
 }

 h2 {
     font-size: 42px;
     line-height: 22px;
     font-weight: 600
 }

 h3 {
     font-size: 24px;
     line-height: 30px;
     font-weight: 600
 }

 h4 {
     font-size: 24px;
     font-weight: normal
 }

 h5 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600
 }

 p {
     font-family: "Orbitron", sans-serif;
     font-size: 16px;
     line-height: 24px;
     color: #313131;
     font-weight: 400
 }

 article,
 aside,
 body,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 p,
 nav,
 section,
 summary {
     color: #1b1b1b;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
     margin: 0;
     padding: 0;
     font-family: "Orbitron"
 }

 p:empty {
     display: none
 }

 a {
     color: #1b1b1b;
     -webkit-text-decoration: auto;
     text-decoration: auto
 }

 .owl-carousel .owl-item img.mobile-banner {
     display: none
 }

 section.banner {
     clear: both;
     position: relative
 }

 .owl-dots span {
     width: 12px;
     height: 12px;
     background: #fff;
     display: inline-block;
     margin: 0;
     border-radius: 5px
 }

 .owl-dots .active span {
     background: rgb(255 255 255 / 73%);
     width: 12px;
     height: 12px
 }
.design .owl-dots span {
     background: rgb(223 223 223 / 75%);
     width: 20px;
     height: 3px;
	 }
.design .owl-dots .active span {
     background: #fff;
     width: 20px;
     height: 3px;
	 }
 section.banner .owl-dots {
     position: absolute;
     bottom: 7%;
     width: 100%;
     align-items: center;
     display: flex;
     justify-content: center;
     transform: translate(0, 20px)
 }

 section.banner .owl-dots button {
     width: auto;
     display: inline-block;
     margin: 0 4px
 }

 .carousel-caption {
     text-align: left;
     transform: translate(5%, -45%);
     top: 60%;
     max-width: 43%;
     left: inherit;
     right: inherit;
     bottom: inherit
 }

 .carousel-caption h2 {
     font-weight: 500;
     font-size: 38px;
     margin-bottom: 0;
     margin-top: .7rem;
     text-transform: capitalize;
     font-family: "Orbitron", sans-serif;
     color: #000000
 }

 .carousel-caption p {
     color: #000000;
     font-size: 19px;
     font-weight: 500;
     margin-bottom: 20px
 }

 .carousel-indicators {
     justify-content: flex-start;
     top: auto;
     margin-left: 10%;
     margin-bottom: 3rem
 }

 .pmax-health .carousel-indicators [data-bs-target] {
     width: 1rem;
     height: 1rem;
     border-radius: 100%;
     font-size: 0
 }

 .carousel-item h2 span,
 .carousel-item h1 {
     color: #000000;
     text-decoration: none;
     display: block;
     line-height: 40px
 }

 .carousel-caption.banner-contents {
     background: transparent;
     padding: 30px 40px
 }

 .banner-contents h2,
 .banner-contents h2 span {
     margin-top: 0;
     text-align: left;
     letter-spacing: 0;
     color: #000;
     opacity: 1;
     margin-bottom: 20px;
     font-family: "Orbitron", bold;
     font-size: 56px;
     line-height: 51px;
     font-weight: 800;
     text-transform: uppercase
 }

 .carousel-item.active h2 span {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-name: zoomInRight;
     animation-delay: .2s
 }

 .carousel-item.active P {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-name: zoomInRight;
     animation-delay: .2s
 }

 .owl-carousel.banner-carousel .carousel-caption.banner-contents a img {
     height: auto !important;
     width: auto !important
 }

 .carousel-caption.banner-contents:hover a img {
     filter: grayscale()
 }

 .owl-carousel.banner-carousel .owl-item img {
     height: auto;
     object-fit: cover;
     min-height: 650px
 }

 .banner-carousel .owl-nav {
     padding: 0;
     position: absolute;
     right: 5%;
     bottom: 12%
 }

 .banner-carousel .owl-dots span {
     width: 20px;
     height: 3px;
     background: rgb(223 223 223 / 75%);
     display: inline-block;
     margin: 0;
     border-radius: 5px
 }

 .banner-carousel.owl-theme .owl-dots .owl-dot:hover span {
     background: rgb(255 255 255)
 }

 .banner-carousel.owl-theme .owl-dots .owl-dot.active span {
     background: rgb(255 255 255);
     width: 20px;
     transition: .5s;
     height: 5px
 }

 .banner button span {
     display: none
 }

.our-series .design h4{text-align:center;}
.design .home_cat {text-align:center;}
.design .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    margin: 0px auto;
}
.design-desktop{display:block;}
.design-mobile{display:none;}
 .our-series {
     background: transparent linear-gradient(180deg, #070808 0%, #2a2b2b 100%) 0% 0% no-repeat padding-box;
     padding: 6rem 0 4rem;
 }

 .our-series h2,
 .our-series h1 {
     font-size: 32px;
     line-height: 35px;
     font-weight: normal;
     color: #fff;
     text-align: center;
     margin-bottom: 4rem;
     text-transform: uppercase
 }

 .our-series h3 {
     font-size: 21px;
     line-height: 24px;
     font-weight: normal;
     color: #fff;
     text-align: center;
     margin-top: .5rem
 }

 .arrowcenter {
     margin-top: 1.5rem
 }

 .search-by {
     background: #a50000;
     padding: 25px 0
 }

 .flex-search {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 .search-by h3 {
     font-size: 18px;
     line-height: 25px;
     color: #fff;
     line-height: 25px;
     font-weight: normal
 }

 .search-by h3,
 span {
     color: #fff
 }

 .search-by select {
     width: 300px
 }

 .search-by select,
 textarea {
     color: #fff;
     font-size: 18px;
     line-height: 20px;
     background: transparent;
     border: 0;
     text-transform: capitalize;
     font-family: "Cairo", Medium;
     font-weight: 300
 }

 .search-by option {
     color: #000
 }

 .search-by .bb-white {
     border-bottom: 1px solid rgb(255 255 255 / 46%);
     padding-bottom: 15px;
 }

 .driven-by-sec h3 {
     font-size: 54px;
     background: linear-gradient(to right, #a50000, #a50000, #000);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
     height: 141px;
     line-height: 47px;
     text-align: right;
     font-family: "Cairo", bold;
     font-weight: 800
 }

 .driven-by-sec p {
     font-size: 18px;
     line-height: 1.7;
     color: #4a4a4a;
     font-family: "Cairo", Regular;
     font-weight: 400;
     margin-bottom: .7rem
 }

 .driven-by-sec {
     padding: 12rem 0 8rem 0;
     background: #e2e2e2
 }

 .driven-by-sec .fixed-img {
     position: absolute;
     top: -60px;
     left: -20%;
     right: 100%;
     transform: translate(-42px, -34px)
 }

 .driven-by-sec .flex-end-h3 {
     display: flex
 }

 .driven-by-sec span {
     color: #4a4a4a;
     font-family: "Cairo", sans-serif;
     font-weight: 400
 }

 .perfect-sect {
     background: linear-gradient(#e2e2e2 12%, #a50000 12%)
 }

 #sync2 .item img {
     text-align: center;
     min-height: 100px;
     object-fit: cover;
     object-position: top
 }

 .perfect-sect h3 {
     font-size: 32px;
     line-height: 35px;
     color: #fff;
     font-family: "Cairo", bold;
     font-weight: 700;
     width: 290px;
     margin-bottom: 30px
 }

 #search-why {
     scroll-margin-top: 150px
 }

 .d-flex-ps {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .perfect-sect .perfect-img {
     transform: translate(0, -25px)
 }

 .studio-section .sec_studio_text a img.arrowcenter {
     display: block;
     margin: 20px auto 0;
 }

 .bg-sec1 {
     background-image: url(../images/design-philosphi-bg1.jpg);
     background-position: center;
     background-size: cover
 }

 .bg-sec2 {
     background-image: url(../images/design-philosphi-bg2.jpg);
     background-position: center;
     background-size: cover
 }

 .bg-sec3 {
     background-image: url(../images/design-philosphi-bg3.jpg);
     background-position: center;
     background-size: cover
 }

 .design-philosphi-sec #sync1 .item {
     color: #fff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     text-align: center
 }

 .design-philosphi-sec #sync2 .item {
     background: #464646;
     margin-left: 20px;
     color: #fff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 0;
     text-align: center;
     cursor: pointer
 }

 .design-philosphi-sec .owl-dots {
     display: none
 }

 .design-philosphi-sec #sync2 .item h1 {
     background-image: url("../images/plus-icon.svg");
     background-repeat: no-repeat;
     background-position: center;
     height: 18px
 }

 .buttom-slider .owl-nav {
     display: none
 }

 .design-philosphi-sec #sync2 .current .item {
     background: #fd5308
 }

 .design-philosphi-sec #sync2 .current .item h1 {
     background-image: url("../images/minus-icon.svg");
     background-repeat: no-repeat;
     background-position: center;
     height: 18px
 }

 .design-philosphi-sec .owl-theme .owl-nav [class*="owl-"] {
     transition: all .3s ease
 }

 .design-philosphi-sec .owl-theme .owl-nav [class*="owl-"].disabled:hover {
     background-color: #d6d6d6
 }

 .design-philosphi-sec #sync1.owl-theme {
     position: relative
 }

 .design-philosphi-sec #sync1.owl-theme .owl-next,
 .design-philosphi-sec #sync1.owl-theme .owl-prev {
     width: 22px;
     height: 40px;
     margin-top: -20px;
     position: absolute;
     top: 50%
 }

 .design-philosphi-sec #sync1.owl-theme .owl-prev {
     left: 10px
 }

 .design-philosphi-sec #sync1.owl-theme .owl-next {
     right: 10px
 }

 .social-wall {
     background: #6a6a6a;
     padding-top: 5rem;
     padding-bottom: 108px
 }

 .social-com-box {
     display: grid;
     flex-wrap: wrap
 }

 .box-social2.wdth-50 {
     width: 100%
 }

 .box-social1 {
     width: 100%
 }

 .social-wall .social-wall-tex h3 {
     font-size: 32px;
     line-height: 35px;
     color: #fff;
     font-weight: normal;
     margin-bottom: 20px;
     text-transform: uppercase;
     text-align: center
 }

 .wheel-car-txt img {
     margin-left: 10px
 }

 .social-wall .social-wall-tex p {
     font-family: "Cairo", medium;
     font-size: 32px;
     color: #fff;
     line-height: 35px;
     font-weight: 500;
     margin-bottom: 50px
 }

 .social-wall-tex span {
     display: block;
     margin-bottom: 20px;
     font-size: 21px;
     font-family: "Cairo", medium;
     margin-top: 40px;
 }

 .social-wall .wdth-23 {
     width: 50%
 }

 .main-img-box-social .col-md-3.box-social-img a {
     display: flex;
     flex-wrap: wrap;
     height: 100%
 }

 .buttom-slider {
     width: 600px;
     position: absolute;
     right: 0;
     bottom: 40px
 }

 .social-wall .wdth-25 {
     width: 53%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     background: #fff;
     padding: 35px;
     align-items: baseline
 }

 .sociaWall {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-between;
     align-items: flex-start
 }

 .sociaWall p {
     flex-basis: 80%
 }

 .sociaWall img {
     flex-basis: 20%;
     max-width: 25px
 }

 .social-wall .main-img-box-social {
     display: flex;
     padding-bottom: 0;
     justify-content: space-between;
     position: relative
 }

 .social-wall .row {
     --bs-gutter-x: 1rem
 }

 .mt-16 {
     margin-top: 1rem
 }

 .social-wall .col-md-6.social-com-box {
     height: 100%
 }

 .social-wall.social-wall-mob .width-insta-icon {
     width: 20px
 }

 .social-wall .main-img-box-social p {
     font-family: "Cairo", Regular;
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     margin-right: 40px
 }

 .social-wall .box-social2.wdth-25 h3 {
     font-size: 18px;
     line-height: 24px;
     color: #000;
     font-family: "Poppins", Medium;
     font-weight: 500;
     bottom: 30px
 }

 .main-img-box-social1 {
     display: flex
 }

 .social-wall .pr-0 {
     padding-right: 0;
     overflow: hidden
 }

 .social-wall .pl-0 {
     padding-left: 0;
     overflow: hidden
 }

 .social-wall .d-flex-img a {
     display: flex;
     height: 100%
 }

 .row main-img-box-social {
     min-height: fit-content
 }

 .social-wall .wdth-50 {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     background: #fff;
     padding: 35px;
     align-items: baseline
 }

 .social-wall .box-social2.wdth-50 h3 {
     font-size: 18px;
     line-height: 24px;
     color: #000;
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     bottom: 30px
 }

 .mt-20 {
     margin-top: 20px
 }

 .box-social1>img {
     height: 100%
 }

 .width-insta-icon-white {
     position: absolute;
     left: 82%;
     right: 28%;
     top: 34px;
     width: 25px
 }

 .width-insta-icon-white1 {
     position: absolute;
     left: 96%;
     right: 5%;
     top: 24px
 }

 .width-insta-icon-white2 {
     position: absolute;
     left: 92%;
     right: auto;
     top: 28px;
     width: 25px
 }

 .social-wall-tex.testimonial {
     margin-top: 5rem;
     margin-bottom: 3rem;
 }

 .social-wall-tex p {
     text-align: center;
 }

 .width-insta-icon-white3 {
     position: absolute;
     left: auto;
     right: 4%;
     bottom: 20px
 }

 .studio_sec .item {
     transition: .4s ease all;
     margin: 0 0;
     transform: scale(.95)
 }

 .design-philosphi-sec1 .col-lg-7 {
     padding-right: 0;
 }

 .design-philosphi-sec1 .col-lg-4 {
     padding-left: 0;
 }

 .shopnow-button {
     padding: 8px 15px;
     text-decoration: none;
     cursor: pointer;
     font-size: 14px;
     display: inline-block;
     border-radius: 20px;
     background-color: #110803;
     color: #fff
 }

 .search-by-new button {
     margin-top: 1.5rem;
 }

 .shopnow-button:hover {
     background-color: #fff;
     color: #000
 }

 @media (max-width:1000px) {
     .studio_sec .item {
         margin: 0;
         transform: scale(.9)
     }
 }

 .icon {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .studio_sec .active .item {
     opacity: 1;
     transform: scale(1)
 }

 .studio_sec .owl-item {
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1)
 }

 .studio_sec .inner {
     position: absolute;
     bottom: 50px;
     left: 0;
     right: auto;
     transform: translate(42px, 30px)
 }

 .studio_sec .inner a {
     color: #fff;
     text-decoration: none;
     border-bottom: 2px solid rgba(255, 255, 255, .5);
     transition: .3s ease border-color
 }

 .studio_sec .inner a:hover {
     border-color: #fff
 }

 .studio_sec .black .inner a {
     color: #000;
     border-color: rgba(0, 0, 0, .4)
 }

 .studio_sec .black .inner a:hover {
     border-color: #000
 }

 .owl-carousel:after {
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     pointer-events: none;
     background: transparent linear-gradient(180deg, #00000021 0%, #00000000 100%) 0% 0% no-repeat padding-box;
     opacity: .67
 }

 .studio_sec .owl-controls {
     position: absolute;
     margin-top: 300px
 }

 .studio_sec .owl-dots .active span {
     background: #a50000;
     width: 10px;
     height: 10px
 }

 .studio_sec .owl-dots span {
     width: 6px;
     height: 6px;
     background: #a500008f;
     display: inline-block;
     margin: 0 3px;
     border-radius: 5px
 }

 .studio_sec .owl-dots {
     text-align: center;
     padding: 20px 20px
 }

 .studio_sec .owl-nav {
     display: none
 }

 .head-sec h3 {
     font-size: 32px;
     line-height: 35px;
     color: #000000;
     font-weight: 900;
     text-align: center;
     padding: 30px 0
 }

 .studio-section {
     background: #e2e2e2;
     padding: 100px 0
 }

 .studio-section .inner {
     opacity: 0
 }

 .studio-section .active .inner {
     opacity: 1
 }

 .studio-section .studio_sec .owl-dots {
     display: flex;
     justify-content: center
 }

 .studio-section .inner a p {
     color: #fff;
     font-size: 16px;
     line-height: 30px;
     background: #a50000;
     width: 110px;
     text-align: center;
     border-radius: 5px;
     font-family: "Orbitron"
 }

 .studio-section .inner p {
     color: #fff;
     line-height: 49px;
     font-size: 26px;
     font-family: "Cairo", SemiBold
 }

 .design-philosphi-sec1 .left-box-pd {
     background: #070808;
     padding: 70px 60px 170px 60px;
     height: 100%;
     max-width: 80%
 }

 .design-philosphi-sec .owl-nav {
     visibility: hidden
 }

 #sync1 figure {
     height: 100%;
 }

 #sync1 figure img {
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .design-philosphi-sec1 .left-box-pd:after {
     width: 100%;
     right: -18rem;
     content: '';
     position: absolute;
     height: 100%;
     top: 0;
     background: #070808;
     z-index: -1
 }

 .design-philosphi-sec .design-philosphi-sec1 {
     display: flex;
     align-items: flex-end;
     justify-content: end
 }

 .left-box-pd h4 {
     color: #ffffff;
     font-size: 32px;
     line-height: 35px;
     text-align: left;
     font-weight: normal
 }

 .left-box-pd h3 {
     color: #ffffff;
     font-size: 33px;
     line-height: 35px;
     font-family: "Cairo", SemiBold;
     font-weight: 600;
     text-align: left;
     margin: 20px 0
 }

 .left-box-pd p {
     color: #ffffff;
     font-size: 16px;
     line-height: 1.5;
     font-family: "Cairo", Medium;
     font-weight: 400;
     text-align: left
 }

 .arrowleft_margin {
     width: 40px !important;
     margin: 20px 0
 }

 p.mobile_logo_text {
     color: #fff
 }

 .header-white p.mobile_logo_text {
     display: none
 }

 .mobile-down-animation .arrows {
     width: 60px;
     height: 81px;
     position: absolute;
     left: 50%;
     margin-left: -30px;
     bottom: 20px;
     z-index: 999;
     display: none
 }

 .mobile-down-animation .arrows path {
     stroke: #fff;
     fill: transparent;
     stroke-width: 5px;
     animation: arrow 2s infinite;
     -webkit-animation: arrow 2s infinite
 }

 @keyframes arrow {
     0% {
         opacity: 0
     }

     40% {
         opacity: 1
     }

     80% {
         opacity: 0
     }

     100% {
         opacity: 0
     }
 }

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

     40% {
         opacity: 1
     }

     80% {
         opacity: 0
     }

     100% {
         opacity: 0
     }
 }

 .mobile-down-animation .arrows path.a1 {
     animation-delay: -1s;
     -webkit-animation-delay: -1s
 }

 .mobile-down-animation .arrows path.a2 {
     animation-delay: -.5s;
     -webkit-animation-delay: -.5s
 }

 .mobile-down-animation .arrows path.a3 {
     animation-delay: 0s;
     -webkit-animation-delay: 0s
 }

 .mobile-banner-text {
     color: #fff;
     font-family: "Poppins";
     line-height: 1.1;
     text-align: center;
     font-size: 36px;
     padding: 10px 20px;
     position: absolute;
     bottom: 15%;
     z-index: 99;
     display: none
 }

 .Banner-text-wrapper h2 span {
     font-size: 30px
 }

 .search-input .btn {
     background: #f11c1c;
     padding: 25px 28px;
     color: #024764;
     font-family: var(--primary-font3);
     font-size: 21px;
     line-height: 1;
     font-weight: 700;
     box-shadow: 0 5px 10px #0000001f;
     display: inline-block
 }

 .search_wrapper-form .search-input span {
     top: 0;
     position: absolute;
     right: 0;
     width: 40px;
     margin-top: 0
 }

 .search-input span img {
     margin-top: 11px;
     margin-left: 12px;
 }

 .search-input .form-control {
     padding: .8rem .75rem;
 }

 .wave-design:before {
     content: "";
     position: absolute;
     left: -70px;
     background-image: url(/images/driven-by-image.svg);
     width: 441px;
     height: 88px;
     top: -70px;
     background-repeat: no-repeat;
 }

 .wave-design {
     display: flex;
     align-items: end;
     height: 100%;
     position: relative;
 }

 .innovation {
     max-width: 75%;
     margin: 0 auto;
 }

 .find-text {
     margin-top: 5rem;
     margin-left: 5rem;
 }

 .find-text a img:hover {
     filter: brightness(.5);
 }

 .text-drivenby {
     padding-left: 40px;
 }

 .search-by select {
     width: 300px
 }

 .home-product-video {
     margin-bottom: 1rem;
 }

 .social-wall-tex.testimonial {
     margin-top: 5rem;
     margin-bottom: 3rem;
 }

 .bestfit-fitment {
     position: relative;
     padding-bottom: 4rem;
     padding-top: 5rem;
 }

 .bestfit-fitment h3 {
     margin-bottom: 3rem;
     font-size: 32px;
     line-height: 35px;
     font-weight: normal;
     color: #000;
     text-align: center;
     text-transform: uppercase;
 }

 .bestfit-fitment .carousel-control-prev img,
 .bestfit-fitment .carousel-control-next img {
     min-height: inherit;
 }

 .bestfit-fitment .owl-nav .owl-prev {
     position: absolute;
     top: 50%;
     left: -3rem;
     background-image: url(../images/prev-icon.png) !important;
     background: center;
 }

 .bestfit-fitment .owl-nav .owl-next {
     position: absolute;
     top: 50%;
     right: -3rem;
     background-image: url(../images/next-icon.png) !important;
     background: center;
 }

 .bestfit-fitment .owl-nav button {
     width: 24px;
     height: 24px;
     border-radius: 24px
 }

 .bestfit-fitment .owl-nav button span {
     display: none;
 }

 .fitment-link {
     text-align: center;
     margin-top: 2rem;
 }

 .fitment-link a {
     font-size: 18px;
     color: #A50000;
     font-weight: 500;
 }

 .bestfit-fitment .owl-dots {
     display: none;
 }

 .reviews-home {
     background-color: #f2f2f2;
     padding-bottom: 5rem;
 }

 .reviews-home h3 {
     font-size: 32px;
     line-height: 35px;
     color: #000;
     font-weight: normal;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

  .design{position:relative;}

 .design .carousel-control-prev img,
 .design .carousel-control-next img {
     min-height: inherit;
 }

 .design .owl-nav .owl-prev {
     position: absolute;
     top: 50%;
     left: -3rem;
     background-image: url(../images/prev-icon-white.png) !important;
     background: center;
 }

 .design .owl-nav .owl-next {
     position: absolute;
     top: 50%;
     right: -3rem;
     background-image: url(../images/next-icon-white.png) !important;
     background: center;
 }

 .design .owl-nav button {
     width: 24px;
     height: 24px;
     border-radius: 24px
 }
 .design .owl-nav{display:none;}
 .design .owl-nav button span {
     display: none;
 }

 .design .owl-dots {
     display: block;
	 text-align:center;
	 margin-top:4rem;
 }
  .design .owl-carousel button.owl-dot{margin-left:0.5rem;}

 .testimonial-home {
     padding-bottom: 5rem;
     background-color: #000;
 }

 .testimonial-home h3 {
     font-size: 32px;
     line-height: 35px;
     color: #fff;
     font-weight: normal;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .bestfit-fitment .icon img {
     min-height: auto !important;
     max-height: auto !important;
 }

 .home-product-video span {
     color: #555555;
     font-family: "Cairo", Medium;
 }

 .reviews-home .home-product-video {
     /* height: 800px;
     overflow-y: auto; */
 }

 /* body .sk-ww-google-reviews .sk-badge__title,
 body .sk-ww-google-reviews .sk-badge__name {
     font-size: 18px !important;
 }

 body .sk-ww-google-reviews .sk-badge__count {
     font-size: 16px !important;
     font-family: "Cairo", Medium !important;
 }

 body .sk-ww-google-reviews .sk-post__button p {
     font-size: 16px !important;
     font-family: "Cairo", Medium !important;
 }

 .sk-ww-google-reviews * {
     font-size: 16px !important;
     font-family: "Cairo", Medium !important;
     font-weight: 400;
     color: #555555;
 }

 body .sk-ww-google-reviews .sk-read-more {
     font-size: 16px !important;
     font-family: "Cairo", Medium !important;
 } */


/* start */

.testimonial-home button.btn-close{
           position: absolute;
    top: -9px;
    right: -12px;
    opacity: 1;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    padding: 10px;    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;}




body .sk-ww-google-reviews .sk-wrapper{    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
    position: relative;}
.sk-masonry-item.js-masonry-item{background: #fff;box-shadow: 0px 4px 14px rgba(67, 89, 124, 0.20);position: relative;}

body .sk-ww-google-reviews .sk-badge {
    /* box-shadow: 0px 4px 14px rgba(67, 89, 124, 0.20); */
    background-color: #fff;
    color: #555555;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 30px;
    border-radius: 3px;
    gap: 0.5em;
    color: #535353;
    text-align: center;
    cursor: pointer;
    transition: 0.5s ease-out;
    overflow: hidden;
    scrollbar-gutter: stable;
}
body .sk-ww-google-reviews .sk-badge__logo {
    display: flex;
    align-items: center;
    height: 30px;

}
body .sk-ww-google-reviews .sk-badge__logo img{
    width: 88px;
}
.sk-ww-google-reviews * {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
.sk-ww-google-reviews * {
    font-size: 16px !important;
    font-family: "Cairo", Medium !important;
    font-weight: 400;
    color: #555555;
}
.sk-badge .sk-badge__rating{
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 16px;
}
body .sk-ww-google-reviews .sk-badge__value{    font-weight: 600;
    font-size: 20px;
    line-height: 16px;
    vertical-align: bottom;}

body .sk-ww-google-reviews .sk-post{    background-color:#fff;
    color: #555;
    box-shadow: var(--show-box-shadow);
    border-radius: var(--item-border-radius);
    display: flex;
    flex-direction: column;}
body .sk-ww-google-reviews .sk-post__header{    border-radius: 1rem 1rem 0px 0px;
    display: flex;
    align-items: center;
    padding: 30px 30px 10px;
    border-bottom: 0.5px solid rgba(189, 213, 255, 0.2);
    gap: 1em;
    flex-wrap: wrap;}
body .sk-ww-google-reviews .sk-post__user-image-container{    max-width: 60px;
    max-height: 60px;
    height: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex: 1 1 60px;}
body .sk-ww-google-reviews .sk-post__user-image{height: 100%;
    width: 100%;
    max-width: initial;
    object-fit: cover;}
body .sk-ww-google-reviews .sk-post__head-details{flex: 1 1 90px;
    min-width: 90px;
    display: flex;
    flex-direction: column;
    gap: 6px;}
body .sk-ww-google-reviews .sk-post__user-name{  font-size: 17px;
    font-weight: 600;
    margin: 0px;
    line-height: normal !important;}
body .sk-ww-google-reviews .sk-post__rating, body .sk-ww-google-reviews .sk-badge__stars, .sk-post-modal__rating{    display: flex !important;}
body .sk-ww-google-reviews .sk-badge__stars{gap: 5px;}
body .sk-ww-google-reviews .sk-badge__stars svg{width: 20px;
    height: 20px;}
body .sk-ww-google-reviews .sk-badge__stars path{fill: #fbbc04 !important;}
body .sk-ww-google-reviews .sk-post__rating-icon{height: calc(17px - 2px);
    width: calc(17px - 2px);
    fill: #fbbc04 !important;}
body .sk-ww-google-reviews .sk-post__body{flex: 1 1 0%;
    cursor: pointer;
    margin: 30px;
    overflow-y: hidden;
    scrollbar-gutter: stable;
    transition: var(--transition);
    line-height: 20px;
    font-weight: 400;}
body .sk-ww-google-reviews .sk-post__footer{
        display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px 0px;
}
body .sk-ww-google-reviews .sk-post__button{    box-sizing: border-box;
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    gap: 1em;}
body .sk-ww-google-reviews button{    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    line-height: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid transparent;
    font-size: inherit !important;}
body .sk-ww-google-reviews .sk-badge__count{font-weight: 400;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #535353 !important;
    font-size: 16px !important;}
.sk-badge__count_links {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.home-video.videoWrapper .youbtn-icons {
    position: absolute;
    top: 43%;
    left: 50%;
    right: 0;
    text-align: center;
}
/* end */


@media (max-width:991px) {
    .home-video.videoWrapper .youbtn-icons{
        width: 60px;
    }
}


 @media (max-width:767px) {
    body .sk-ww-google-reviews .sk-wrapper{grid-template-columns: repeat(1, 1fr);gap: 1rem;}
    .testimonial-home iframe{height: 420px;}
     .home-product-video span {
         font-size: 18px;
         margin-bottom: 1rem;
         display: block
     }

     .mobile-down-animation .arrows {
         display: none
     }

     .mobile-down-animation .mobile-banner-text {
         display: block
     }

     .bestfit-fitment .owl-nav .owl-prev {
         top: inherit !important;
         bottom: -2.4rem;
         left: 43%
     }

     .bestfit-fitment .owl-nav .owl-next {
         top: inherit !important;
         bottom: -2.4rem;
         right: 43%
     }

     .bestfit-fitment .owl-nav .owl-next span {
         font-size: 15px;
     }

     .bestfit-fitment .owl-nav .owl-prev span {
         font-size: 15px;
     }

     .fitment-link {
         margin-top: 3rem;
     }

     .fitment-link a {
         font-size: 14px;
     }
    .home-video.videoWrapper .youbtn-icons {
        width: 45px;
    }
 }

 @media (max-width:575px) {
    .testimonial-home iframe{height: 250px;}
     body .sk-ww-google-reviews .sk-post__user-name {
         font-size: 14px !important;
     }

     .sk-post__text-content {
         font-size: 14px !important;
     }
     .home-video.videoWrapper .youbtn-icons {
        width: 32px;
        top: 38%;
    }
 }

 .fitment-link .view-more-button {
     display: inline-block;
     padding: 8px 16px;
     background-color: #0e0202;
     color: #fff;
     text-decoration: none;
     border-radius: 25px;
     border: 2px solid transparent;
     font-size: 14px;
     transition: all .3s ease
 }

 .fitment-link .view-more-button:hover {
     background-color: #fff;
     color: #0e0202;
     border: 2px solid #0e0202
 }

 .view-more-button {
     display: inline-block;
     padding: 8px 16px;
     background-color: #0e0202;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     border-radius: 25px;
     border: 2px solid transparent;
     transition: all .3s ease
 }

 .view-more-button:hover {
     background-color: #fff;
     color: #0e0202;
     border: 2px solid #0e0202
 }

 .search-by-new {
     background: #a50000;
     padding: 70px 0
 }

 .search-by-new .text-white {
     color: #fff;
     font-size: 20px;
     line-height: 30px;
     background: transparent;
     border: 0;
     text-transform: capitalize;
     font-family: "Cairo", Medium;
     font-weight: 500
 }

 .epc-sec .view-more-button {
     display: inline-block;
     padding: 8px 16px;
     margin-top: 2rem;
     background-color: #fff;
     color: #0e0202;
     text-decoration: none;
     border-radius: 25px;
     font-size: 14px;
     border: 2px solid transparent;
     transition: all .3s ease
 }

 .epc-sec .view-more-button:hover {
     background-color: #0e0202;
     color: #fff;
     border: 2px solid #fff
 }

 @media (min-width:1024px) {}

 @media (max-width:599px) {
     .search-by-new .text-white {
         font-size: 16px;
         line-height: 24px
     }
 }

 .advnt-video-sec {
     background: #a50000;
 }

 .advnt-video {
     background-color: #ebe9e8;
     height: 94%;
     margin-left: -24px;
     display: flex;
     flex-direction: column;
     padding-inline: 29px;
     padding-block: 30px;
     margin-top: 1rem;
     justify-content: center
 }

 .advnt-video-sec video {
     height: 100%;
 }

 .advnt-video li,
 .advnt-video p {
     font-family: "Cairo", Medium;
     font-size: 20px;
     margin-bottom: 15px;
     position: relative;
 }

 .custom-list li::before {
     content: '';
     position: absolute;
     width: 6px;
     height: 6px;
     background: #000;
     left: -15px;
     top: 10px;
     border-radius: 50%;
 }

 .advnt-video h3 {
     font-size: 32px;
     line-height: 35px;
     color: #000;
     font-weight: normal;
     margin-bottom: 20px;
     text-transform: uppercase
 }

 .advnt-video .icon {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .advnt-video .icon .shopnow-button {
     background-color: #000000;
     color: #f9f3f3;
     padding: 8px 15px;
     text-decoration: none;
     cursor: pointer;
     font-size: 14px;
     display: inline-block;
     border: 2px solid #e5e5e5;
     border-radius: 20px
 }

 .advnt-video .icon .shopnow-button:hover {
     background-color: #a50000;
 }

 .find-text .icon {
     display: flex;
     align-items: center;
     justify-content: left
 }

 @media(max-width:1199px) {
     .advnt-video {
         height: auto;
         margin-left: 0;
         padding-inline: 30px;
         margin-top: 0;
         padding-block: 30px
     }

     .our-series .advnt-video h3 {
         font-size: 26px;
         line-height: 35px
     }
 }

 @media(max-width:768px) {
     .advnt-video-sec.our-series {
         padding-block: 40px;
     }
 }

 .videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     height: 0
 }

 .videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .advnt-video-sec .videoWrapper iframe {
     height: 546px
 }

 @media(max-width:1399px) {
     .advnt-video-sec .videoWrapper iframe {
         height: 610px
     }
 }

 @media(max-width:1199px) {
     .advnt-video-sec .videoWrapper iframe {
         height: 100%
     }
 }

 .convenince-sec {
     margin-bottom: 0;
     background-color: #fff;
     padding-top: 4rem;
     padding-bottom: 5rem;
 }

 .convenince-sec figure {
     position: relative;
 }

 .convenince-sec figcaption {
     position: absolute;
     right: -18rem;
     top: 16rem;
     background-color: #f6f6f6f0;
     padding: 3rem 4rem;
 }

 .convenince-sec li,
 .convenince-sec p {
     font-family: "Cairo", Medium;
     font-size: 20px;
     margin-bottom: 15px;
     position: relative;
 }

 .convenince-sec h3 {
     font-size: 32px !important;
     line-height: 40px;
     color: #000;
     font-weight: normal;
     margin-bottom: 3rem;
     text-transform: uppercase;
     text-align: center;
 }

 .convenince-sec .icon {
     display: flex;
     align-items: center;
     justify-content: left;
 }

 .convenince-sec .icon .shopnow-button {
     background-color: #000000;
     color: #f9f3f3;
     padding: 8px 15px;
     text-decoration: none;
     cursor: pointer;
     font-size: 14px;
     display: inline-block;
     border: 2px solid #e5e5e5;
     border-radius: 20px;
 }

 .convenince-sec .icon .shopnow-button:hover {
     background-color: #a50000;
 }

 .convenince-sec .row {
     align-items: center;
 }

 .convenince-sec .pl-0 {
     padding-left: 0;
     overflow: hidden;
 }

 .design-philosphi-sec1 .view-more-button {
     background-color: #fff;
     color: #000;
     border: 2px solid transparent;
     margin-bottom: 3rem;
 }

 .design-philosphi-sec1 .view-more-button:hover {
     background-color: transparent;
     color: #fff;
     border: 2px solid #fff;
 }

 .home_cat {
     position: relative
 }

 .new_cat {
     position: absolute;
     top: 13px;
     right: 0px;
     font-family: Cairo, Regular;
     background-color: #a50000;
     font-weight: 600;
     padding: 0 15px 2px 25px;
     font-size: 20px;
     line-height: 1.5;
     clip-path: polygon(100% 0, 100% 100%, 0 100%, 20% 0);
     color: #fff;
     letter-spacing: 1px;
     animation: glowBlink 1s infinite ease-in-out
 }

 @keyframes glowBlink {
     0% {
         background-color: #a50000;
         box-shadow: 0 0 6px #a50000;
         transform: scale(1)
     }

     50% {
         background-color: #e31e17;
         box-shadow: 0 0 14px #e31e17;
         transform: scale(1.05)
     }

     100% {
         background-color: #a50000;
         box-shadow: 0 0 6px #a50000;
         transform: scale(1)
     }
 }

 @media(max-width:1399px) {
     .new_cat {
         top: 5px;
         right: 0px
     }

 }

 @media(max-width:1199px) {
     .new_cat {
         top: 5px;
         right: 0px;
         padding: 0 12px 2px 20px;
         font-size: 18px
     }
 }

 @media(max-width:767px) {
     .new_cat {
         top: 25px;
         right: 0px
     }

 }

 @media(max-width:480px) {
     .new_cat {
         right: 0
     }
 }