/*import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*/ @import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree&display=swap'); html{ scroll-behavior: smooth; } body { font-family: "Bai Jamjuree", serif !important; background-color: #0a0a0a !important; scroll-behavior: smooth !important; } header { position: relative; nav.navbar.navbar-expand-lg.bg-dark { background-color: #000000c4 !important; backdrop-filter: blur(4px); position: absolute; width: 100%; z-index: 50; padding: 0; } } a.navbar-brand.text-center img { height: 76px !important; } img.homebgimg { object-fit: cover; width: 100%; height: 100%; } .forBackgroundVideo { position: relative; overflow: hidden; height: 100vh; height: 92dvh; min-height: 480px; width: 100%; z-index: 9; iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; object-fit: cover; } } .forBackgroundVideoYt { position: relative; overflow: hidden; height: 100vh; height: 100dvh; min-height: 480px; width: 100%; z-index: 9; iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; } } p{ color: #fff; font-size: 16px; } .fiat-professional-div > div > img { /* border-left: 1px solid #fff !important; */ box-shadow: 0px 0px 7px 0px #336065; margin-left: 5px; border-radius: 4px; } /* .fiat-professional-div > div:first-child > img { border-left: none !important; } */ .tromic-offcanvas-top { display: none ; } .offcanvas {z-index: 1051; display: flex} .footer-payment-methods li { width: unset !important; float: unset !important; margin-right: 10px; } .footer-payment-methods li img { height: 18px ; } /* NRJ */ #wrapper {padding-top: 86px;} ul.listing_area li {padding-right: 0;} .auto-intrest-wrap { display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 10px; } .auto-intrest-wrap .credit-interest-number { position: absolute; left: 20%; top: 6px; font-weight: bold; color: #FFF; } .button_product ul li a[this=buy] {margin-left: 1px;} .forMainTestiomonialReviewsDiv .owl-nav button span { font-size: 0; text-align: center; } .forMainTestiomonialReviewsDiv .owl-nav button span:after { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; font-size: 24px; padding: 4px 12px; display: inline-block; } .forMainTestiomonialReviewsDiv .owl-nav button.owl-prev span:after { content: "\f060"; } .forMainTestiomonialReviewsDiv .owl-nav button.owl-next span:after { content: "\f061"; } /* /NRJ */ @media (max-width: 565px) { ul.listing_area { margin: 25px 0 !important; } .dropdown.cart { position: unset !important; } .forMainHeadingText { .reg-style { width: 77% !important; } } .tromic-offcanvas-top { display: flex; justify-content: end; a{ color: #fff; } } .offcanvas-body { padding-left: 15% !important; } .forMainHeadingText { padding: 25px !important; } .forBackgroundVideoYt { height: auto !important; width: 100%; min-height: auto !important; } .forBackgroundVideoYt iframe { width: 100%; height: auto; min-height: 240px; min-width: 100%; position: static; transform: none; } } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } .offcanvas-body { background-color: #191919fa; color: #fff; } .menu-toggle { text-decoration: none !important; display: inline-block; position: relative; right: 15px; cursor: pointer; /* -webkit-transform: translateY(-50%); */ /* transform: translateY(-50%); */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; &:hover { span { width: 26px !important; } } span { display: block; height: 2px; margin: 3px 0; width: 26px; background: #fff; float: right; clear: right; -webkit-transition: 0.5s allease; transition: 0.5s allease; } } .menu-toggle span:first-child { width: 18px; } .menu-toggle span:last-child { width: 23px; } .menu-toggle:after { content: "MENU"; line-height: 1; font-weight: 500; color: #fff; text-decoration: none !important; } .forMainHeadingText { background-color: rgba(25, 25, 25, 0.452) !important; backdrop-filter: blur(10px) brightness(1.3); -webkit-backdrop-filter: blur(10px) brightness(1.3); border-radius: 10px; box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.2), 0 4px 15px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.2); /*background-color: rgb(25 25 25 / 68%) !important; background-color: rgb(86 196 208 / 46%) !important; */ border-radius: 10px; position: relative; overflow: hidden; /* width: fit-content; */ width: 690px; padding: 40px 30px; /* border-top: solid 8px #53c5d1; border-bottom: solid 8px #53c5d1;*/ border-radius: 0; position: absolute; margin: 0 auto; /*right: 32%;*/ right: 0px; min-height: 440px; max-height: 420px; left: 23px; bottom: 13%; font-weight: bolder; } li.nav-item .nav-link { color: #fff; } .tab-pane.fade.active.show{padding-top: 10px;} .vehicle-form.portraitform .row.g-3.mt-2 h4.text-white{font-size: 1.2rem;} .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .tab_area button.nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 1px solid transparent !important; } .nav-tabs { --bs-nav-tabs-border-radius: 0px !important; font-size: 20px; } .nav-tabs { --bs-nav-tabs-link-active-border-color: #000: } .nav-tabs { --bs-nav-tabs-border-color: #fff; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #000; color: #ffffff !important; border: none; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-bottom-color: #000; margin-bottom: 1px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #000000; } .reg-style { min-width: 300px; background: #ffffff url(data:image/png;base64,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) left no-repeat; background-size: contain; padding: 12px 10px 12px 34px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #000; height: auto; width: 50%; border: solid #fff 1px; text-align: center; } .forButtonRegForm { color: #fff; border: 1px solid #000; font-size: 16px; font-weight: 700; padding: 12px 20px; border-radius: 4px; background: #000 !important; box-shadow: none; text-align: center; /* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */ } .forButtonRegForm:hover{ background: #000 !important; color: #fff; border: 1px solid #000; } button#tyre-tab{ color: #fff ; } li.nav-item button#mot-tab { color: #fff ; } .offcanvas-body { li.nav-item { padding: 1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } } .offcanvas { max-width: 450px; overflow-x: hidden; transform: translate3d(100%, 0, 0); transition: transform 0.4s ease-in-out; } .offcanvas.show { transform: translate3d(0, 0, 0); } .offcanvas-body { position: relative; overflow-x: hidden; .accordion { --bs-accordion-border-color: transparent !important; --bs-accordion-bg: #1e1e1e; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); .accordion-item { color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; } .accordion-button { padding: 1.25rem 0 !important; font-size: 1rem; color: #ffffff !important; } .accordion-button:focus { box-shadow: none !important; } .accordion-button:not(.collapsed) { background-color: #1e1e1e; } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .accordion-body { padding: 0rem 0.5rem 1rem !important; } } } .forServiceListing { background-image: radial-gradient(circle at center center, rgba(0,0,0, 0),rgb(0,0,0)),repeating-linear-gradient(405deg, rgb(0,0,0) 0px, rgb(0,0,0) 1px,transparent 1px, transparent 4px),repeating-linear-gradient(315deg, rgb(26,26,26) 0px, rgb(26,26,26) 5px,transparent 5px, transparent 6px),linear-gradient(360deg, rgb(0,0,0),rgb(0,0,0)); padding: 90px 0; } .forServiceBox { position: relative; max-width: 100%; transition: transform 0.3s ease-in-out; &:hover { transform: translateY(-10px); } } .forServiceBox img { height: 485px; border-radius: 7px; width: 100%; object-fit: cover; } .forServiceText { background-color: rgba(0, 0, 0, 0.8); color: #fff; position: relative; left: 0px; top: -35px; width: 100%; text-align: center; padding: 10px 20px; } .forServiceText h5 { margin: 0; font-size: 1.25rem; a{ color: #fff; text-decoration: none; } } .forCarauselSpecification { background: url("https://customize.agngarages.co.uk/assets/site/AGNS-0544/images/customize/startBg.jpg") no-repeat center center / cover; .owl-nav { display: block !important; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); color: white !important; padding: 10px; border-radius: 50%; cursor: pointer; background: linear-gradient(302deg, #fff, #fff, #fff)!important; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .owl-prev:hover, .owl-next:hover { background: linear-gradient( to right, #fff, #fff, #fff ) !important; transform: translateY(-50%) scale(1.1); transition: all 0.3s ease; } .owl-prev { left: -40px; } .owl-next { right: -40px; } button.owl-prev span { font-size: 56px; margin-top: -15px; color: #000 !important; } button.owl-next span { font-size: 56px; margin-top: -15px; color: #000 !important; } } .serviceCardMain { position: relative; overflow: hidden; } .serviceCardMain img { height: 520px !important; transition: clip-path 0.8s ease-in-out; /* Smooth transition */ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); /* Initially full image */ } .serviceCardMain:hover img { clip-path: polygon(0 10%, 100% 10%, 100% 90%, 0% 90%); } /* Black overlay effect from bottom only */ .serviceCardMain::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: #0a0a0a; /* Semi-transparent black */ transition: height 0.6s ease-in-out; /* Smooth expansion */ z-index: 1; } .serviceCardMain:hover::after { height: 20%; /* Expands upwards smoothly */ } /* Overlay text transition */ .overlay-text { position: absolute; left: 50%; padding: 10px; bottom: 0px; background-color: #0a0a0a; /* Dark background */ width: 100%; transform: translate(-50%, 0); z-index: 10; text-align: center; color: white; opacity: 1; /* Always visible */ transition: bottom 0.6s ease-in-out; } .serviceCardMain:hover .overlay-text { transition: bottom 0.6s ease-in-out; bottom: 65px; } .serviceCardMain:not(:hover) .overlay-text { bottom: 0px; transition: bottom 0.6s ease-in-out; } .serviceCard { position: relative; overflow: hidden; } .serviceCard img { height: 520px !important; transition: clip-path 0.8s ease-in-out; /* Smooth transition */ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); /* Initially full image */ } .serviceCard:hover img { clip-path: polygon(0 10%, 100% 10%, 100% 90%, 0% 90%); } /* Black overlay effect from bottom only */ .serviceCard::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: #0a0a0a; /* Semi-transparent black */ transition: height 0.6s ease-in-out; /* Smooth expansion */ z-index: 1; } .serviceCard:hover::after { height: 25%; /* Expands upwards smoothly */ } /* Overlay text transition */ .overlay-text { position: absolute; left: 50%; padding: 10px; bottom: 0px; background-color: #0a0a0a; /* Dark background */ width: 100%; transform: translate(-50%, 0); z-index: 10; text-align: center; color: white; opacity: 1; /* Always visible */ transition: bottom 0.6s ease-in-out; } .serviceCard:hover .overlay-text { transition: bottom 0.6s ease-in-out; bottom: 50px; } .serviceCard:not(:hover) .overlay-text { bottom: -44px; transition: bottom 0.6s ease-in-out; } .forCarauselDiscovery { background-color: #0a0a0a; .owl-nav { display: block !important; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); color: white !important; padding: 10px; border-radius: 50%; cursor: pointer; background: linear-gradient(302deg, #e6d700, #b1a600, #e6d700) !important; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .owl-prev:hover, .owl-next:hover { background:linear-gradient(302deg, #e6d700, #b1a600, #e6d700)!important; transform: translateY(-50%) scale(1.1); transition: all 0.3s ease; } .owl-prev { left: -40px; } .owl-next { right: -40px; } button.owl-prev span { font-size: 56px; margin-top: -15px; color: #000 !important; } button.owl-next span { font-size: 56px; margin-top: -15px; color: #000 !important; } } .DiscoveryCard img { height: 280px !important; transition: transform 0.3s ease-in-out; } .serviceCard { position: relative; z-index: 1; } .serviceCard img { height: 520px !important; object-fit: cover !important; transition: clip-path 0.3s ease-in-out; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); /* Initial full size */ } .DiscoveryCard img { height: 280px !important; transition: clip-path 0.3s ease-in-out; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); /* Initial full size */ } .DiscoveryCard { position: relative; overflow: hidden; } .DiscoveryCard img { height: 380px !important; transition: clip-path 0.8s ease-in-out; /* Smooth transition */ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); /* Initially full image */ } .DiscoveryCard:hover img { clip-path: polygon(0 10%, 100% 10%, 100% 90%, 0% 90%); } /* Black overlay effect from bottom only */ .DiscoveryCard::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: #000; /* Semi-transparent black */ transition: height 0.6s ease-in-out; /* Smooth expansion */ z-index: 1; } .DiscoveryCard:hover::after { height: 15%; /* Expands upwards smoothly */ } /* Overlay text transition */ .overlay-text { position: absolute; left: 50%; padding: 10px; bottom: 0px; background-color: #0a0a0a; /* Dark background */ width: 100%; transform: translate(-50%, 0); z-index: 10; text-align: center; color: white; opacity: 1; /* Always visible */ transition: bottom 0.6s ease-in-out; } .DiscoveryCard:hover .overlay-text { transition: bottom 0.6s ease-in-out; bottom: 30px; } .DiscoveryCard:not(:hover) .overlay-text { bottom: 0px; transition: bottom 0.6s ease-in-out; } ._rw_content h1 { font-size: 40px; text-wrap: balance; margin-bottom: 40px; font-weight: 900; line-height: normal; color: #fff; } ol.list_option li { background: #181717; width: 25%; margin: 0 10px; list-style: none; padding: 10px; text-align: center; border: 1px solid #666; text-align: center; margin-bottom: 20px; font-weight: bold; box-shadow: 4px 3px 0px 0px #787878; } ol.list_option { margin: 0px; padding: 0px; display: flex; } #preloader { position: fixed; width: 100%; height: 100%; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 9999; } .spinner { border: 6px solid #f3f3f3; border-top: 6px solid #3498db; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .contact_section { background: transparent; } .only-bottom { border-left: 0; border-right: 0; border-top: 0; } .border-gradient-green { border-image-source: linear-gradient( 90deg, #dfbf87 0%, #693803 35%, #fdedc9 58%, rgba(179, 140, 77, 1) 79%, rgba(143, 99, 41, 1) 100% ); } .border-gradient { border-image-slice: 1; } .contact_section { width: 100%; float: left; padding: 90px 0; /*background: url("../images/contactBg.jpg") no-repeat center center/cover;*/ background-color: rgba(0, 0, 0, 0.7); /* Dark overlay */ background-blend-mode: darken; /* Change blend mode */ } .contact-form h2 { background: rgb(188, 151, 86); background: linear-gradient(302deg, #e6d700, #b1a600, #e6d700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; font-weight: 800; font-size: 45px; } .contact-form h3 { text-transform: capitalize; text-wrap: balance; font-weight: 500; font-size: 29px; } .contact-_form { width: 100%; float: left; padding: 12px 15px; } .contact-section { padding: 80px 0; } .contact-form { margin: auto; border-radius: 12px; } .form-control { border-radius: 4px; } .btn-primary { background-color: #007bff; border: none; border-radius: 8px; transition: 0.3s; } .btn-primary:hover { background-color: #0056b3; } .contact-section { .form-control { background-color: #4e4e4e !important; } .forContactImg img { height: 625px; object-fit: cover; } .form-floating > label { color: #fff; } .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after { background-color: transparent !important; } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: rgb(255 255 255); } .forButtonSendMessage { color: #000; border: 1px solid #000; font-size: 14px; font-weight: 700; padding: 8px 20px; border-radius: 4px; background:linear-gradient(302deg, #e6d700, #b1a600, #e6d700); box-shadow: none; text-align: center; } } .forFooterGradient { background-image: radial-gradient(circle 5px at top left, rgba(226, 226, 226,0.1) 0%, rgba(226, 226, 226,0.1) 50%,rgba(201, 201, 201,0.1) 50%, rgba(201, 201, 201,0.1) 30%,transparent 30%, transparent 50%),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0)); background-size: 11px 11px; .ft-bx { width: 100%; float: left; margin-top: 10px; h3 { color: #fff !important; font-size: 20px !important; text-transform: uppercase; font-weight: 800; } } .ft-bx a, .ft-last a { color: #fff; } .ft-bx ul { width: 100%; float: left; list-style: none; padding: 0; } .ft-bx ul li { width: 100%; float: left; margin-bottom: 4px; } .ft-bx ul li a { color: rgba(255, 255, 255, 1); background: none; padding-left: 0; } .ft-bx ul li a { color: #fff; font-size: 14px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpi+P//PwcQGwMxAzJmgAq+B2IPdAkQdgPiD0Dsiy6BIcmAZnY91FhubDp8sNnhQ5SrsPoDIMAA+tisLLthUP4AAAAASUVORK5CYII=) no-repeat 0 7px; padding-left: 12px; text-decoration: none; &:hover { text-decoration: #cfb17c underline !important; } } .ft-bx.ft-last { display: flex; flex-direction: column; gap: 7px; a { text-decoration: none; } } .ph.clearfix { display: flex; gap: 10px; align-items: center; .fa-solid { background: linear-gradient(0deg, rgb(88 197 205) 0%, rgb(89 194 204) 35%, rgb(81 199 212) 58%, rgb(90 195 203) 79%, rgb(82 198 206) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } } .mail { display: flex; gap: 10px; align-items: center; .fa-solid { background: linear-gradient(0deg, rgb(88 197 205) 0%, rgb(89 194 204) 35%, rgb(81 199 212) 58%, rgb(90 195 203) 79%, rgb(82 198 206) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } } hr { margin: 3rem 0; color: #fff; border: 0; border-top: var(--bs-border-width) solid; opacity: .25; } .forNewslatter { h3 { background: linear-gradient(0deg, rgb(88 197 205) 0%, rgb(89 194 204) 35%, rgb(81 199 212) 58%, rgb(90 195 203) 79%, rgb(82 198 206) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } } .lo.hidden { display: flex; gap: 10px; align-items: center; span { color: #fff; } .fa-solid { background: linear-gradient(0deg, rgb(88 197 205) 0%, rgb(89 194 204) 35%, rgb(81 199 212) 58%, rgb(90 195 203) 79%, rgb(82 198 206) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } } .compnum { color: #fff; } .home-newsletter { .btn-theme { color: #fff; border: 1px solid #fff; font-size: 14px; font-weight: 700; padding: 15px 20px; border-radius: 4px; background: linear-gradient(0deg, rgb(88 197 205) 0%, rgb(89 194 204) 35%, rgb(81 199 212) 58%, rgb(90 195 203) 79%, rgb(82 198 206) 100%); box-shadow: none; text-align: center; } } .home-newsletter .single { max-width: 650px; margin: 0 auto; text-align: center; position: relative; z-index: 2; } .home-newsletter .single h2 { font-size: 22px; color: white; text-transform: uppercase; margin-bottom: 40px; } .home-newsletter .single .form-control { height: 50px; background: rgba(255, 255, 255, 0.6); border-color: transparent; border-radius: 20px 0 0 20px; } .home-newsletter .single .form-control:focus { box-shadow: none; border-color: #243c4f; } .home-newsletter .single .btn { min-height: 50px; border-radius: 0 20px 20px 0; background: #243c4f; color: #fff; } } .forSocialLink { a { text-decoration: none; color: #54c3d6; border: 1px solid #54c3d6; height: 40px; width: 40px; font-size: 16px; border-radius: 50%; display: grid; place-content: center; &:hover { background: linear-gradient(to bottom, #54c3d6, #54c3d6, #54c3d6); color: #000 !important; border: none; } } } .forCopyright{ span{ font-size: 13px; } } .forSiteMap{ a{ color: #fff; font-weight: 700; } } .parentCompany{ font-weight: 800; font-size: 16px; } .bg-dark { --bs-bg-opacity: 1; background-color: #0a0a0a !important; } .help-block{ color: #e74c4c !important; } .text-center.alertdev{ .alertdev-danger{ color: #e74c4c !important; display: flex !important; margin-top: 3px; } } .owl-carousel.owl-carousel3.owl-theme.owl-loaded.owl-drag { position: relative; .owl-dots { position: absolute; right: 0; left: 0; bottom: 20px; } } .socialContainer { position: relative; overflow: hidden; img { transition: transform 0.5s ease; } transition: 0.2s all ease-in-out; &:hover { .fa-brands { font-size: 60px; } .forText { font-size: 32px; } img { transform: scale(0.9); } .socialIconOnCenter { opacity: 1; visibility: visible; transform: scale(1); } } z-index: 1; .socialIconOnCenter { position: absolute; inset: 0; display: grid; place-content: center; opacity: 1; transform: scale(0.8); transition: opacity 0.5s ease, transform 0.5s ease; .fa-brands { font-size: 50px; transition: font-size 0.5s ease; } .forText { font-size: 28px; font-weight: bold; transition: font-size 3s ease; } } } .forInnerServicesBg{ background: url('../images/service-img3.jpg') no-repeat center center / cover; padding: 160px 80px; position: relative; a { -webkit-text-fill-color: white !important; /* Ensures link text is visible */ text-decoration: none; &:hover{ text-decoration: underline !important; } } z-index: 10; &::before{ content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0.253); } } .forGoldText { background: linear-gradient(0deg, rgba(188, 151, 86, 1) 0%, rgba(105, 56, 3, 1) 35%, rgba(253, 237, 201, 1) 58%, rgba(179, 140, 77, 1) 79%, rgba(143, 99, 41, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } @keyframes goldShine { 0% { background-position: 100% 50%; } 100% { background-position: -100% 50%; } } .forCarauselInnerImages { background: url("../images/startBg.jpg") no-repeat center center / cover; .owl-nav { display: block !important; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); color: white !important; padding: 10px; border-radius: 50%; cursor: pointer; background: linear-gradient(to right, #693803, #cfb17c, #693803) !important; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .owl-prev:hover, .owl-next:hover { background: linear-gradient( to right, #693803e0, #cfb17c, #693803e0 ) !important; transform: translateY(-50%) scale(1.1); transition: all 0.3s ease; } .owl-prev { left: -40px; } .owl-next { right: -40px; } button.owl-prev span { font-size: 56px; margin-top: -15px; color: #000 !important; } button.owl-next span { font-size: 56px; margin-top: -15px; color: #000 !important; } } .serviceCardInner img { height: 280px !important; transition: clip-path 0.3s ease-in-out; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); /* Initial full size */ } .serviceCardInner { position: relative; overflow: hidden; } .serviceCardInner:hover img { clip-path: polygon( 0 10%, 100% 10%, 100% 90%, 0% 90% ); /* Reduce height from top and bottom */ } .serviceCardInner::before, .serviceCardInner::after { content: ""; position: absolute; left: 0; width: 102%; height: 15%; max-height: 0; transition: max-height 0.5s ease; background: #0a0a0a; z-index: 1; } .serviceCardInner::before { top: 0; } .serviceCardInner::after { bottom: 0; } .serviceCardInner:hover::before, .serviceCardInner:hover::after { max-height: 10%; } .serviceCardInner:hover .overlay-text { opacity: 1; } .forContentInnerSection{ background-image: repeating-linear-gradient(135deg, rgb(0,0,0) 0px,rgb(0,0,0) 12px,transparent 13px),repeating-linear-gradient(217deg, rgb(0,0,0) 0px,rgb(0,0,0) 12px,transparent 13px),linear-gradient(90deg, hsla(205,0%,61%,1),hsla(190,0%,61%,1)); } .socialContainer { img { transition: transform 0.5s ease; } transition: 0.2s all ease-in-out; &:hover { .fa-brands { font-size: 60px; } .forText { font-size: 32px; } img { transform: scale(0.9); } .socialIconOnCenter { opacity: 1; visibility: visible; transform: scale(1); } } z-index: 1; .socialIconOnCenter { position: absolute; inset: 0; display: grid; place-content: center; opacity: 1; transform: scale(0.8); transition: opacity 0.5s ease, transform 0.5s ease; .fa-brands { font-size: 50px; transition: font-size 0.5s ease; } .forText { font-size: 28px; font-weight: bold; transition: font-size 3s ease; } } } .forStickySideRight{ display: flex; gap: 48.4px; justify-content: center; flex-direction: column; button{ rotate: -90deg; transition: right 0.3s ease-in-out; position: fixed; letter-spacing: 8px; font-size: 10px; text-transform: uppercase; color: #191919 !important; right: -43px; top: 350px; z-index: 999; &:hover{ right: -35px; } font-weight: 500; i.fa-brands.fa-whatsapp{ color: #075E54 ; } } button#open-offcanvas{ rotate: -90deg; position: fixed; color: #191919 !important; letter-spacing: 8px; text-transform: uppercase; right: -50px; font-size: 10px; top: 206px; transition: right 0.3s ease-in-out; z-index: 999; &:hover{ right: -42px; } } } .offcanvas-full-screen { position: fixed; z-index: 1000; transition: transform 0.8s ease-in-out; background: #000000e7; color: #fff; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-100%); overflow-y: auto; } .offcanvas-full-screen.is-open { transform: translateY(0); } .offcanvas-full-screen-inner { padding: 1rem; } .offcanvas-full-screen-close { color: #fefefe; font-size: 40px; background: none; border: none; width: 100%; display: flex; justify-content: flex-end; } .offcanvas-full-screen-close:hover { color: #b2b2b2; } .offcanvas-full-screen{ input{ background-color: transparent; color: #fff; } .form-control { background-color: transparent !important; } .form-control { border: 0px !important; border-radius: 0px !important; border-bottom: 1px solid #ffffff4d !important; &:active, &:focus{ border-color: #fff !important; } } .form-control:focus { color: #fff; background-color: transparent !important; outline: 0; box-shadow: 0 0 0 .25rem #17171840 !important; } .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: #fff !important; } .form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after { border-radius: 0px !important; background-color: transparent !important } } /* NEW css */ .forBgMainServices{ background-image: radial-gradient(circle at 16% 83%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 50%,rgba(63, 63, 63,0.06) 50%, rgba(63, 63, 63,0.06) 100%),radial-gradient(circle at 68% 87%, rgba(66, 66, 66,0.06) 0%, rgba(66, 66, 66,0.06) 50%,rgba(105, 105, 105,0.06) 50%, rgba(105, 105, 105,0.06) 100%),radial-gradient(circle at 38% 50%, rgba(123, 123, 123,0.06) 0%, rgba(123, 123, 123,0.06) 50%,rgba(172, 172, 172,0.06) 50%, rgba(172, 172, 172,0.06) 100%),linear-gradient(90deg, hsl(18,0%,1%),hsl(18,0%,1%)); .reg-style { background: #FFFF00 url(data:image/png;base64,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) left no-repeat; background-size: contain; padding: 8px 10px 8px 34px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #000; height: auto; width: 100%; border: solid #d1c43c 1px; text-align: center; } .bgServiceList{ /* background-color: #1d1d1d; */ margin-top: 70px; .forRegBg{ color: #000; background-color: #ffcd20; padding: 4px 7px; border-radius: 5px; font-weight: 600; width: fit-content; } .forModifyDiv{ cursor: pointer; } .forPngRotator{ transition: transform 1s ease; &:hover{ transform: scaleX(-1); } } } .bgInnerServices{ background-color: #323232; box-shadow: 8px 8px 2px #232323; } .bgInnerServices.d-flex.flex-column.gap-2.rounded-3.p-3 img { height: 170px; object-fit: cover; } } #modifyModal{ button.forButtonRegForm.btn.btn-success.fw-bold { text-wrap: nowrap; width: fit-content; } .modal-content { background-color: #212121; color: #fff; } .bg-light.p-3.rounded-3 { background-color: #323232 !important; } .white-date-input { color: white; background-color: #212529; /* optional: dark bg for contrast */ } .white-date-input::placeholder { color: white; opacity: 1; } /* Make calendar icon white (WebKit browsers) */ .white-date-input::-webkit-calendar-picker-indicator { filter: invert(1); } /* Optional for Firefox */ .white-date-input::-moz-placeholder { color: white; opacity: 1; } .btn-close { --bs-btn-close-color: #fff; --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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") !important; } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important; background-color: transparent !important; color: #808080 !important; border: 0px !important; border-radius: 0px !important; border-bottom: 1px solid #ffffff4d !important; &:active, &:focus{ border-color: #fff !important; } &::placeholder{ color: #686868 !important; } &::-webkit-calendar-picker-indicator{ color: #fff !important; } } .form-control { background-color: transparent !important; } .form-control { border: 0px !important; border-radius: 0px !important; border-bottom: 1px solid #ffffff4d !important; &:active, &:focus{ border-color: #fff !important; } &::placeholder{ color: #686868 !important; } &::-webkit-calendar-picker-indicator{ color: #fff !important; } } .form-control:focus { color: #fff; background-color: transparent !important; outline: 0; box-shadow: 0 0 0 .25rem #17171840 !important; } .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: #fff !important; } .form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after { border-radius: 0px !important; background-color: transparent !important } .reg-style { background: #FFFF00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABGCAMAAACANYYPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMAUExURQM5owA3pQI4pAA4pAA2pwA1pwA1pQA0qAAzqAI7oQAyqgo8oA1CmgAxqQ07pDBTjF5sdf/7AAE1qQA3pAc5ow8/ngk+nRlGlhVHlCBJkSZPjThZgy5Xg2VuboKWT8nHKuPVH/rvCRc9oQc8nxA/nRdEmgpDmjFSmCVNmC5OkipNjx5MjzZUiTpXhyxThz1bg05ggUZef0Fhe09jeVVqclxvcHZ5aY6KWH6LVYeHVaqqRLawQ6ivOb6tN9LGNsitLM/LJ/HiGO/LFum9FfLpDvjoDPDSC//+AAArsAU4pgg2pAY6ohlDmxhBmCpOlB9JlDJIkzFPjBdOjDRRikhbgj9afVdlejZheFZmdF5oc2t/bISKYG17YG+CX252XYCMXImTWoGCWYSLVHeQU4N9UpqLT4mNTq6tTZOQTZiSSp+RSa+sRKKZQ5WNQqSmQIOfPrCgPbenPLW3Or6kOK2WOKa0NrqjNcOyMrq9K9fPKNHMKMDCJqe5Jtq6JeHCItqzIt3OIMzPHt7YGungGOLYFuHeFPjQEvPiD/jxCPriB/zyBv/4BP/1A//xA//PAo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///69vnJYAAAHLSURBVHja7FTXUlsxFNRRu9W9dxvTO9iY3gy203uvlISSQHpIIL1DAvnmvDADNzPShQdemLtvknaO9uxZCSEHDhwcHgwRMJZHoxSCYMcFz7M+pq08r2ddr64SLOVi1luepVpjXlNvlG8qRMblnIdjJkYACDe2mQxTcVnUNegJsF2phPHW/qImVKKX/l5T95ZKe3XVLyRDW090nwXE6GkV6wBdtdiFVZ2JuCSWzFt3gpc7RTLg4ZTHci2NfxgPCUZDiwsRbpERnruDRKXJ/+2AZCoYn7SckrBk4OB92c73S167h4VsJTXVvZcHwuKfHuhiGfVnQwx226eInj4TkuQOKPc8KiCiUCAdSwlC5ZFWEj8HFaOQMl3easpvF34zeYka4x8bmJmM2j4VolCsXe81MFHggA+RH+NfJsA5QggAANtyVX+dWw9obrc7yO08oR0j2Ym7KDI6sfFupkHuNItlcyNfardadr49zdTuu6S/lzrvK5043++9uPXmwu3NPpd81o+3z0Xevxhoma58rvxKMHnltM97Kv1nrCk3XHcl91aVa+6cnEw/8Y01/c4ODPmGXXI3eHdmen1osTnz9fuP183HOU8OHBwd/g0AMCw2AWPSsQAAAAAASUVORK5CYII=) left no-repeat !important; background-size: contain; padding: 8px 10px 8px 34px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #000; height: auto; width: 100%; border: solid #d1c43c 2px !important; text-align: center; border-radius: 8px !important; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { position: relative; padding-left: 34px; cursor: pointer; color: #fff; font-size: 16px; } input[type="checkbox"] + label::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-color: transparent; border: 1px solid #ffffff4d; border-radius: 4px; transition: all 0.2s ease; } input[type="checkbox"]:checked + label::before { border-color: #fff; background-color: #FFFF00; } input[type="checkbox"]:checked + label::after { content: ''; position: absolute; left: 6px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 8px; height: 14px; border: solid #000; border-width: 0 2px 2px 0; } h5.modal-title { background: linear-gradient(3deg, rgba(188, 151, 86, 1) 0%, rgba(105, 56, 3, 1) 35%, rgba(253, 237, 201, 1) 58%, rgba(179, 140, 77, 1) 79%, rgba(143, 99, 41, 1) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; font-size: 20px !important; text-transform: uppercase; font-weight: 800; } } #whatsInclude{ h5.modal-title { background: linear-gradient(3deg, rgba(188, 151, 86, 1) 0%, rgba(105, 56, 3, 1) 35%, rgba(253, 237, 201, 1) 58%, rgba(179, 140, 77, 1) 79%, rgba(143, 99, 41, 1) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; font-size: 20px !important; text-transform: uppercase; font-weight: 800; } button.forButtonRegForm.btn.btn-success.fw-bold { text-wrap: nowrap; width: fit-content; } .modal-content { background-color: #212121; color: #fff; } .bg-light.p-3.rounded-3 { background-color: #323232 !important; } .btn-close { --bs-btn-close-color: #fff; --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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") !important; } } .customhideshowbox { list-style: none; padding: 0; max-width: 600px; } .customhideshowbox-item { border-bottom: 1px solid rgba(255, 255, 255, 0.06); margin-bottom: 5px; border-radius: 4px; } .customhideshowbox-header { background-color: #1e1e1e; padding: 20px 0px; cursor: pointer; margin: 0; user-select: none; display: flex; justify-content: space-between; align-items: center; } .customhideshowbox-header:hover { background-color: #1e1e1e; } .customhideshowbox-content { list-style: none; padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .customhideshowbox-content.active { padding: 0px 15px 15px; } .customhideshowbox-content li { margin: 0; } .customhideshowbox-header i { transition: transform 0.3s ease; } .customhideshowbox-header .fa-chevron-up { display: none; } .customhideshowbox-header.active .fa-chevron-up { display: inline; } .customhideshowbox-header.active .fa-chevron-down { display: none; } .forTestimonialsBg{ position: relative; overflow: hidden; background-image: url('../images/bg-testimonial.webp'); z-index: 1; background-attachment: fixed; background-position: bottom; /* background: linear-gradient(302deg, #e6d700, #b1a600, #e6d700);*/ color: #fff !important; .forScetchImage{ position: absolute; right: 0px; top: 0px; img{ height: 300px; } } .forMainTestiomonialReviewsDiv{ background-color: #0a0a0a; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); } .fa-solid { background:linear-gradient(302deg, #b97f1a, #db9f36, #ffdf6c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .forMachanicImage{ position: absolute; right: 0px; top: 0px; transform: translate(0%, 15%); img{ height: 450px; object-fit: scale-down; } } .forGoogleReviewImage{ height: 35px; width: 35px; } .owl-nav { display: flex; justify-content: end; margin-right: 120px; margin-top: 20px; gap: 25px; } .owl-prev, .owl-next { background: linear-gradient(302deg, #fff, #fff, #fff) !important; padding: 20px !important; color: #000 !important; border: none; border-radius: 5px; display: flex !important; align-items: center; justify-content: center; width: auto; height: auto; } .owl-prev i, .owl-next i { font-size: 24px; padding: 10px; } .forLineClamp{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } } .forMakeModelDiv{ position: relative; overflow: hidden; padding: 65px 20px !important; z-index: 1; /*background: url('../images/1258963.webp') no-repeat center center / cover;*/ color: #fff !important; } @media(max-width:768px){ .fiat-professional-div > div > img { height: 75px !important; } section.inner_nav { margin-top: 100px; } .forTestimonialsBg{ .owl-nav { justify-content: center; margin-right: 0px !important; } } } section.Centre_Locator { background: #000; padding: 60px; } .Centre_Locator_box { background: #0c0b0b; border: 1px solid #2e2d2d; border-radius: 5px; padding: 15px; box-shadow: -2px 1px 5px #444242; } .Centre_Locator_box ul { margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; } .Centre_Locator_box ul li{ color: #e9d900; } .Centre_Locator_box ul li:first-child { font-size: 48px; margin-right: 20px; color: #fff; } .Centre_Locator_box ul li:last-child { font-size: 16px; margin-right: 20px; color: #e9d900; font-weight: bold; margin-right: 0; } div#myTabContent h2 { /* background: #000000; */ padding: 3px 0 7px 0; text-align: center; /* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */ color: #000; border-radius: 4px; font-weight: bold; font-size: 30px; color: #53c5cf; /* border: 1px solid; */ margin-bottom: 15px; } div#myTabContent p { margin-bottom: 10px; } .menu-links { position: relative; top: 86px; z-index: 99; display: flex; width: 100%; align-items: center; gap: 15px; padding: 10px; flex-wrap: wrap; background-color: #323232d9; color: #fff !important; span>a{ color: #fff; font-size: 17px; font-weight: 600; text-decoration: none; } span>a:hover{ color: #000;} button.btn.dropdown-toggle { color: #fff !important; font-size: 17px; font-weight: 600; border: none; } button.btn.dropdown-toggle:hover { color: #000 !important;} .dropdown-menu { --bs-dropdown-color: #ffffff !important; --bs-dropdown-bg: #000000f2 !important; --bs-dropdown-link-color: #ffffff !important; } } .fiat-professional-div{ position: relative; right: 10px; display: flex; align-items: center; gap: 2px; img{ position: relative; left: 10px; /* height: 90px; */ } } .container-fluid.xyz { background-color: #323232d9 !important; width: 100%; margin: 0 !important; padding: 0px !important; } .dropdown-toggle::after{display: none;} /*.forBackgroundVideo iframe { height: 100vh; width: 100%; object-fit: cover; }*/ .findtxt { margin-top: 30px; } .findtxt a { background: #ffffffe0; padding: 10px 20px; border-radius: 5px; font-size: 19px; color: #000; font-weight: 600; } .pr { padding-right: 0px; } @media(max-width :992px){ .d-flex.gap-md-5.gap-3.align-items-center.side{ position: relative; top: 50%; left: 50%; transform: translate(161%, -190%); } } @media (max-width :768px){ .reg-style { min-width: 208px !important; } .forMainHeadingText { min-height: 460px; left: 0px; bottom: 15% !important; } li.custom_Width { width: 32%; .form-group{ width: 100%; } } nav.navbar.navbar-expand-lg.bg-dark { justify-content: center !important; } .menu-toggle { -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; } .d-flex.gap-md-5.gap-3.align-items-center.side{ transform: translate(-50%, -190%); } .forMainHeadingText{ width: 100%; } } @media (max-width :440px){ li.custom_Width { width: 48% !important; } } @media (max-width :545px){ .col-md-4.d-flex.align-items-end .forButtonRegForm { margin-top: 12px; } .forMainHeadingText { min-height: 550px; bottom: 5% !important; } } @media (max-width : 992px) { section.listpage_search { margin-top: 50px !important; } } @media (min-width : 992px) { a.navbar-brand.text-center.logo { position: relative; left: 50%; top: 50%; transform:translate(-92%, 6%); } } ul.listing_area { margin: 10px 0; list-style: none; padding: 0px; } .search_area_listpage { background: #444242; padding: 10px; position: relative; height: 85px; margin: 20px 15% 20px 0; border-radius: 20px; } ul.listing_area { display: flex; position: relative; align-items: center; padding-left: 0px; font-size: 14px; flex-wrap: wrap; gap: 8px; } ul.listing_area label.radio-button { padding: 2px 3px; font-size: 13px;} ul.listing_area li { display: flex; align-items: center; } ul.listing_area.side_bar_list li { margin-top: 10px; } ul.listing_area li:last-child { padding-right: 0px; } ul.listing_area li select.form-control.classic { padding: 10px 10px; /* min-width: 145px; */ border-radius: 0; border: 2px solid #fff; } .search_area_listpage_bgdark { position: absolute; background:#cecece; top: -10px; width: 15%; left: 0; bottom: 0; height: 105px; } section.search_area_listpage:before { position: absolute; height: 30px; width: 30px; content: ""; left: 15%; clip-path: polygon(1% 0, 2% 0, 75% 100%, 0% 100%); z-index: -1; background: #383737; top: -10px; } section.search_area_listpage:after { position: absolute; height: 30px; width: 30px; content: ""; left: 15%; z-index: -1; background: #383737; bottom: -10px; clip-path: polygon(1% 0, 100% 1%, 0 100%, 0% 100%); } .topchecbox { position: relative; text-indent: 30px; margin-top: 0px; min-width: 87px; /* color: #000; */ color: #FFF; display: inline-flex; text-wrap: nowrap; } .topchecbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #fff; } /* On mouse-over, add a grey background color */ .topchecbox:hover input~.checkmark { border: 1px solid #fff; } /* When the checkbox is checked, add a blue background */ .topchecbox input:checked~.checkmark { background-color: #000; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .topchecbox input:checked~.checkmark:after { display: block; } /* Style the checkmark/indicator */ .topchecbox .checkmark:after { left: 9px; top: 7px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } ul.listing_area li input[type="checkbox"] { width: 25px; height: 25px; } ul.listing_area li samp { background: #000; padding: 5px; color: #fff; border-radius: 20px; width: 25px; height: 25px; } ul.listing_area li samp a { color: #fff; text-decoration: none; font-weight: bold; border: none; padding: 0; line-height: 14px; } ul.listing_area li samp { background: #000; padding: 5px; color: #fff; border-radius: 20px; width: 25px; height: 25px; float: right; line-height: 16px; text-align: center; margin-left: 10px; margin-top: 0px; box-shadow: 2px -4px 0px var(--th_white_5); } .row.d_alincenter h3 { color: #fff; } #vehicle1 { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 26px; height: 26px; background-color: #ffffff; /* Color when unchecked */ border: 1px solid #ccc; cursor: pointer; } /* Style for checked state */ #vehicle1:checked { background-color: #000000; position: absolute; left: -9px; top: -12px; } /* Optional: Add a checkmark for checked state */ #vehicle1:checked::after { content: '\2714'; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; } .radio-group { display: flex; gap: 0px; width: 100%; } .button_area .radio-group input[type="radio"] { display: none; } .radio-button { padding: 2px 20px; border: 2px solid #444242; background-color: #444242; color: #fff; cursor: pointer; font-weight: bold; transition: all 0.3s; text-align: center; } .change_size_sidebar .button_area .radio-group .radio-button { width: 50%; } .button_area .radio-group input[type="radio"]:checked+label { background-color: #1a1616; color: #fff; } .radio-button:hover { background-color: #cecece; color: #050505; } .modal-footer { background-color: #1f2a36; } .modal-header { background-color: #1f2a36; } .btn-primary { background-color: #2a2a2a !important; } #repair_quote_form{ .main-btn { height: 51px; } } .form-check.mb-2{ border-radius: 5px; .form-check-label{ color: #000 !important; } } form#repair_quote_form label { color: #fff; } .button_area { border: 1px solid #fff; float: left; overflow: hidden; min-height: 48px; line-height: 48px; display: flex; gap: 10px; } .button_area { display: flex; width: 100%; height: 40px; line-height: 40px; } ul.listing_area li:last-child a { color: #fff; font-weight: bold; } ul.listing_area li:last-child a:hover { color: #cecece; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: none; } .basic-container.popular_brand.all_season input[type="radio"] { margin: 0px; } .sidebar, .change_size_sidebar { position: fixed; top: 0; bottom: 0; right: 0; width: 350px; background-color: #fff; transition: transform 0.3s ease-out; padding: 20px; overflow-y: scroll; height: 100%; z-index: 9999; } .change_size_sidebar{ z-index:99999; } .sider_bar_header a { margin-left: 76px; text-align: right; } .sider_bar_header { border-bottom: 1px solid #444242; } .sidebar.is-hidden, .change_size_sidebar.is-hidden2 { transform: translateX(400px); } ul.listing_area li samp a:hover { background: no-repeat; } .search_area_listpage .container { margin-left: 15%; } section.listpage_search,.listing_compare { padding: 15px 0; } .listing_compare{ background: #303030; } .product_list_area { background: #0a0a0a; padding: 30px 0; border-top: 1px solid #7e7e7e; } .row.d_alincenter { display: flex; align-items: center; } .product_list_box { border: 1px solid #afafaf; background-color: #fff; border-radius: 5px; margin-bottom: 30px; /*margin-top: 30px;*/ /* float: left; */ position: relative; } .product_list_box { .alert { background-color: #010f21; } } div#payment-address-new h4 { color: #000; } .available_date input { position: absolute; left:-9px; top: -12px; z-index:49; } .available_date { background: #7e7e7e; } a.main-btn2.compare_btn{ text-decoration: none; /* float: left; */ display: block; width: 100%; text-align: center; border-radius: 4px; color: #ffffff; background: #6c6c6c; padding: 11px; font-weight: 500; &:hover, &:focus{ background-color: #7c7c7c !important; } } .button_product a.main-btn2 { text-decoration: none; margin: 0px 0 20px 0; /* float: left; */ display: block; width: 100%; text-align: center; border-radius: 4px; color: #ffffff; background: #6c6c6c; padding: 11px; font-weight: 500; &:hover, &:focus{ background-color: #000 !important; } } .AddMoreTyre { .main-btn{ background: #6c6c6c; &:hover, &:focus{ background-color: #000 !important; } } button.main-btn2.complete_order{ background: #303030; &:hover, &:focus{ background-color: #000 !important; } } } .serach_list2.checked { color: #fff; .addPrice span { color: #fff !important; } } .modal-body { background-color: #262323; color: #fff; } .searchilg_list ul li:first-child { color: #fff; } .heading_area h2 { color: #fff; } div#top-right-alerts-wrap{ .btn-close { --bs-btn-close-bg: 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.414'/%3E%3C/svg%3E") !important; } } .proceed_checkout_btn.service-checkout-buttons a { border: none !important; } div#getQuoteBox{ .modal-body{ color: #000 !important; } .btn-close { --bs-btn-close-bg: 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.414'/%3E%3C/svg%3E") !important; } } .search_btn_ab { background: #202020; box-shadow: none; color: #fff; text-align: center; text-decoration: none; padding: 8px 12px; height: 50px; line-height: 32px; width: 100%; &:hover, &:focus{ background-color: #050505 !important; color: #fff !important; } } .available_date { background: #1a1616; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-weight: bold; text-align: center; font-size: 14px; position: relative; } .available_date i.fa.fa-calendar-alt { font-size: 24px; font-weight: normal; margin-right: 10px; } ul.product_imagedevider.d_alincenter { display: flex; list-style: none; margin: 0px; padding: 0px; width: 100%; } ul.product_imagedevider.d_alincenter li { padding: 10px; } ul.product_imagedevider.d_alincenter li:first-child { width: 55%; } ul.product_imagedevider.d_alincenter li:last-child { width: 40%; } .brand_logo { text-align: center; padding: 5px 0 20px 0; } .product_list_icon { position: relative; margin-left: 20px; } .product_list_icon .label-icon-v3:before { background-size: 20px; content: ""; height: 30px; position: absolute; top: 0; width: 20px; } .product_list_icon .label-icon-v3 { color: #000; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; position: relative; text-align: center; width: 30px; margin-bottom: 5px; } .product_list_icon .label-icon-v3.fuel-rating:before { background-image: url('https://www.recenturesoft.co.uk/truck-plant-group/assets/fuel.svg'); background-repeat: no-repeat; top: 3px; } .product_list_icon .label-icon-v3.wet-rating:before { background-image: url('https://www.recenturesoft.co.uk/truck-plant-group/assets/wet.svg'); background-repeat: no-repeat; top: 5px; } .product_list_icon .label-icon-v3.noise-rating:before { background-image: url('https://www.recenturesoft.co.uk/truck-plant-group/assets/noise.svg'); background-repeat: no-repeat; top: 7px; } .product_list_icon .label-icon-v3:before { left: -38px; } .label-icon-v3:after { content: ""; margin: 0 auto; position: absolute; height: 17px; left: -10px; margin: 0 auto; right: unset; top: 50%; transform: translateY(-50%); width: 10px; } .product_list_icon .label-icon-v3.fuel-rating:after, .label-icon-v3.noise-rating:after { bottom: unset; } .product_list_icon .label-icon-v3.fuel-rating:after { background-color: #33b806; } .product_list_icon .label-icon-v3.wet-rating.c-rating:after { background-color: #444242; } .product_list_icon .label-icon-v3.noise-rating.b-rating:after { background-color: #e23211; } .label-icon-v3.b-rating.noise-rating { width: 50px; } .product_title { border-top: 1px solid var(--th_white_5); border-bottom: 1px solid var(--th_white_5); padding: 10px; margin: 10px 0; width: 100%; text-align: center; } .product_title h3 { font-size: 18px; font-weight: bold; margin-bottom: 0; } .product_title span { font-size: 16px; font-weight: 500; } .icon_areabelow_t ul { margin: 10px; padding: 0; list-style: none; display: flex; } .icon_areabelow_t { margin: 0px auto; } .icon_areabelow_t ul li { padding: 0 8px; } .icon_areabelow_t ul li { font-size: 24px; font-weight: bolder; text-align: center; /* width: 23%; */ } .icon_areabelow_t ul li h6 { font-size: 16px; font-weight: bold; line-height: 14px; margin: 0px; } .icon_areabelow_t ul li h6 span { letter-spacing: 4px; /* line-height: 6px; */ } .price_area { border: 1px solid #fff; background: #fff; padding: 10px; margin: 10px; border-radius: 10px; } .price_area h3 { font-weight: bold; text-align: center; margin-bottom: 0; } .price_area h3 span { font-size: 14px; display: block; text-align: center; } ul.price_only li { list-style: none; } ul.price_only { background: linear-gradient(53deg, rgb(175 175 175) 0%, rgb(255 255 255) 60%, rgb(126 126 126) 60%); margin: 0px; padding: 0px; display: flex; font-size: 13px; align-items: center; } ul.price_only li { list-style: none; padding: 10px; font-weight: bold; } ul.price_only li:first-child { width: 65%; } ul.price_only li:last-child { width: 35%; } ul.price_only li:last-child a { color: #fff; text-decoration: none; } .button_product ul { margin: 0px; padding: 0px; display: flex; width: 100%; align-items: center; flex-direction: row; /* margin-bottom: 10px; */ } .button_product { margin: 10px; } .button_product ul li { list-style: none; width: 100%; border-radius: 5px; } .button_product ul li a { background: #7e7e7e; color: #fff !important; border-radius: 5px; padding: 9px 20px; /* margin: 10px; */ float: left; text-decoration: none; font-weight: bold; width: 100%; height: 45px; text-align: center; &:hover, &:focus{ background: #000 !important; color: #fff !important; } } .label-icon-v3.b-rating.noise-rating sup { color: #e23211; } .button_product ul li .form-group { float: left; width: 100%; } .button_product ul li .form-group select.form-control.classic { padding: 10px 10px; min-height: 45px; font-size: 14px; background-position: calc(99% - 12px) 1.2em, calc(94% - 11px) 1em, 100% 0; } .product_img, .product_img1 { text-align: center; position: relative; margin-bottom: 15px; } .product_img:after { border-radius: 100%; box-shadow: inset 0 -5px 6px -6px rgba(0, 0, 0, .5); content: ""; height: 28px; left: 40px; position: absolute; width: 113px; z-index: 1; bottom: -5px; } .sider_bar_header { display: flex; width: 100%; align-items: center; } .sider_bar_header a { float: right; text-align: right; } .sider_bar_header h2 { font-size: 18px; font-weight: bold; width: 70%; } .sider_bar_header a { text-align: right; float: right; /* width: 135px;*/ font-size: 26px; } .button_area .black_btn label { float: left; text-align: center; width: 100%; margin-top: -40px; } ul.listing_area.side_bar_list { display: inline-grid; } ul.listing_area.side_bar_list li:last-child a { color: #fff; } .sidebar { z-index: 999999999; } .productsidemenu li i { float: right; margin-top: 2px; } .productsidemenu { list-style: none; margin: 40px 0 0 0; padding: 0; float: left; width: 100%; border-top: 1px dashed #fff; } .productsidemenu>li a { font-weight: bold; font-size: 18px; } .productsidemenu li { border-bottom: 1px solid #fff; list-style: none; } .productsidemenu li a { display: block; padding: 10px 0; color: white; text-decoration: none; cursor: pointer; } .submenu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; margin: 0px; padding: 0px } /* .submenu li a { padding-left: 30px; background: #3b5161; } */ .productsidemenu li.active .submenu { max-height: 500px; /* enough to show full submenu */ } .basic-container.popular_brand>div { margin: 10px 0; } .productsidemenu li h6 { font-size: 16px; margin-top: 20px; } .basic-container.popular_brand.all_season { display: flex; } .basic-container.popular_brand.all_season>div { display: block; border: 1px solid #1518d6; margin: 10px 5px; padding: 10px 0; border-radius: 5px; text-align: center; width: 100px; } .basic-container.popular_brand.all_season>div label { display: block; text-align: center; padding: 5px; } .basic-container.popular_brand.all_season>div label i { float: none; font-size: 24px; font-weight: bolder; color: #732bc5; } .side_footer { align-items: center; background-color: #fff; border-top: 1px solid #fff; bottom: 0; box-sizing: border-box; display: flex; height: 90px; justify-content: space-evenly; max-width: 350px; padding: 0; position: sticky; position: -webkit-sticky; width: 100%; z-index: 3; } input#clearfilters, input#viewresults { padding: 10px; border: none; width: 44%; transition: all 0.5s; } input#clearfilters { background: #cecece; color: #fff; margin: 10px 10px 10px 0px; } input#clearfilter:hover { background: #3b0fda; } input#viewresults { background: #4b0cc0; color: #fff; margin: 10px 0px 10px 0; } input#viewresults:hover { background: #cecece; } .dnone_desk { display: none !important; } li.dnone_desk a.change_size { background: #cecece; padding: 13px 20px; color: #fff; text-decoration: none; } .sider_bar_header { display: flex; width: 100%; align-items: center; border-bottom: 1px solid #fff; margin-bottom: 15px; } .change_size_form { display: inline-block; } .change_size_form { width: 100%; float: left; margin-top: 20px; } .change_size_form .row { margin-bottom: 15px; } #cheaper .modal-dialog { width: 70% !important; min-width: 800px; } .imagecheaper h3 { font-size: 20px; font-weight: bold; margin-bottom: 0; } .imagecheaper h4{ font-size: 14px; font-weight: bold; line-height: 20px; } .imagecheaper { text-align: center; } .button_popup { float: right; } .imagecheaper p { margin-bottom:0px; } .contactus_cheaper input,.contactus_cheaper textarea{ border: 1px solid #9f9f9f; padding: 7px; width: 100%; border-radius: 4px; margin-bottom: 15px; } .button_popup{ .main-btn2{ text-decoration: none; /* float: left; */ display: block; width: 100%; text-align: center; border-radius: 4px; color: #ffffff; background: #6c6c6c; padding: 6px 22px; font-weight: 500; &:hover, &:focus{ background-color: #7c7c7c !important; } } } .register-wrap_areapolic a { color: #222222; } .register-wrap_areapolic { display: flex; justify-content: space-between; } .imagecheaper{ background: #fff; min-height: 510px; } #cheaper .modal-body { margin: 0px; padding: 0px; } #cheaper .modal-body .col-md-4 { padding: 0px; height: 100%; } .contactus_cheaper { padding: 0 20px 20px 15px; } div#cheaper { z-index: 999999; } .listing_compare h3 { font-size: 18px; font-weight: bold; margin: 0px; padding: 0px; } a.main-btn.compare_btn { float: right; text-decoration: none; width: 100%; text-align: center; } .listing_compare select.form-control.classic { border-radius: 0; line-height: 28px; } .modal-header h3 { margin-bottom: 0; font-weight: bold; } .input-group { position: relative; display: flex; } .input-group.input-price { overflow: hidden; float: left; height: 40px; } .input-group.input-price .input-group-addon { padding: 7px 10px; } .input-group-addon { color: #000; background-color: #ddd; border-color: #ddd; } @media (max-width: 991px) { #cheaper .modal-dialog { min-width: 90%; margin: 5%; } .imagecheaper h3 { font-size: 18px; } .imagecheaper h4 { padding-bottom: 20px; } } .tooltip-container { position: relative; } button.tooltip-trigger { border: none; background: none; } .tooltip-text { visibility: hidden; width: 150px; background-color: #000; color: #fff; text-align: center; border-radius: 8px; padding: 5px; position: absolute; z-index: 1; top: -65px; left: 50%; margin-left: -130px; opacity: 0; transform: scale(0.9); transition: opacity 0.3s ease, transform 0.3s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); font-size: 14px; } .tooltip-container:hover .tooltip-text { visibility: visible; opacity: 1; transform: scale(1); } .tooltip-container .tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #000 transparent transparent transparent;} section.listpage_search {background-color: #7e7e7e;} select.classic {background-image: url(https://www.recenturesoft.co.uk/truck-plant-group/assets/downwebp.webp);background-position: calc(100% - 6px) 1.2em, calc(100% - 14px) -1em, 100% 0;background-size: 15px 8px, 21px 7px, 1.5em 3.5em;background-repeat: no-repeat;} .forCartCount{position: relative;cursor: pointer;left: -9px; span {position: absolute;top: -13px;background-color: #53c5d1;border-radius: 50%;font-size: 16px;left: 19px;margin-bottom: 7px !important;width: 20px;text-align: center;color: #000;line-height: 19px;height: 20px;}} .dropdown-menu-large {width: 400px;} .cart-items-container {max-height: 310px; /* Adjust to fit approximately 2 rows, tweak based on row height */overflow-y: auto;scrollbar-width: thin; /* For Firefox */scrollbar-color: #888 #f1f1f1; /* For Firefox */} .cart-items-container::-webkit-scrollbar {width: 8px;} .cart-items-container::-webkit-scrollbar-track {background: #f1f1f1;} .cart-items-container::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;} .cart-items-container::-webkit-scrollbar-thumb:hover {background: #555;} /* Ensure table remains responsive */ #carttable {width: 100%;table-layout: fixed;} #carttable td {vertical-align: middle;font-size: 14px;padding: 5px;} .cart-items-container .table {margin-bottom: 0;} .tromic-offcanvas-top {display: flex;justify-content: end;} .form-control.classic {padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;} .services_box { border: 5px solid #595959; background: #7a7a7a; } .services_section .te-section-title.mb60 h2.title.text-center {color: #fff;} .services_box:hover .services_title {background: #000000 !important;} .services_box h3{ color: #000000;} .services_box .arrow_area {background: #dfdfdf;} .services_box .arrow_area i.fa {color: #090909;} .te-section-title .short-title::before, .te-section-title .short-title::after{border-bottom: 2px solid #ffffff;} .te-section-title .short-title i.fa.fa-circle {border: 3px solid #000000;} .services_section{ /* background: url(all_season/images.png);*/ background-image: radial-gradient(circle 5px at top left, rgba(226, 226, 226,0.1) 0%, rgba(226, 226, 226,0.1) 50%,rgba(201, 201, 201,0.1) 50%, rgba(201, 201, 201,0.1) 30%,transparent 30%, transparent 50%),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0)); background-size: 11px 11px;} #show-more-services{background: #fdfeff;color: #000000;border-radius: 5px !important;} .forAlloySection{ padding: 40px 0px; .row{ display: flex; align-items: center; } h2,h6{ font-weight: 600; color: #fff; } .forColumnText{ display: flex; flex-direction: column; gap: 15px; } img{ height: 600px; object-fit: cover; width: 100%; border-radius: 10px; } .forCountingDiv{ display: flex; align-items: center; gap: 8px; div{ width: 50%; } } hr{ border-color: #fff; } } ul.datesec { color: #fff !important; } div#cartright { color: #fff !important; } .your-basket-wrap .your_basket { color: #fff; } ul.your_basket_total.Sub-Total { color: #fff; } ul.your_basket_total.var_area { color: #fff; } ul.your_basket_total { color: #fff; } ul.your_basket-list li:last-child a { color: #ff0000; } .applycoupen.apply-height.mt-3 , .applycoupen.apply-height.mb-3 h3 { color: #fff; } .basic-container input[type="radio"]:checked+label { color: #fff !important; } .booking_area .accordion-body.mt-3 p { background: #1f2a36 !important; } section.register-wrap.signin_area h2 { color: #fff; } .main-btn:hover { background: #242323; } .view_cart_area h2 { color: #fff; } table#cart th { color: #fff !important; } .main-btn2 { background: #090909; } .order_details h3 { color: #fff !important; } #dataModal .modal-header { color: #fff; } h4.recommandedtyres-heading.fw-bold { color: #fff; } .btn-close { --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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.414'/%3E%3C/svg%3E"); } hr { border-color: #fff; } /* .product_list_icon{ .tooltip-text { top: -65px; left: 95%; } } */ .promoted-text-wrap .offer-box span.text-yellow span.promoPopuplink { font-weight: bold; font-size: 13px; } /* .promoted-text-wrap .offer-box { padding: 5px 0px !important; } .compare-cb input { left: -10px; top: -11px; } */ .van_group_bx { color: #fff !important; } .datamycar a { color: #fff; } #cart td .col-sm-2 img {width: 93px;} section.dunlop_details.sitemap_area h2 { color: #fff !important; } .info-page-wrap.cookies { padding: 40px 0px; p { color: #000 !important; } } .your_basket { background: #222222 !important; color: #fff; } #cartright { background: #181818 !important; border: 1px solid #141414 !important; } #cartright { background: #393b3c !important; } .applycoupen { background: #313233 !important; } div#cartsuccess .modal-body { background-color: #fff !important; } .banner_head h1 { color: #fff; } ._cyt_vehicle { color: #fff !important; } .info-page-wrap h3 { color: #fff !important; } #cookie_consent_notification { background-color: #3e3e3e !important; } div#cookie_consent_notification p { font-size: 14px; } .services_section .container { max-width: 100% !important; } .welcomeBox { padding-top: 3%; } ._rw_content h3, h4, h5 { color: #fff; } ._rw_content ul li { color: #fff; line-height: 2; } ._rw_content a{color: #fff} ._rw_content a:hover{text-decoration: underline !important;} .register-wrap .container h2{color: #fff;} .modal-body.termPopupScrollbox table tr td { border: solid 1px #fff !important; padding: 8px; } .inner_nav {background: #ffffff !important;} .oneBox a {color: #fff;} .oneBox a i{display: block;text-align: center;} .vrm-search-box-wrapper{ padding: 20px 0;} form#service_form input#reg_num { min-width: unset; width: 100%; } ._rw_vehicle figure img { border-radius: 10px; border: dashed 2px #ccc; padding: 5px; } a.btn.fiat-professional { background: #36393c; font-size: 18px; } a.btn.fiat-professional a:hover { background: #303030 !important; } .new-sectionbox .col-md-4 { margin-bottom: 29px; } .new-sectionbox .col-md-4 img { width: 100%; } .d-flex{align-items: center !important;} form#myForm, form#mot_vehicle_search_form{ .forButtonRegForm { padding: 8px 20px !important; } } .contenttitle{ color: #fff !important; } .sidebarblog { background-color: #2a2929; padding-bottom: 10px; border-radius: 5px; ul.listtopblogs { padding-left: 1rem !important; li { list-style: none; a { color: #cecece; line-height: 26px; } } } } .headingbar-blog { background: #4a4a4a; padding: 6px; padding-bottom: 10px; } .titleblogbox a { font-size: 20px !important; color: #f9eb8e; font-weight: 700; } .sidebarblog li { padding-bottom: 8px; } .sidebarblog ul li a:hover { color: #f9eb8e !important; } .boxblog { margin: 20px 0px; padding: 10px 0px; } /*ul.footer-payment-methods { display: none !important; }*/ #betterPriceModal{ p{ color: #000 !important; } } .page_banner-strip{ padding: 60px 0px !important; } .form-group.mb-3.has-error{ #quote-reg_no{ min-width: 260px !important; } button#btn_lookupp { height: 50px; } } form#postcodeForm{ .main-btn { background: #383838; text-wrap: nowrap; &:focus,&:hover{ background: #2c2c2c; } } } div#postcodeModal{ .modal-header { background-color: #262323; } } div#address-lookups{ button#btn_lookup{ background: #383838; &:focus,&:hover{ background: #2c2c2c; } } } #betterPriceModal { .btn-close { --bs-btn-close-bg: 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.414'/%3E%3C/svg%3E") !important; } } #payment-address-new h4.fw-bold.mb-0 { background: #cecece !important; } .viewOrder-box { color: #fff; a.btn.btn-default { color: #fff; } } .booking_area{ .new_table tr td { color: #fff !important; } .description{ span { &:last-child{ color: #cecece !important; } } } } .time_table_cart h4 { color: #000 !important; } .border.p-3.bg-light.shadow-sm.service-footer-vrm-search h5{ color: #000; } section.whitesecone.branddetailtop.pb-5 { color: #fff; } .product_list_box{ .product_title { color: #000; } .price_area { color: #000; } .icon_areabelow_t { color: #000; } } /* section._cyt_vehicle, h2 { color: #f8ec8d; } */ section._cyt_vehicle.sustainibility{ figure{ position: relative; span{ position: absolute; top: 50%; left: 50%; transform: translate(-60%, -50%); font-size: 26px; font-weight: 800; text-wrap: nowrap; color: #fff; } } } .dunlop_filter { background: #404040; } section._cyt_vehicle.forCorporateResponsibily{ h4{ color: #57c4cc; } } section._cyt_vehicle.forWorkingForUs{ img{ margin-bottom: 10px; } h4{ color: #57c4cc; } } div#pills-tabContent h2 { color: #fff; } .searchtyre { background: none !important; border: none !important; h3{ color: #fff; } } .serach_list2 h4 { color: #000; } .serach_list2.checked h4{ color: #fff; } .includePopup { .btn-close { --bs-btn-close-bg: 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") !important; } } section.order_successful h4 { color: #fff !important; } .order_details { box-shadow: 4px 5px 0px 2px #62646c !important; } table.order_successtable th { background: #4e5762; } .order_successful{ a { color: #5bc3cd; } .table { --bs-table-color: #ffffff !important; --bs-table-bg: #373c40 !important; } } table.table.table-striped.mb-0 td:nth-child(2) { min-width: 100px; } .listpage_search.bg-light, section.recommended-tyres.bg-light.py-4 { background-color: #0a0a0a !important; } .new-offer-form{ input#usr_policy_check { border-color: #4a4a4a; box-shadow: 2px 1px 5px #5c5454; } } .dunlop_filter { .row{align-items: end;} } table#cart .nomargin {color: #000 !important;} .black_btn:hover {background: #313233 !important;} .apply-height {min-height: auto;} .col-md-12.d_flex.d_alincenter.pp_none {gap: 10px;align-items: center;} @media (max-width :600px){ .additional_training {height: unset !important;} .register-wrap { padding: 140px 0 5px !important; } } .btn-info:hover {background: #313233 !important;} #tabContent3{ .collapse:not(.show) {display: block !important;} } .searchtyre {padding: 0px !important;} .book-motbg {margin-top: 15px;} section.getQuotebox.text-center.py-4.bg-light {background-color: #404040 !important;color: #fff !important; h3{margin: 0 !important;} } body.website-front.viewestimate, body.website-front.viewinvoice { background-color: #fff !important; .col-lg-12.page-pdf-html-logo {background: #fff !important;} p , h4{color: #000 !important; } table.table.table-striped.table-bordered.new_table td {color: #cecece;} } #banner-section-top{position: relative;z-index: 1; .banner_head h1{position: relative;z-index: 5;} &::before{content: "";position: absolute;inset: 0;height: 100%;width: 100%;background-color: #00000040;} } .additional_training {height: 370px;overflow-y: scroll;} .button_product select {width: 95%;} .book-motbg.mottabebox {padding-top: 5%;} .instant_quotes_form h3 { font-weight: 900; text-align: center; margin-bottom: 15px; /* border: 5px solid var(--th_primary); */ padding: 10px; color: #ffffff; /* background: var(--th_white); */ margin-top: 35px; } .free-instant_quotes .main-btn2 { width: 100%; display: block; text-align: center; height: 60px; line-height: 36px; background: #484747; font-size: 24px; border-radius: 5px; } .free-instant_quotes .main-btn2:hover{background: #696969;} .instant_quotes_form .reg-style { background: #ffcd20 url(../../../images/gb.WEBP) left no-repeat; padding: 9px 10px 6px 50px; text-transform: capitalize; font-size: 24px; font-weight: 900; width: 100%; color: var(--th_black); height: 60px; border: 1px solid var(--th_white_50); text-align: left; background-size: contain; border-radius: 0; line-height: 25px; text-indent: 10px; text-transform: uppercase; }