html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden}
* {-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent}
body {font-family: "Outfit", sans-serif; font-size:18px; color:#555; margin:0; font-weight:400}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline}
audio:not([controls]) {display:none; height:0}
[hidden],template {display:none}
a {background-color:transparent}
a:active,a:focus,a:hover {outline:0 none}
abbr[title] {border-bottom:1px dotted}
b,strong {font-weight:700}
dfn {font-style:italic}
h1 {font-size:2em; margin:.67em 0}
mark {background:#ff0 none repeat scroll 0 0; color:#000}
small {font-size:80%}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
img {border:0 none}
svg:not(:root) {overflow:hidden}
figure {margin:1em 40px}
hr {box-sizing:content-box; height:0}
pre {overflow:auto}
code,kbd,pre,samp {font-family:monospace,monospace; font-size:1em}
button,input,optgroup,select,textarea {color:inherit; font:inherit; margin:0}
button {overflow:visible}
button,select {text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit] {cursor:pointer}
button[disabled],html input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {border:0 none; padding:0}
input {line-height:normal}
input[type=checkbox],input[type=radio] {box-sizing:border-box; padding:0}
fieldset {border:1px solid silver; margin:0 2px; padding:.35em .625em .75em}
legend {border:0 none; padding:0}
textarea {overflow:auto}
optgroup {font-weight:700}
table {border-collapse:collapse; border-spacing:0}
td,th {padding:0}
body,button,input,optgroup,select,textarea {color:#555; font-size:20px; line-height:1.5}
h1,h2,h3,h4,h5,h6 {clear:both; color:#000; font-weight:700}
h2 {font-size:30px; margin:0}
p {margin-bottom:1.5em}
cite,dfn,em,i {font-style:italic}
blockquote {margin:0 1.5em}
address {margin:0 0 1.5em}
pre {background:#eee none repeat scroll 0 0; font-family:"Courier 10 Pitch",Courier,monospace; font-size:.9375rem; line-height:1.6; margin-bottom:1.6em; max-width:100%; overflow:auto; padding:1.6em}
code,kbd,tt,var {font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; font-size:.9375rem}
abbr,acronym {border-bottom:1px dotted #666; cursor:help}
ins,mark {background:#fff9c0 none repeat scroll 0 0; text-decoration:none}
big {font-size:125%}
html {box-sizing:border-box}
* {box-sizing:border-box}
body {background:#fff none repeat scroll 0 0}
blockquote::after,blockquote::before,q::after,q::before {content:""}
blockquote,q {quotes:"" ""}
hr {background-color:#ccc; border:0 none; height:1px; margin-bottom:1.5em}
ol,ul {margin:0 0 1.5em}
ul {list-style:outside none disc}
li {padding:0 0 5px}
ol {list-style:outside none decimal}
li>ol,li>ul {margin-bottom:0; margin-left:1.5em}
dt {font-weight:700}
dd {margin:0 1.5em 1.5em}
img {height:auto; max-width:100%}
figure {margin: 0}
table {margin:0 0 ; width:100%}
button,input[type=button],input[type=reset],input[type=submit] {font-weight:700; font-size:16px;     background-color: #006699;
    border: 1px solid #006699; border-radius:none; padding:10px 25px; text-align:center; min-width:100px; color:#fff; display:inline-block; transition:ease-in-out .5s all}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {background-color:#000; border-color:#000; color:#fff}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {border:1px solid #ccc; border-radius:3px; color:#000; font-size:16px; padding:8px 10px}
select {border:1px solid #ccc}
input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {color:#111}
textarea {width:100%}
::-webkit-input-placeholder {color:#ccc}
:-ms-input-placeholder {color:#ccc}
::placeholder {color:#000}
a {color:#13277a; text-decoration:none; transition:all .3s ease 0s}
a:visited {transition:all .3s ease 0s}
a:active,a:focus,a:hover {outline:medium none}
a:focus {outline:medium none}
a:active,a:hover {outline:0 none}
.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation {margin:0 0 1.5em; overflow:hidden}
.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous {float:left; width:50%}
.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next {float:right; text-align:right; width:50%}
.alignleft {display:inline; float:left; margin-right:1.5em}
.alignright {display:inline; float:right; margin-left:1.5em}
.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto}
.clear::after,.clear::before,.comment-content::after,.comment-content::before,.entry-content::after,.entry-content::before,.site-content::after,.site-content::before,.site-footer::after,.site-footer::before,.site-header::after,.site-header::before {content:""; display:table; table-layout:fixed}
.clear::after,.comment-content::after,.entry-content::after,.site-content::after,.site-footer::after,.site-header::after {clear:both}
.widget {margin:0 0 30px}
.widget select {max-width:100%}
.sticky {display:block}
.hentry {margin:0 0 1.5em}
.updated:not(.published) {display:none}
.entry-content,.entry-summary,.page-content {margin:1.5em 0 0}
.inline-block {display:inline-block}
embed,iframe,object {max-width:100%}
.clearnone {clear:none}
.fl {float:left}
@font-face {font-family:FontAwesome; font-style:normal; font-weight:400; src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg")}
.container {margin:0 auto; padding:0 5%; position:relative}
.boxspacer {display:block; height:20px}
.boxspacer10 {display:block; height:10px}
.text-right {text-align:right}
.text-justify {text-align:justify}
.textlink {color:#81b84d; font-size:13px; text-decoration:none}
.textlink:hover {color:#000}
.visible-sm {display:none!important}
#primary.content-area {float:left; margin:0 5% 0 0; width:70%}
body.page-template-full-width #primary.content-area {float:left; margin:0; width:100%}
aside#secondary {float:left; padding:50px 0 0; width:25%}
.widget {background-color:#efeef0; border:1px double #e2e2e2; margin:0 0 30px; padding:20px}
h2.widget-title {color:#30458a; display:block; font-weight:600; line-height:26px; position:relative; margin-top:0}
.search-form .search-field {margin:0 0 10px; width:100%}

#masthead {position:absolute; right:0; left:0; top:0; z-index:99;height: 170px;background: #fff;}
#masthead.innerheader {position:relative}
.fixed-header {position:fixed!important; top:0!important; left:0; right:0; box-shadow:0 5px 5px rgba(0,0,0,.2); background-color:#fff!important; z-index:9999; animation:1s .1s fadeInDown both;}
#masthead.fixed-header{height: 100px;    z-index: 999;}
.fixed-header .logoImg img {display:block; max-height:86px}
.fixed-header .logoImg {padding:9px 0}
body.fixed {padding-top:100px}

.topbar{background: #006699;border-radius: 0 0 20px 20px;}
.top-left {
    float: left;
    padding: 10px 0;
}
.contact-info {
    display: flex;
    gap: 30px;
}
.contact-info a{
    display: flex;
    gap:10px;
	align-items:center; color:#fff;
}
.contact-info a:hover{color:yellow}

.topSocialIcons {display:inline-block; float:right; padding:10px 0 0 0}
.topSocialIcons a {border-radius:30px; width:30px; height:30px; line-height:30px; text-align:center;  color:#fff; display:inline-block; font-size:15px; margin-left:10px}
.topSocialIcons a.addborderwhatsapp {border:1px solid #25d366; background-color:#25d366; color:#fff}
.topSocialIcons a:hover {background-color:#000; color:#fff; border-color:#000}
.logoImg {
    float: left;
    padding: 10px 0;
    max-width: 104px;
    animation: 1s .2s zoomIn both;
}
.logoImg img {display:block}
.topMenu {position:relative; float:none; display:inline-block; z-index:9999; margin-top:30px; padding:0 10px; animation:1s .3s fadeInUp both}
.fixed-header .topMenu {margin-top:22px}
.fixed-header .topbar {display:none}
.site-header .container {text-align:right}
.homeSlider {position:relative}
.homeSlider .caption-wrap {opacity:1!important; color:#000}
.homeSlider .caption-wrap .line1 {font-weight:700; font-size:64px; line-height:78px; color:#006699; margin:0 0 20px 0; }
.homeSlider .caption-wrap .line1 span{color:#F58E2F;}
.homeSlider .caption-wrap .line2 {font-size:24px; color:#555555; max-width:620px;margin:0 0 40px 0;}
@-webkit-keyframes rotating {from {-webkit-transform:rotate(0)}
to {-webkit-transform:rotate(360deg)}
}
.rotating {-webkit-animation:rotating 2s linear infinite}
.homeSlider .caption-wrap p {color:#fff; font-size:80px; line-height:80px; font-weight:300; margin:0}
.homeSlider .owl-item.active .caption-wrap .line1 {animation:1s .1s fadeInDown both}
.homeSlider .owl-item.active .caption-wrap .line2 {animation:1s .9s fadeInUp both}
.homeSlider .owl-item.active .caption-wrap .line3 {animation:1s .9s fadeInUp both}
.homeSlider .owl-item.active .caption-wrap p {animation:1s .9s fadeInUp both}
.homeSlider .owl-item.active .colRight img {animation:1s .9s fadeInRight both}
.homeSlider .caption-wrap .btn-group {margin-top:20px}
.homeSlider .owl-item .caption-wrap .btn-default {margin-right:10px; margin-bottom:10px}
.homeSlider .owl-item.active .caption-wrap .btn-default {animation:1s 1.2s zoomIn both}
.homeSlider .owl-dots {position:absolute; right:20px; bottom:20px}
.homeSlider .owl-theme .owl-dots .owl-dot.active span {background-color:#fff}
.homeSlider .owl-theme .owl-nav {margin:0}
.homeSlider .owl-carousel .owl-nav button.owl-next,.homeSlider .owl-carousel .owl-nav button.owl-prev {position:absolute; margin:-25px 0 0; top:60%; padding:0; height:50px; border-radius:50px; background-color:rgba(0,0,0,.1); color:#fff}
.homeSlider .owl-carousel .owl-nav button.owl-next:hover,.homeSlider .owl-carousel .owl-nav button.owl-prev:hover {background-color:#000}
.homeSlider .owl-carousel .owl-nav button.owl-next {right:20px}
.homeSlider .owl-carousel .owl-nav button.owl-prev {left:20px}
.colLeft {position:absolute; width:45%; left:5%; bottom:45%}
.colRight {position:absolute; width:45%; right:5%; top:50px; text-align:center}
.colRight img {max-width:100vw; margin:auto}

#owl-homeslider{background:#FFE2E2}
#owl-homeslider:before{background:url(../images/road.png) 0 0 no-repeat; width:409px; height:354px; position:absolute; bottom:0; left:0; content:"";}

#pre-div {background-color:#f6f6f6; bottom:0; height:100%; width:100%; left:0; position:absolute; right:0; top:0; z-index:999}
#loader {background-image:url(../images/ajax-loader.gif); background-position:center center; background-repeat:no-repeat; height:149px; left:50%; margin:-75px 0 0 -109px; position:absolute; top:50%; width:218px}
.text-justify {text-align:justify}
.owlpics {display:block; text-align:center}
.owlpics h3 {font-size:18px; color:#212121; font-weight:600; margin:0; padding:10px}
.owlpics .imgbox,.owlpics img {transition:all .3s ease 0s}
.owlpics .imgbox span {display:none; position:absolute; left:0; right:0; top:60%; color:#fff; font-weight:700; z-index:1; transition:all .3s ease 0s}
.owlpics:hover .imgbox {background-color:#000}
.owlpics:hover img {opacity:.4}
.owlpics:hover .imgbox span {display:block}
.owl-theme .owl-nav [class*=owl-] {border-radius:0; background-color:#fff; border:1px solid #acacac; color:#000; width:50px; text-align:center; line-height:40px}
.owl-theme .owl-nav [class*=owl-]:hover {background-color:#000; color:#fff; border-color:#000}
.owl-theme .owl-nav {margin-top:30px}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {background-color:#f0f0f0; padding:4px 7px!important; border-radius:15px}
.owl-carousel .imgWrap {width:100%; height:200px; display:table-cell; text-align:center; vertical-align:middle}
.owl-carousel .imgbox {display:table}
.owl-carousel .imgbox img {max-width:100%; width:auto; margin:auto; max-height:210px}
.fullrow {padding:80px 0; position:relative; clear:both}
.site-footer {color:#fff; position:relative; margin:0; background-color:#006699;  padding:80px 0 0;z-index: 9;margin-top: -20px;}
.footer-shape-top {overflow:hidden; position:absolute; left:0; width:100%; line-height:0; direction:ltr; top:-1px; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)}
.footer-shape-top:not([data-negative=false]) svg {z-index:-1}
.footer-shape-top svg {display:block; width:calc(100% + 1.3px); height:50px; position:relative; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}
.footer-shape-top .footer-shape-fill {fill:#fff; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transform:rotateY(0); transform:rotateY(0)}
.site-footer .socialIcons {padding:40px 0 0 0; display:block; margin:auto}
.site-footer .socialIcons p {font-size:18px; margin:0 10px 10px; display:inline-block; font-weight:900; text-transform:uppercase}
.site-footer .socialIcons a {margin:0 5px 10px; font-size:18px; width:40px; height:40px; line-height:40px; border:1px solid #fff; display:inline-block; border-radius:40px; color:#fff; text-align:center}
.site-footer .socialIcons a:hover {color:#fff; background-color:#000; border-color:#000}
.site-footer .col-41 {width:30%; padding-right:30px; text-align:center}
.site-footer .col-42 {width:18%; padding-right:30px}
.site-footer .col-43 {width:18%}
.site-footer ul {list-style:none; margin:0; padding:0; text-align:left; vertical-align:top}
.site-footer li {padding:0 0 10px 0; position:relative}
.site-footer a {color:#fff}
.site-footer a:hover {color:#fff; text-decoration:underline}
.site-footer .footerTitle {color:#fff; padding-bottom:8px; margin-bottom:20px; position:relative; font-size:24px; text-transform:uppercase; font-weight:700}
.site-footer ul.displayInline {display:inline-block}
.site-footer .box {margin-bottom:0; clear:both}
.site-footer .box p {margin-bottom:0}
.site-footer .box .fa {color:#fff; font-size:20px}
.site-footer .box .fa.fa-envelope-o {font-size:18px; padding:6px 15px 18px 0}
.site-footer .box .fa.fa-mobile {font-size:28px; padding:0 15px 17px 3px}
.site-footer .box .fa.fa-map-marker {padding:5px 15px 0 0}
.site-footer .boxColumn a:hover {color:#fff}
.site-footer .footerSocial {margin:20px 0 0}
.site-footer .footerSocial a {margin:0 12px 0 0; font-size:30px}
.site-footer .copyRight {text-align:center; font-size:14px; padding:20px 0; margin:0; color:#fff; border-top:1px solid rgba(255,255,255,.1); margin-top:20px}
.site-footer .copyRight a {color:#fff; text-decoration:underline}
.site-footer .copyRight a:hover {text-decoration:underline}
.site-footer .copyRight p {margin:0}
.site-footer .copyRight .left {float:left}
.site-footer .copyRight .right {float:right; text-align:right}
.site-footer .copyRight:after {content:""; display:block; clear:both}
#back-to-top {position:fixed; bottom:50px; right:20px; 
    z-index:100;
     width:50px; height:50px; text-align:center; line-height:50px; background:#00537c; color:#fff; cursor:pointer; border:0; border-radius:50px; text-decoration:none; transition:opacity .2s ease-out; opacity:0; font-size:20px; }
#back-to-top.show {opacity:1}
#menubtn {height:35px; border-radius:5px; line-height:34px; display:inline-block; margin-left:12px; padding:0 15px; cursor:pointer;  margin-top:30px; background-color:#006699; color:#fff; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:.02em}

#menubtn span {padding-left:5px}
#modelbtn {height:35px; border-radius:5px; line-height:34px; display:inline-block; margin-left:12px; padding:0 15px; cursor:pointer;  margin-top:30px; background-color:#68AF0C; color:#fff; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:.02em}
.bottom-sheet {
            position: fixed;
            left: 0;
            right: 0;
            bottom: -100%; /* Hidden by default */
            height:260px;
            background: white;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
            transition: bottom 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            z-index: 1000;
            padding: 20px;
        }

        .bottom-sheet.active {
            bottom: 0;
        }

        /* Overlay (Darkens background) */
        .overlay {
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0,0,0,0.5);
            display: none;
            z-index: 999;
        }

        .overlay.active { display: block; }

        /* Handle bar at the top of the slider */
        .handle {
            width: 40px;
            height: 5px;
            background: #ccc;
            border-radius: 10px;
            margin: 0 auto 20px;
        }

        /* Horizontal Scroll for Models */
        .model-list {
            display: flex;
            overflow-x: auto;
            gap: 20px;
            padding-bottom: 10px;
        }

        .model-card {
            min-width: 100px;
            text-align: center;
        }

         .model-card a p{margin-bottom: 0px;margin-top: 5px;}

   .model-card img {
    width: 140px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    background: #eee;
}
		
.col21 {width:47%; display:inline-block; margin:0 3% 0 0; float:left}
.col22 {width:47%; display:inline-block; margin:0 0 0 3%}
.col-21 {width:48%; display:inline-block; margin:0 3% 0 0; float:left}
.col-22 {width:48%; display:inline-block; margin:0; float:right}
.col-31 {width:31.66%; display:inline-block; margin:0 2.5% 0 0; float:left}
.col-32 {width:31.66%; display:inline-block; margin:0 2.5% 0 0; float:left}
.col-33 {width:31.66%; display:inline-block; margin:0; float:left}
.col-41 {width:23.12%; display:inline-block; margin:0 2.5% 30px 0; float:left}
.col-42 {width:23.12%; display:inline-block; margin:0 2.5% 30px 0; float:left}
.col-43 {width:23.12%; display:inline-block; margin:0 2.5% 30px 0; float:left}
.col-44 {width:23.12%; display:inline-block; margin:0; float:left}
.box {margin-bottom:30px}
.box .fa {color:#acacac; float:left; font-size:22px; padding:2px 0 0}
.box .fa-mobile {font-size:36px; margin-left:3px; margin-top:-7px}
.box .fa-envelope-o {font-size:20px; margin-top:1px}
.boxColumn {margin:0 0 0 30px}
.boxColumn a {text-decoration:none}
.boxColumn a:hover {color:#000}
.contactpagelink .boxColumn a {color:#000}
.contactpagelink .boxColumn a:hover {color:#843874}
.entry-content a:hover {color:#000}
.brdimg {border:1px solid #083d5f}
.col21 iframe,.col22 iframe {border-top:1px solid #ccc!important; border-bottom:1px solid #ccc!important}
.col21 iframe {border-right:1px solid #ccc!important}
.btn-default {font-weight:400; border-radius:8px; font-size:20px; background-color:#006699; border:1px solid #006699; padding:12px 25px; text-align:center; min-width:100px; color:#fff; display:inline-block;}
.btn-default:hover {background-color:#000; border-color:#000; color:#fff}
.btn-default.btn-o {background-color:transparent; border-color:#F58E2F; color:#F58E2F}
.btn-default.btn-o:hover {background-color:#000; border-color:#000; color:#fff}
.btn-lg {font-size:18px; padding:8px 30px}
.btn-black {border-color:#000!important; background-color:#000!important}
.btn-red{border-color:#B92727 !important; background-color:#B92727 !important}
.btn-red:hover{border-color:#000 !important; background-color:#000 !important}
.btn-white {border-color:#fff; background-color:#fff; color:#000}
.btn-white:hover {color:#fff}
.btn-orange {background-color:#13277a; border-color:#13277a}
.btn-default i {display:inline-block; padding-left:10px}
.col-8 {width:66.66666667%; float:left}
.col-4 {width:33.33333333%; float:left}
.smallLine {margin-top:0; position:relative; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:3px; color:rgba(255,255,255,.85)}
.breadcrumbs {font-size:11px; font-weight:600; letter-spacing:.4em; text-decoration:none; text-transform:uppercase; text-align:center; margin:0; color:#2d2d2d}
.breadcrumbs a {color:#000}
.pageTitle2 {background-image:url(../images/bg-pagetitle.jpg); background-position:50% center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; padding:270px 0 80px; color:#fff}
.pageTitle2 h1 {font-family:"Fredericka the Great",cursive; text-transform:uppercase; font-weight:400; font-size:60px; margin:85px 0 0}
.pageTitle2 .col-21 {width:38%}
.pageTitle2 .col-22 {width:58%}
.pageTitle {
    background-image:url(../images/slider-img.jpg); 
    background-position:50% center;
     background-repeat:no-repeat;
      background-size:cover; 
      background-attachment:fixed; text-align:left;
       padding:270px 0 100px; 
       text-align:center}

    

.pageTitle h1 {margin:0 0 40px; padding:0; line-height:40px; font-size:60px; font-weight:700; color:#000; text-transform:uppercase}
.bg-contact {background-image:linear-gradient(to bottom,rgba(0,0,0,.52),rgba(0,0,0,.73)),url(../images/bg-contact.jpg); background-position:bottom center}
.bg-f6f6f6 {background-color:#f6f6f6}
.bg-e4e4e4 {background-color:#e4e4e4}
#breadcrumb {list-style:none; margin:10px 0 0; padding:0}
#breadcrumb li {display:inline-block; font-size:16px}
#breadcrumb li:not(:last-child):after {content:"/"; display:inline-block; margin:0 10px}
#breadcrumb a {color:#fff}
.site-content {padding:30px 0}
.site-content p {line-height:30px}
.img-border {border:1px solid #fff; border-radius:20px; box-shadow:0 0 0 5px rgba(0,0,0,.1)}
.col31 {width:33%; float:left}
.col32 {width:33%; float:left; padding-right:40px}
.col33 {width:33%; float:left}
#frm_contact label {font-size:14px; margin-bottom:6px; display:inline-block}
#frm_contact input {border:1px solid #ccc; width:90%; padding:9px; font-size:16px}
#frm_contact select {border:1px solid #ccc; width:90%; padding:9px; font-size:16px}
#frm_contact textarea {border:1px solid #ccc; width:90%; font-size:16px; padding:9px}
#frm_contact .form-group {margin:0 0 10px}
#period-addon {line-height:40px}
.mapwrap .col21,.mapwrap .col22 {width:50%; margin:0}
.wrap404 {text-align:center; padding:40px 0}
.wrap404 i {font-size:120px}
.wrap404 h2 {font-size:60px; font-weight:500; margin:0; line-height:inherit}
.wrap404 h4 {font-size:40px; font-weight:300; margin:0; color:#ccc}
.wrap404 p {font-size:20px}
.well {transform:scale(.8); box-shadow:0 0 10px rgba(0,0,0,.3); padding:20px; margin:10px; background-color:#e3e3e3; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.3); box-shadow:inset 0 1px 1px rgba(0,0,0,.3); display:none; max-width:320px; min-width:300px; min-height:300px; color:#000}
.popup_visible .well {transform:scale(1)}
.well .closeicon {position:absolute; right:1px; top:1px; cursor:pointer; padding:6px; color:#fff; background:#000}
.well .form-group {margin-bottom:15px}
.well input.form-control {width:100%}
.well select {width:100%; padding:7px 10px}
.well label {display:block; font-size:12px; margin:0 0 5px; font-weight:700}
.well .head2 {font-weight:800; text-transform:uppercase; margin:0 0 20px; border-bottom:1px solid #000; padding-bottom:10px}
.w1600 {max-width:1600px!important; margin:0 auto}
.w1200 {max-width:1200px!important; margin:0 auto}
.w980 {max-width:980px!important; margin:0 auto}
.w900 {max-width:900px!important; margin:0 auto}
.w800 {max-width:800px!important; margin:0 auto}
.w660 {max-width:660px!important; margin:0 auto}
.w600 {max-width:600px!important; margin:0 auto}
.w250 {max-width:250px!important; margin:0 auto}
.w200 {max-width:200px!important; margin:0 auto}
.w150 {max-width:150px!important; margin:0 auto}
.w100 {max-width:100px!important; margin:0 auto}
.minw100 {min-width:100px}
.minw240 {min-width:240px}
.field-row {margin-bottom:10px}
.formWrap {margin:0 auto}
.formWrap label {display:block; font-weight:400}
.formWrap input[type=date],.formWrap input[type=email],.formWrap input[type=tel],.formWrap input[type=text] {width:100%; border-color:#cecece; border-radius:0; color:#000}
.formWrap select {width:100%; border-color:#cecece; border-radius:0; color:#000; font-size:16px; font-weight:300; padding:10px 8px}
.formWrap .col21,.formWrap .col22 {margin-bottom:15px}
.formWrap .col-31,.formWrap .col-32,.formWrap .col-33 {margin-bottom:15px}
.formWrap textarea {height:120px; border-radius:0; color:#000}
.formWrap input[type=submit] {width:auto; margin:10px 0 0; border-radius:5px; padding:10px 20px 8px; font-size:18px; font-weight:400}
table.pkg {background-color:#fff; font-size:18px; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2}
table.pkg td {padding:10px; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; color:#1a1a1a}
table.pkg td:first-child {background-color:#f1f1f1}
.anchorspan {position:absolute; top:-100px}
.showMobile {display:none}
.showMobile a {display:inline-block; background-color:#f2f2f2; float:left; text-align:center; color:#000; padding:2px 0; font-weight:400; width:25%}
.addBorder {border-left:1px solid rgba(0,0,0,.2)}
.yeardiv {width:50px!important; float:left; text-align:center; margin-right:10px}
.mr20 {margin-right:20px!important}
.mt28 {margin-top:28px!important}
.mt20 {margin-top:20px!important}
.mt10 {margin-top:10px!important}
.showMobile a:hover {background-color:#000; color:#fff}
#menubtn {display:none}
.text-center {text-align:center}
.font20 {font-size:20px}
.formWrap input[type=submit].btn-tracking {width:70%; padding:4px 0; vertical-align:top; margin:0}
.alert {padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px}
.alert-success {color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6}
.alert-info {color:#31708f; background-color:#d9edf7; border-color:#bce8f1}
.alert-warning {color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc}
.alert-danger {color:#a94442; background-color:#f2dede; border-color:#ebccd1}
.table {border-left:1px solid #ccc; border-top:1px solid #ccc; font-size:15px; color:#000}
.table th {text-align:left; padding:10px; color:#222; font-size:16px; border-right:1px solid #faed38; border-bottom:1px solid #111; background-color:#faed38}
.table td {text-align:left; padding:12px 20px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff}
.font28 {font-size:28px; line-height:36px}
.mulilight {font-weight:300!important}
.mt0 {margin-top:0!important}
.pt0 {padding-top:0!important}
.mb0 {margin-bottom:0!important}
.mt20 {margin-top:20px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.m0 {margin:0}
.vtop {vertical-align:top}
.title-light {font-weight:300; color:#272727; font-size:24px}
.pb0 {padding-bottom:0!important}
.pb20 {padding-bottom:20px}
.text-white {color:#fff !important}
.eq-row {display:flex; position:relative}
.eq-row .column {flex:50%}
.p40 {padding:40px}
.showOnlyDesktop {display:block}
.showiPad {display:none}
.iconLeft {float:left; width:60px; margin:7px 0 0 0}
.iconLeft .fa {font-size:45px}
.servConRight {display:table; margin-left:-65px}
.introContent.nobg {background-image:none}
.introContent {padding:60px 0 50px; background:#fff; position:relative; color:#000; font-weight:500}
.introContent .container {z-index:10; position:relative}
.border-img {max-width:100%; width:auto; margin:0 auto; border-radius:20px; display:inline-block; overflow:hidden}
.introContent .col-21 {width:46%}
.introContent .col-22 {width:50%}
.bg-products {background:url(../images/bg-products.jpg) center center no-repeat fixed}
.titletxt {font-size:50px; color:#000; line-height:60px; position:relative; padding-bottom:15px; margin-bottom:40px}
.titletxt small {font-size:26px; color:#252525; font-weight:400; line-height:30px; display:block}
.introContent p {text-align:justify}
.wow {visibility:hidden}
.img-block {display:block}
.desktop-p40 {padding:40px}
.tb {display:table; width:100%; height:100%; vertical-align:middle}
.tbs {display:table-cell; height:100%; vertical-align:middle}
.gallerylist {list-style:none; margin:0; padding:0}
.gallerylist:after {content:""; display:block; clear:both}
.gallerylist li {margin:0; padding:0; width:20%; float:left}
.gallerylist li a {margin:1px; position:relative; display:block; overflow:hidden}
.gallerylist li a img {display:block}
.gallerylist li a img[alt] {font-size:12px}
.gallerylist li .caption {position:absolute; left:0; right:0; bottom:0; background-color:rgba(59,89,151,.8); text-align:center; visibility:hidden; height:0; transition:all ease-in-out .2s; color:#fff; font-size:22px}
.gallerylist li a:hover .caption {visibility:visible; height:100%; left:0; top:0}
.homeProducts {clear:both; padding:80px 0;  background-color:rgba(245,245,245,0.70);}


.carouselBox {text-align:center; position:relative}
.carouselBox .pic {display:block; overflow:hidden; position:relative}
.carouselBox:hover .pic {border-color:#0077bd}
.carouselBox .content {position:relative; left:0; bottom:0; width:100%; padding:0; z-index:3; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s}
.carouselBox .content .title {font-size:20px; margin:10px 40px 0; padding:0; color:#000; font-weight:700; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; text-transform:uppercase}
.carouselBox .overlay {position:absolute; top:0; width:100%; height:100%; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; opacity:0; visibility:hidden}
.carouselBox:hover .overlay {opacity:1; visibility:visible; z-index:2}
.carouselBox .overlay img {width:49px; height:49px; margin:auto; left:0; right:0; top:0; opacity:0; visibility:hidden; position:absolute; transition:all ease-in-out .2s}
.carouselBox:hover .overlay img {opacity:1; visibility:visible; top:50%; margin-top:-20px}
.carouselBox img.proimg {transition:ease-in-out all .2s; z-index:1; display:block}
#owl-homeProductss.owl-carousel .owl-nav button.owl-next,#owl-homeProductss.owl-carousel .owl-nav button.owl-prev {background-color:transparent; border:1px solid #ccc; width:70px; padding:2px 7px!important; color:#ccc; border-radius:30px}
#owl-homeProducts{margin:40px 0}

.clientlogobox span {display:table-cell; vertical-align:middle; padding:10px}
.clientlogobox img {vertical-align:middle; max-height:130px; max-width:100%; margin:auto; width:auto!important}
.clientPage .clientlogobox {width:23%; margin:0 1% 2%; border:1px solid #ccc}
.projectList {position:relative; display:block}
.project {background-color:#eee; width:100%; clear:both; display:flex; margin-bottom:10px; transition:ease-in-out all .5s}
.project:hover {box-shadow:0 2px 13px rgba(0,0,0,.5)}
.project .srno {padding:20px; text-align:center; background-color:#d9d9d9; width:70px}
.project .proTitle {padding:20px; flex-grow:8}
.project .probtn {padding:10px}

.btn-fontaw {font-family:FontAwesome,Muli,sans-serif}
.fa-ul {margin:10px 0 0 25px}
.fa-ul li {padding-bottom:10px}
.border_box {width:calc(20% - 30px); float:left; margin:15px; text-align:center}
.border1 {width:100%; float:left; background-color:#fff; border:#ddd 1px solid; text-align:center; padding:10px 0}
.yellowStrip {position:relative}
.galleryImg {border:5px solid #fff; box-shadow:0 0 15px rgba(0,0,0,.12)}
.introTwoImg .col-21 {margin-right:1.5%}
.introTwoImg .col-22 {margin-left:1.5%; margin-top:30px}
.introTwoImg img {box-shadow:0 20px 45px rgba(0,0,0,.25); display:block; border-radius:20px}
h1.home {font-size:28px; font-weight:900; line-height:normal; color: #34325b; }
h2 {font-size:38px; font-weight:800; line-height:140%; color: #006699; }
ul.style1 {padding:0; margin:0 0 15px 0; list-style-type:none}
ul.style1 li {padding:0 0 9px 31px; position:relative; margin:0}
ul.style1 li:before {content:""; width:24px; height:24px; background:url(../images/icon-check.png) 0 0 no-repeat; background-size:auto; padding:0; margin-left:0; display:inline-block; position:absolute; left:0; top:6px; background-size:18px}
@media only screen and (min-width:1024px) {
	
.homeSlider {min-height:500px;padding: 25px;padding-top: 170px;}
#owl-homeslider {height:calc(95vh - 160px); min-height:500px;border-radius: 30px;overflow: hidden;}
#owl-homeslider.owl-carousel .owl-item img.spacer {height:95vh; min-height:500px}
}

.imgRelative{position:relative;}

.homevisionmission{display:flex; margin-bottom:40px; flex-direction:column; gap:30px;}
.homevisionmission .hvmbox{display:flex; gap:20px;}
.homevisionmission .hvmicon{width:60px;}
.homevisionmission .hvmtitle{color:#17418F; font-size:24px; font-weight:600}
.maintitle{color:#006699; font-weight:600;line-height: 130%;}
h1.maintitle{font-size:40px;    margin: 5px 0 15px;}
.maintitle span{color:#F58E2F;}
.font24{font-size:24px;}
.tag{color:#B92727; background:#FFE6E6; padding:3px 20px; font-weight:500; display:inline-block; border-radius:5px;font-size: 18px; text-transform:uppercase}

.starblue{position:absolute; width:75px; height:75px; background:url(../images/starblue.png); left:45%; bottom:-30px; z-index:99;animation: rotateSlow 20s linear infinite; }


.red-asterisk{position:absolute; width:95px; height:95px; background:url(../images/asterisk.png); right:150px; top:60px; z-index:99;animation: rotateSlow 20s linear infinite; }

@keyframes rotateSlow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Card Styling */
.product-card {background: #fff; border-radius: 15px; padding: 20px; margin: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; }
.product-card:hover {transform: translateY(-5px); }
/* Image Section */
.product-card .img-wrapper {position: relative; background-color: #f1f1f1; border-radius: 12px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.product-card .img-wrapper a{text-align: center;}
.product-card .img-wrapper img {max-width: 100%; height: auto; object-fit: contain; }
.product-card .badge-best {position: absolute; top: 15px; right: 15px; background: #fff; padding: 5px 15px; border-radius: 20px; font-size: 15px; font-weight: 500; color: #333; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
/* Text Content */
.product-card .product-content {padding-top: 20px; }
.product-card .product-content h3 {margin: 0 0 10px 0; font-size: 24px; font-weight: 500; color: #006699; }
.product-card .product-content h3 a{margin: 0 0 10px 0; font-size: 24px; font-weight: 500; color: #006699; }
.product-card .product-content h3 a:hover{text-decoration: underline;}
.product-card .product-content p.desc {color:#555;  margin:0 0 20px; padding:0;}
.product-card hr {border: 0; border-top: 1px solid var(--border-light); margin-bottom: 20px; }
/* Specs List */
.product-card .specs-list {list-style: none; padding: 0; margin: 0 0 25px 0; }
.product-card .specs-list li {display: flex; align-items: center; font-size: 18px; color: #444; margin-bottom: 12px; gap:5px }
.product-card .specs-list svg {width: 18px; height: 18px; margin-right: 12px; color: var(--accent-blue); }
.product-card .specs-list img{width:22px !important; height:22px !important; margin-right: 12px;}
/* Button */
.product-card .btn-default{display:block}
.product-card .btn-details {display: block; width: 100%; text-align: center; padding: 12px; border: 1.5px solid #000; border-radius: 8px; text-decoration: none; color: #000; transition: all 0.3s; }
.product-card .btn-details:hover {background: #000; color: #fff; }
.img-bordered{border-radius:20px;}
.text-orange{color:#F58A31}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.img-full{width:100% !important}


.absScooter{position:absolute; left:20px; bottom:-10px;animation: slideSlow 20s linear infinite; }
@keyframes slideSlow {
    from {
        transform: translateX(0deg);
    }
    to {
        transform: translateX(100px);
    }
}
.homeDealer{background:#006699; padding:60px 0}
.homeDealer .homeDealerRide {
    display: flex;
    gap: 40px;
}
.homeDealer .hdrbox {
    display: flex;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 20px; gap:20px;
	align-items: flex-start;
}
.homeDealer .hdrbox:hover{background-color:#045781}
.homeDealer .hdrbox img{object-fit:contain;}
.homeDealer .hdrbox h3{margin:0 0 5px; font-size:30px; font-weight:400}
.homeDealer .hdrbox p{margin:0;}

.homeMarket{padding:40px 0; text-align:center}
.homeMarket h4{margin:0 0 20px; font-weight:500; color:#006699}
.marketGrids{display: flex;gap:30px;flex-wrap: wrap;}
.marketGrids .mgbox{display: flex;gap:10px; flex-direction:column; box-shadow:1px 2px 10px rgba(0,0,0,0.16); flex:1; justify-content:center; border-radius:8px; padding:20px;}

.footercta{position:relative}
.footercta .ctabox{display:flex; color:#fff; padding:70px 100px; border-radius:20px; background-color:#F58E2F; align-items:center; position:relative; z-index:10;}
.footercta .ctaboxtxt{flex:1}
.footercta .ctaboxtxt h2{color:#fff; font-weight:600; font-size:48px}
.footercta .ctaboxtxt p{margin:0}
.footercta .ctaboxbtns {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}

.whatsapp-float {
            position: fixed;
            width: 50px;
            height: 50px;
            bottom: 40px;
            left: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 20px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            
            /* Apply the jumping animation */
            animation: jump 2s infinite;
        }

        /* The Jumping Animation Logic */
        @keyframes jump {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-20px);
            }
            60% {
                transform: translateY(-10px);
            }
        }

        /* Hover effect to stop animation and glow */
        .whatsapp-float:hover {
            animation: none;
            background-color: #128C7E;
            box-shadow: 0px 0px 20px rgba(37, 211, 102, 0.5);
        }

        /* Simple SVG Icon styling */
        .whatsapp-float svg {
            width: 25px;
            height: 25px;
            fill: white;
        }
#modelbtn{display: none;}


.missionvision {
    display: flex;
    gap: 30px;
}
.missionvision .mvbox {
    flex: 1;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    background: #fff;
}
.missionvision .fa {
    font-size: 36px;
    color: blue;
    vertical-align: center
}



.missionvision h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;padding: 0;margin: 0;
}

.our-products {
   
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
@media (max-width: 992px) {
    .our-products  {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .our-products  {
        grid-template-columns: 1fr;
    }
}

.color-titleblue{color: #006699;}
.product-features .product-card {
    background: #fff;   
    padding: 0px;
    box-shadow: none;   
    border: 1px solid #ededee;
    border-radius: 12px;
}

.product-features .product-content{margin: 0px;padding: 20px;background: #ededee;border-radius: 0 0 12px 12px;}
.product-features .product-content h3{font-size: 20px;}
.product-features .product-card .img-wrapper{border-radius: 12px 12px 0px 0px;}
.product-features .product-card .img-wrapper img{max-width: 100%;}


/* Table Wrapper */
.table-wrapper {
    overflow-x: auto;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0, 51, 102, 0.08);
    border: 1px solid #EBECEF;
}

/* ===== TABLE DESIGN ===== */
.variant-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
}

/* Equal width columns */
.variant-table th,
.variant-table td {
    width: 20%;
    padding: 16px;
    text-align: center;
    font-size: 15px;
    border-right: 1px solid #edf2f7;
}

.variant-table th:last-child,
.variant-table td:last-child {
    border-right: none;
}

/* ===== First Header Row ===== */
.variant-table thead tr:first-child th {
    background: #0e4c7f;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ===== Second Header Row Highlight ===== */
.variant-table thead tr:nth-child(2) th {
    background: linear-gradient(90deg, #ff7a00, #ff9a3c);
    color: #ffffff;
    font-weight: 700;
    border-bottom: 4px solid #0e4c7f;
}

.variant-table thead tr:nth-child(3) th {
    background: linear-gradient(90deg, #ff7a00, #ff9a3c);
    color: #ffffff;
    font-weight: 700;
    border-bottom: 4px solid #0e4c7f;
}

/* Lead & Lithium group override */
.lead-head {
    background: #006699 !important;
}

.lithium-head {
    background: #f58e2f !important;
}

/* Body rows */
.variant-table tbody tr:nth-child(odd) {
    background: #f4f8fc;
}

.variant-table tbody tr:nth-child(even) {
    background: #ffffff;
}

.variant-table tbody tr:hover {
    background: #e6f2ff;
    /*transform: scale(1.01);
    transition: 0.3s ease;
    box-shadow: inset 0 0 10px rgba(14, 76, 127, 0.08);*/
}

/* First column */
.variant-table td:first-child {
    font-weight: 600;
    text-align: left;
    color: #0e4c7f;
}

/* Responsive */
/*@media (max-width: 768px) {
    .variant-title {
        font-size: 24px;
    }

    .variant-table th,
    .variant-table td {
        padding: 12px;
        font-size: 14px;
    }
}
*/
/* ===== MOBILE SCROLL FIX ===== */
@media (max-width: 768px) {

    .table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
    }

    .variant-table {
        min-width: 800px;   /* forces horizontal scroll */
        table-layout: fixed;
    }

    .variant-table th,
    .variant-table td {
        white-space: nowrap;  /* prevents text wrapping */
        padding: 12px;
        font-size: 14px;
    }
    .variant-table th, .variant-table td {
    width: auto;
    
}
}


/*center-slider css for page bottom gallery*/

.slider-container {
    width: 80%;
    margin: 20px auto;
    position: relative;
}

/* Fixed height for all slides */
.center-slider .item {
    transition: all 0.4s ease;
    transform: scale(0.75);
    opacity: 0.5;
}

/* Image container (uniform size) */
.center-slider .img-box {
    height: 290px;              /* 👈 Adjust height here */
    background: #000;           /* background for empty space */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    overflow: hidden;
}

/* Image fitting without crop */
.center-slider .img-box img {
 /*   max-height: 100%;
    max-width: 100%;
    object-fit: contain;*/        /* 👈 prevents cutting */
}

/* Center image large */
.center-slider .owl-item.center .item {
    transform: scale(1);
    opacity: 1;
}

/* Allow partial visibility */
.center-slider.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.center-slider .owl-stage {
    display: flex;
    align-items: center;
}

/* Responsive height */
@media (max-width: 768px) {
    .center-slider .img-box {
        height: 280px;
    }
}
/* End */

.gallery-filters {
    text-align: center;
    margin-bottom: 25px;
}

.filter-btn {
    padding: 8px 18px;
    margin: 5px;
    border: 1px solid #006699;
    background: #006699;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    min-width: inherit;
}

.filter-btn.active {
    background: #000;
    color: #fff;
    border-color: #000;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px;
}

.gallery-item img {
    width: 100%;
    display: block;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}


.contBoxes .contBoxFlex {
    display: flex;
    flex-wrap: wrap;
}
.contBoxes .contBoxFlex .contact-box {
    flex: 0 0 calc(33.33% - 30px);
    padding: 35px 35px 35px 35px;
    background: #006699;
    text-align: center;
    margin: 15px;
}
.contact-box .contact-icon img {width: 64px; height: 64px; max-width: unset; margin-bottom: 20px; }
.content-text .title {font-size: 26px; color:#fff; line-height: 38px; margin: 0 0 10px; font-weight: 500;}
.contact-box .content-text .services-txt {margin: 0; color: #fff; font-weight: 400; }
.contact-box .content-text a { color: #fff; font-size: 18px;}

.dealership-box {
    margin: 0 auto;   
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 50px;
    align-items: center;
}
.dealership-box-left {
    background: url("../images/dealership-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 100%;
    width: 540px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
/*.dealership-box-left::after {
    background: linear-gradient(to top, #999, #0D142B1A);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    opacity: 0.88;
    border-radius: 20px;
}*/
.dealership-box-right {
    background-color: #F8F9FA;
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 0;
    border: 1px solid #C4C4C4;
}




 /* Tabs */
    .tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 25px;
    }

    .tab {
      padding: 10px;
      border: 1px solid #000;
      background: #000;
      cursor: pointer;
      font-size: 17px;
      transition: 0.3s;font-weight: 500;border-radius: 10px;
    }

    .tab:hover {
      background: #006699;
    }

    .tab.active {
      background: #006699;
      color: #fff;
      border-color: #006699;border-radius: 10px;
    }

    /* Content Area */
    .tab-content {
      display: none;
      padding: 25px;
      border: 1px solid #eee;
      border-radius: 4px;
      animation: fadeIn 0.3s ease-in-out;
    }

    .tab-content.active {
      display: block;
    }

    .tab-content h3 {
      margin-top: 0;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(5px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Responsive */
    @media (max-width: 768px) {
      /*.tabs {
        flex-direction: column;
      }*/
    }

.customizer-container {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
           
            max-width: 1000px;
            background: #fff;
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.1);
        }

        /* Main Image and its background matching image_0.png */
        #scooter-image-container {
            width: 100%;
            height: 0;
            padding-bottom:67%; /* 16:9 Aspect Ratio matching image_0.png */
            position: relative;
            background-color: #fff; /* Gray background from image_0.png */
            border-radius: 8px;
            overflow: hidden;
            box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);
        }

        #scooter-main-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: opacity 0.3s ease; /* Smooth transition */
        }

        /* Color Picker Section */
        #color-picker-container {
            margin-top: 25px;
            display: flex;
            justify-content: center;
            gap: 15px; /* Spacing between circles */
            padding: 10px;
        }

        .color-box {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            border: 3px solid transparent;
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
            transition: transform 0.2s, border-color 0.2s;
        }

        .color-box:hover {
            transform: scale(1.1);
        }

        .color-box.active {
            border-color: #007bff; /* Highlight color */
            transform: scale(1.15);
        }



.productfeatures{display:flex;    flex-wrap: wrap; margin:0 -6px}
.productfeatures .item{flex:calc(33.33% - 12px); flex-wrap:wrap; margin:6px;}
.productfeatures .product-card .img-wrapper{height:200px; background-color:#fff}
.productfeatures .product-card .img-wrapper img{max-width:200px; max-height:200px;}
.productfeatures .product-card h3{text-align:center; font-size:20px;}

.video-wrap {
                max-width: 100%;
                margin: 0 ;
                border-radius: 12px;
                overflow: hidden;
                background: #000;
                box-shadow: 0 6px 18px rgba(0,0,0,0.12);
            }

            /* 16:9 aspect ratio using padding trick */
            .video-aspect {
                position: relative;
                width: 100%;
                padding-top: 56.25%;
                /* 9/16 = 0.5625 = 56.25% */
            }

            .video-aspect video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: contain;
                /* or 'cover' if you want it to fill and crop */
                display: block;
            }

            @media (max-width: 480px) {
                .video-wrap {
                    border-radius:8px;
                }
            }

		
@media only screen and (max-width:1460px) {

	.homeSlider .caption-wrap .line1 {font-size:46px; line-height:56px}
	
}
@media only screen and (max-width:1360px) {
	.red-asterisk{right:6%; top:6%}
	.starblue{bottom:-50px;}
.homeSlider .caption-wrap .line1 {font-size:4vw; line-height:4.4vw}
 #cssmenu>ul>li>a {font-size:16px}
    #cssmenu>ul>li>a{padding: 18px 7px;}

}
@media only screen and (max-width:1200px) {
    #cssmenu>ul>li>a {font-size:15px}
    #cssmenu>ul>li>a{padding: 18px 5px;}
    .dealership-box-left{width: 100%;}
    .contBoxes .contBoxFlex .contact-box{padding: 20px;}
}

@media only screen and (max-width:1024px) {
	.footercta .ctabox{padding:30px}
	.pageTitle2 h1 {font-size:40px; margin:75px 0 0}
#owl-homeslider.owl-carousel .owl-item img {max-height:700px}
.border_box {width:calc(25% - 30px)}
.border_box .heding5 {min-height:48px}
.showOnlyDesktop {display:none}
.showiPad {display:block}
.site-footer .container {padding:0 15px}



}
@media only screen and (max-width:1023px) {
	.footercta .ctaboxtxt h2{font-size:38px;}
	.footercta .ctabox{flex-direction:column;        text-align: center; gap:30px}
	.logoImg img {max-height:70px}
.topMenu {margin-top:32px}
#menubtn {margin-top:30px}
.fixed-header #menubtn {margin-top:30px;margin-right: 0px;}

#masthead {box-shadow:0 5px 5px rgba(0,0,0,.1)}
.logoImg img {max-height:80px}
#masthead {position:relative}

.topMenu {float:left; width:100%}
.logoImg {max-width:160px; padding:10px 0 10px 0}
#cssmenu #menu-button {display:none}
#cssmenu>ul {clear:both}
.topEnquiryBtn {display:none}
#cssmenu>ul>li {padding:0; margin:0}
#cssmenu>ul>li:first-child {padding:0}
.fixed-header .logoImg {padding:10px 0 10px 15px}
.showMobile {display:block}
#menubtn {display:inline-block;  margin-right:0px}
.topMenu #cssmenu {padding:0}
.site-header .container {padding:0 15px}
.topMenu {margin:0}
.fixed-header .topMenu {margin-top:0}
#cssmenu ul {display:none}

#modelbtn{display: inline-block}
.pageTitle {margin-top:0; padding:100px 0}


.contBoxes .contBoxFlex {
    flex-direction: column;
}
.contBoxes .contBoxFlex .contact-box {
    padding: 20px;margin: 0 0 10px 0;
}


}
@media only screen and (max-width:980px) {.restable {overflow:scroll}
.homeSlider .caption-wrap {font-size:2vw}
.homeSlider .caption-wrap .btn {width:auto; padding:1.5vw 2vw; font-size:2vw; height:auto; line-height:normal}
}
@media only screen and (max-width:979px) {.pageTitle2 {padding:100px 0 80px; color:#fff}
#owl-homeslider.owl-carousel .owl-item img {max-height:500px}
.colRight {bottom:25%}

.container {padding:0 15px}
.homeProducts h3 {font-size:28px; line-height:36px; margin:0 0 40px}
.dealership-box{gap: 20px}
.dealership-box-left{width: 100%;}
}
@media only screen and (max-width:800px) {
	.homeDealer .homeDealerRide{flex-direction:column}
	
	.pageTitle2 h1 {margin:55px 0 0}
.border_box {width:calc(33.33% - 30px)}
.site-footer .copyRight .col21,.site-footer .copyRight .col22 {text-align:center; width:100%; margin:0; padding:0}
.site-footer .col-41 {width:60%}
.site-footer .col-42 {width:35%}
.site-footer .col-43 {width:47.5%; clear:left}
.site-footer .col-44 {width:47.5%}
.col21.footerLeft {width:100%}
.col22.footerRight {width:100%; margin-left:0}
.site-footer .col41 .socialicon {padding:0}
.site-footer .col41 .socialicon p {display:none}
.site-footer .col41 .footerlogo {display:none}
.site-footer .copyRight {padding:0 0 15px 0}
.site-footer .copyRight .right {text-align:center; padding:10px 0 0}
.site-footer .copyRight .right {float:none}
.site-footer .copyRight .left {float:none; padding:20px 50px 0 0}
aside#secondary {padding:40px 0 0; width:30%}
#primary.content-area {width:65%}
.product_box.last-child {padding:0}
.product_box {padding:0 0 20px; margin-bottom:20px}
.col21.footerLeft {width:100%}
.col22.footerRight {width:100%; margin-left:0}
.footerMenu {float:none; text-align:center}
.footerSocial {float:none; text-align:center; margin:20px 0 0}
.sideLinks {display:none}
.site-footer {background-size:cover}
.gallerylist li {width:25%}
.introContent {padding:20px 0 10px}
.homeProducts {padding:40px 0 30px}
.fullrow {padding:40px 0;}
.project .proTitle {flex-grow:inherit; flex:1}


}
@media only screen and (max-width:767px) {
	h1.maintitle {font-size: 30px;}
	h2 {font-size: 28px;}
	
	
	
	.colLeft {bottom: inherit;
        top: 10%;}
.pageTitle2 .col-22 {display:none}
.pageTitle2 .col-21 {width:100%; margin:0}
.pageTitle2 h1 {margin:0}
.homeSlider .owl-theme .owl-nav {display:none}
.eq-row {display:block}
.eq-row .column {flex:inherit; width:100%}
.bgImgcol {height:350px; width:100%}
.p40 {padding:30px!important}
.contentLeft {width:100%}
.sidebarRight {width:100%; margin:30px 0 0}
.titletxt {margin-bottom:20px}
.dealership-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.dealership-box-left{
    width: 100%;
    height: 400px;
}


}
@media only screen and (max-width:600px) {
	.homeSlider .caption-wrap .line2 {font-size:2vw	;margin-bottom: 0;}
.homeSlider .owl-item.active .caption-wrap .btn-default {font-size:2vw; padding:1vw 2vw}
.border_box {width:calc(50% - 20px); margin:10px}
.border_box .border1 {min-height:130px}
.border_box .heding5 {min-height:38px; font-size:12px}
.homeProducts p {min-height:inherit}
#primary.content-area {width:100%; margin:0}
aside#secondary {padding:40px 0 0; width:100%}
.alignleft,.alignright {max-width:220px}
.titleWithborder,.titleWithoutborder {font-size:22px; margin-bottom:20px}
.col-21,.col21 {width:100%; display:block; margin:0 0 30px; float:none}
.col-22,.col22 {width:100%; display:block; margin:0}
.col-31,.col31 {width:100%; float:left; margin:0 0 30px}
.col-32,.col32 {width:100%; float:left; margin:0 0 30px}
.col-33,.col33 {width:100%; float:left}
.col-41,.col-42,.col-43,.col-44 {width:100%; margin:0 0 10px}
input#address {width:100%}
.mapwrap .col21,.mapwrap .col22 {width:100%}
.introContent .col-22 {width:100%!important}
.introContent .col-21 {width:100%!important; clear:both}
.img-box-behind img {padding:20px 0 0 20px}
.site-footer .col-41 {width:100%; margin-bottom:20px}
.site-footer .col-42 {width:47.5%}
.site-footer .col-43 {width:47.5%; clear:none}
.site-footer .col-44 {width:100%; margin-top:30px}
.introTwoImg .col-21,.introTwoImg .col-22 {width:48%; display:inline-block}
.col-21.introTwoImg {clear:both; margin:0 0 20px 0; display:block; float:left}

  #owl-homeslider.owl-carousel .owl-item img {
    max-height: 250px;
  }

  .colRight {
    top: 25px;
  }

  .missionvision {
    flex-direction: column;
  }

}
@media only screen and (max-width:599px) {
	.homevisionmission .hvmicon {
    width: 120px !important;
}
	.topbar{display:none}
	#masthead{height:100px;}
	.productDetailPage .prodDesc .priceRow del {margin-left:0; display:block}
.site-footer .col31 img {display:none!important}
.site-footer .col31 {width:100%; padding-right:0}
.site-footer .col32 {width:100%; margin:0 0; padding:20px 0 10px; display:none}
.site-footer .col33 {width:100%; margin-bottom:20px}
.desktop-p40 {padding:20px 15px}
.col-8 {width:100%}
.col-4 {width:100%}
.breadcrumbs {text-align:center}
.pageTitle {padding:50px 0}
.pageTitle h1 {font-size:40px; margin:0 0 15px}
.productDetailPage .prodDesc .proName {font-size:24px; white-space:inherit; margin:5px 0}
.productsContainer .proName {white-space:inherit}

}
@media only screen and (max-width:479px) {
	.homeSlider .caption-wrap .line1 {margin-bottom:10px}
.homeSlider .caption-wrap .line3 {font-size:3vw}
#owl-homeslider.owl-carousel .owl-item img {max-height:220px}
.homeSlider .owl-dots {right:30px}

.footerLeft {width:100%; padding:20px 15px 0}
.footerRight::after,.footerRight::before {display:none}
.footerRight {margin:20px 0 0; width:100%; padding:20px}
.gallerylist li {width:50%}
.alignleft,.alignright {max-width:inherit; width:100%; float:none; margin:0}
.entry-summary,.page-content {margin:0}
aside#secondary {padding:0}
.owl-carousel .imgbox img {max-height:inherit}
.introContent {padding:25px 0 10px}
.introContent {padding:15px 0 20px}
.introContent h1 {font-size:21px}
.homeSlider .caption-wrap .btn-default {padding:1.5vw 3vw; font-size:4vw}
.titletxt {font-size:30px; line-height:40px}
.titletxt small {font-size:18px; line-height:18px}
.homeProducts h3 {font-size:20px; line-height:24px}
.site-footer .copyRight {font-size:12px; padding-bottom:15px}
.site-footer {padding-top:90px}
.site-footer .container {margin:0}
.site-footer .copyRight .container {padding:0 55px 0 15px}
.site-footer .footerSocial {margin:0; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.2)}
.site-footer .col-41 {width:100%; margin:0; padding:0}
.site-footer .col-41 .footerLogo {margin:0; display:none}
.site-footer .col-42 {width:100%; padding-left:0; margin:20px 0 0; display:none}
.site-footer .col-43 {width:100%; margin:20px 0 0 0; display:none}
.site-footer .col-44 {width:100%; margin:20px 0 0 0}
.site-footer .footerTitle {margin-bottom:0}
.site-footer .copyRight {margin:0}
#back-to-top {bottom:18px}
.whatsapp-float {bottom: 20px;left: 20px;}
.fullrow {padding:30px 0 20px}
.hide-sm {display:none}
.homeSlider .owl-dots {bottom:10px}
.clientPage .clientlogobox {width:48%}
.introTwoImg img {box-shadow:0 10px 15px rgba(0,0,0,.25)}

.dealership-box-left {
    width: 100%;
    height: 300px;
}

.logoImg {
    max-width: 94px; 
}

.starblue2{display: none;}

}
@media only screen and (max-width:439px) {.cta-flex h3 {font-size:16px}
.pageTitle2 {padding:60px 0 40px}
.homeProducts .titletxt {font-size:28px}
}
@media only screen and (max-width:320px) {#owl-homeslider.owl-carousel .owl-item img {max-height:200px}
}
.flex-contact-box {display:flex; flex-wrap:wrap; margin:20px 0}
.flex-contact-box .fbox {text-align:center; flex:calc(50% - 30px); margin:15px 15px 25px; }
.flex-contact-box .fbox .icon {width:100px ; background-color:#FEED00; border-radius:10px; margin:10px auto; padding:15px; }
.flex-contact-box .fbox .icon img {display:block}
.flex-col {display:flex; justify-content:center; flex-wrap:wrap; }
.flex-col .fxcol {flex:0 0 25%; padding:15px; }
.mobile-grid {display:none; flex-wrap:wrap; margin:0 -10px; }
.mobile-grid > div {flex:0 0 50%; padding:10px; }
.mobile-grid h3 {font-size:18px; margin:0; }
.mobile-grid > div img {border-radius:10px; }
.main-hero-image {background-image:linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(0,0,0,.55),rgba(0,0,0,.95)),url(../images/timesquare-hero-img.jpg); background-position: 50%; position: relative; background-size: cover; object-fit: cover; -o-object-fit: cover; min-height:90%; width: 100%; padding: 270px 0 100px; text-align:center; }
.iti__flag-container {height: 43px !important; }
@media only screen and (max-width:900px) {.main-hero-image {padding: 100px 0; background-image: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,.55)),url(../images/timesquare-hero-img.jpg); }
}
@media only screen and (max-width:767px) {
	.product-intro .col-21,.product-intro .col-22{width: 100%;display: block;}
	
	.sm-mb20{margin-bottom:20px;}
	.customizer-container {margin-top: 0;}
	.color-box{width: 40px;height: 40px;}
	.flex-col.mob-col-2 .fxcol {flex:0 0 50%; padding:15px; }
}
@media only screen and (max-width:600px) {
	.mobile-hide {display:none !important}
.mobile-grid {display:flex}
}
@media only screen and (max-width:530px) {.flex-contact-box {flex-direction:column; }
.flex-contact-box .fbox {margin:15px 0 25px; flex:1; }
}