@import url(omnes-pro.css);
@import url(http://fonts.googleapis.com/css?family=Coda);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600);

body, html {
  overflow-x: hidden;
}
/* body{overflow-x:hidden}
body{padding-top:110px} */
#heading-text h3,#heading-text p,body{font-family:Roboto,sans-serif}
p{font-size:17px;font-family:Raleway,sans-serif;letter-spacing:1px;line-height:31px}
.btn,.form-control,.navbar-toggle{border-radius:0}*{outline:0!important;box-shadow:none}a{color:#20b2aa}
.btn{transition:background .5s cubic-bezier(.17,.67,.83,.67)}

#navigation,.navbar-default{border-radius:0;border:0}
.navbar-default .navbar-nav>li>a{font-size:16px;transition:.5s cubic-bezier(.17,.67,.83,.67);color:#d4af37;margin:5px 12px;padding:0;line-height:28px;font-family:Coda;text-transform:capitalize}
.navbar{margin-bottom:0;}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;z-index:99999}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#d4af37}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#e0be4d}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:#1d1d1d !important; color:#d4af37 !important;}
.navbar-default .navbar-brand{color:#000;font-family:Coda;/*padding:5px 15px;*/font-size:26px;line-height:100%;height:auto;padding:0px}
.nav-wrap{position:fixed;top:0;width:100%;z-index:9999}

.navbar-white button.navbar-toggle .ion-navicon,a:hover{color:#000}
.navbar-white{background-color:#fff!important;transition:background .5s ease-out}
.navbar-white li a{color:#000!important}
.navbar-white .navbar-brand{color:#16a085!important}
.navbar-white button.navbar-toggle{margin-top:5px;margin-right:10px}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:rgba(255,255,255,0)}
.navbar-default .navbar-toggle{border-color:rgba(221,221,221,0);margin:0;line-height:100%;padding-right:10px;}
.navbar-toggle{padding:0}
.navbar{margin-bottom:0;padding:10px 5px;min-height:0}button.navbar-toggle .ion-navicon{font-size:2em;color:#fff}
.navbar-header .contact-number{display:inline-flex;align-items:center;margin-left:50px;font-weight:600;color:#fff;border:1px solid #d4af37;background-color:#464e39;padding:10px;margin-top:12px}
.navbar-header .contact-number i{margin-right:6px;color:#d4af37}
.navbar-header .contact-number span{font-size:15px}
.navbar-header .contact-number span a{font-size:15px;color:#fff}
.navbar-right {margin-top: 18px;}

.form-control:focus{border-color:#3acab1;box-shadow:none}
.row{margin-right:0;margin-left:0}ul li{list-style:none;display:inline-block}li a{text-decoration:none}
#heading-text{padding-top:10px}
#heading-text h3{font-size:49px;padding-top:58px;text-transform:uppercase}
#heading-text p{font-size:18px;padding:5px 0}
.main_content{padding:50px 0}iframe{width:100%}
.service,.service-icon{text-align:center}

.starting-text{padding:50px 0;font-weight:700;text-shadow:1px 1px 1px #000;letter-spacing:2px}
/* .rene{color:#fff;font-weight:600} */
.starting-text h1{font-family:omnes-pro,Helvetica,sans-serif;color:#F7F7F7;font-size:42px;font-weight:600;}
.starting-text h2{font-family:omnes-pro,Helvetica,sans-serif;color:#d4af37;font-weight:600;}
.bottom{width:100%;position:absolute;bottom:2%}
.bottom a{color:rgba(192,192,192,.5)}h5{padding-top:22px;font-size:18px}
.exp{padding-top:76px}
.progress{background-color:#d4e3e4;border-radius:0;border-color:#20b2aa}
.progress-bar{background-color:#5f9ea0}
.pro{padding-top:10px}
.services{width:100%;overflow:hidden;position:relative}
.about-service{font-size:16px;padding:5px 10px 0}
.about-service h3{font-family:Coda;font-size:33px}
.service-icon i{padding:20px 0;font-size:5em;transition:font-size .5s;display:table-cell;vertical-align:middle}
.service-icon{display:table;min-height:140px;width:100%}hr{border-color:#65557c}
.full{width:25%}
.fa-code{color:#5f9ea0}
.fa-desktop{color:#778899}
.fa-th{color:#72b8d3}
.fa-gamepad{color:rgba(0,0,128,.58)}
.fa-lightbulb-o{color:grey}
.fa-stack-overflow{color:#c09553}
.service:hover .service-icon i{font-size:7em}
.service:hover .about-service h3{color:#af684d}
.price-column,.price-column.highlight{z-index:999;position:relative}

.member-title{font-family:Coda}
.member-title,.post,.price-column{margin-bottom:15px}

#team{text-align:center}
#team .team-members h4{font-weight:600;margin-bottom:5px}
#team h2{font-weight:400;text-align:center}
#team .fa{font-size:21px}
#team ul{padding-top:20px}

.team-member-description{text-align:center;font-family:Raleway,sans-serif;font-size:15px;line-height:25px}
.team-member-contact{padding:20px 0}
.team-facebook,.team-google-plus,.team-twitter{color:#20b2aa}
.team-facebook:hover{color:#46629e}
.team-twitter:hover{color:#0eaace}
.team-google-plus:hover{color:#dd4c39}
.team-member-contact a{margin:0 12px;transition:.5s cubic-bezier(.17,.67,.83,.67)}

#app,#game,#web{display:none}
.port{padding-bottom:50px}

.price-column .price-heading{background-color:#5f9ea0;position:relative;padding:17px 15px 15px;box-shadow:0 2px 2px #494946}
.price-column .price-heading h4{font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 1px #41413e;margin-bottom:0;margin-top:0}
.price-column .price-heading .subtitle{color:#fff;font-weight:700;font-style:italic;text-shadow:0 1px 1px #41413e}
.price-column .price-heading .price .currency{color:#fff;font:bold 22px Roboto Condensed,Helvetica,Geneva,sans-serif}
.price-column .price-heading .price .amount{color:#fff;margin-right:18px;font-size:35px}
.price-column .price-heading .price .cents{color:#fff;font:bold 16px Roboto Condensed,Helvetica,Geneva,sans-serif;position:absolute;top:27px;right:0}
.price-content{background-color:rgba(47,79,79,.71)}
.price-content ul{margin:0;padding:0}
.price-content ul li:first-child{border-top-width:initial;border-top-style:none;border-top-color:initial}
.price-content ul li{display:block;text-align:center;color:#f7f7f7;list-style:none;border-top:1px solid #8dbdbd;border-bottom:1px solid #2f4240;padding:7px 15px;line-height:35px;transition:.5s}
.price-column.highlight{margin-top:0;box-shadow:0 1px 8px #4d4d4d}
.price-column.hightligh .price-heading{background:#f85140}
.price-column.hightligh .price-heading .subtitle,.price-column.hightligh .price-heading h4{color:#fff;text-shadow:0 1px 1px #d61b08}
.price-column .price-heading .price{position:absolute;top:12px;right:10px}
.price-column.hightligh .price-heading .price .amount,.price-column.hightligh .price-heading .price .cents,.price-column.hightligh .price-heading .price .currency{color:#c63f33;text-shadow:0 1px 1px #f3a39b}

.post{width:90%}
.row-fluid{overflow:hidden;padding:25px 0;width:100%}

#blog{margin-top:10px;width:100%;font-family:Lora,serif}
#blog .post .post-thumbnail{overflow:visible!important}
#blog .post .post-thumbnail .frame,#blog .post .post-thumbnail .frame img{border-radius:3px;margin-bottom:0}
#blog .post .post-thumbnail .frame{padding:8px;background:#b9b9bb;position:relative;margin-left:20px;margin-top:20px}
#blog .post .post-thumbnail .post-format{display:block;width:60px;height:60px;text-align:center;border-radius:300px;-webkit-border-radius:300px;-moz-border-radius:300px;border:5px solid #b8b8bb;position:absolute;top:-19px;left:-20px;background-color:#d9dad9;z-index:9999}
#blog .post .post-thumbnail .post-format span{font-size:33px;position:relative;top:2px;color:#20b2aa}a{outline:0}
#blog .post .post-thumbnail .post-shadow{margin:0;padding:0 0 0 18px}
#blog .post-excerpt{margin-top:18px;padding-left:70px}
#blog .post h2.title a{color:#20b2aa;text-transform:uppercase;font-weight:700;text-shadow:0 1px 1px #f7f7f6;font-family:Dosis,sans-serif}
#blog .post h2.title{margin-bottom:0;padding-bottom:0;margin-top:0;font-size:20px}
#blog .post .post-share p{font-weight:700;float:left;margin-right:10px}
#blog a:hover,#team a:hover,a{text-decoration:none}
#blog,#team{margin-bottom:20px}

.title{position:relative}
.line-dotted{border-bottom:1px dashed #a4a4a4;box-shadow:0 1px 1px #fff;width:100%;clear:both;margin-top:19px;margin-bottom:23px}
.post-share a{padding:0 10px;font-size:18px}
.copyright,.copyright a,.logo h1{color:#000}
.client-name{font-style:italic;font-size:18px}
.client-comment{padding:40px 0 25px}
.input-group,.map{padding:18px 0}
.send{float:left}
#contact{padding-bottom:80px}

.socials-icons{margin:0 auto;position:relative;width:100%}
.socials-icons li{padding-bottom:10px;display:inline-block;list-style:none}
.socials-icons li a{display:block;position:relative;width:50px;height:50px;text-align:center;line-height:50px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:.8}
.socials-icons li a i.fa{color:#fff;line-height:50px;font-size:21px}
.socials-icons li a:hover{opacity:1}
.facebook,.google-plus,.instagram,.pinterest,.skype,.twitter{background-color:#323232}
.facebook:hover{background-color:#46629e}
.twitter:hover{background-color:#0eaace}
.google-plus:hover{background-color:#dd4c39}
.instagram:hover{background-color:#4a789e}
.pinterest:hover{background-color:#cb2027}
.skype:hover{background-color:#01aef2}form{width:100%}
.main-footer{background-color:#fff;margin-top: 20px;/*padding:20px 0*/}
.logo h1{font-family:Raleway,sans-serif;font-size:50px}
.copyright{margin-top:10px;font-size:16px}
.copyright p{font-weight:500}
.copyright a:hover{text-decoration:none;color:#000}
.theme{font-family:Coda}

.ion-ios7-arrow-down{color:#fff;font-size:3em}

.btn-primary,.pagination{border-radius:0}
.btn-primary{color:#fff;background-color:#3acab1;border-color:#3acab1}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#16a085;border-color:#16a085}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#fff;background-color:#3acab1;border-color:#3acab1}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#3acab1;border-color:#3acab1}
.pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:0;border-bottom-left-radius:0}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:0;border-bottom-right-radius:0}
.pagination>li>a,.pagination>li>span{color:#16a085}

#port-items .col-md-4{padding:0}
.input-group-addon{border-radius:0;background-color:rgba(238,238,238,0)}

#price_table ul{display:table;margin:0 auto;width:100%;max-width:1100px;padding:0}
#price_table li{display:table-cell;width:33.333%;padding:43px 0 0;transition:.25s,color!important;position:relative;z-index:0;border:1px solid #bbb;background-color:#fff}
#price_table li:first-child{position:relative;right:-1px}
#price_table li:last-child{position:relative;left:-1px}
#price_table li:hover{box-shadow:0 13px 48px rgba(0,0,0,.2);z-index:1;color:#fff;background:#1abc9c;border-color:#1abc9c;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
#price_table li *{transition:0!important;text-decoration:none}
#price_table li:hover *{color:#fff!important;border-color:rgba(255,255,255,.27)!important}
#price_table li strong{font-size:19px;font-family:Raleway;color:#2f3740;letter-spacing:2.4px;line-height:45px;font-weight:600;margin-bottom:25px}
#price_table ul .price_table-description{display:block;font-size:19px;line-height:30px;text-align:center;color:#6c6c6c}
#price_table .price_table-price{font-size:84px;letter-spacing:2px;padding-top:20px;display:block;font-weight:400;text-align:center;padding-bottom:12px;color:#6c6c6c}
#price_table .price_table-button{font-size:19px;font-family:Roboto,sans-serif;color:#2f3740;text-decoration:none;line-height:1;padding:28px 0 24px;border-top:1px solid #bbb;width:100%;margin-top:6px}
#price_table li:hover .price_table-button{transition:0}
#price_table ul a:hover{color:#e85700}
#price_table .price_table-button,#price_table li strong{text-transform:uppercase;display:block;text-align:center}

ul.price-table-chart li:nth-child(2){box-shadow:0 13px 48px rgba(0,0,0,.2)!important;z-index:2!important;color:#fff!important;background:#1abc9c!important;border-color:#1abc9c!important;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
ul.price-table-chart li:nth-child(2) *{color:#fff!important}
ul.price-table-chart li:nth-child(2) .price_table-button{border-color:rgba(255,255,255,.27)!important}
.main_content figure{padding:0 105px}
.post-shadow{width:100%}

/* Announcement Bar */
#announcement-bar,.btn-custom:hover{background-color:#000;color:#fff}
#announcement-bar{position:fixed;top:0;left:0;width:100%;z-index:10000;padding:6px 0}
.announcement-bar-section{width:100%;overflow:hidden}
.announcement-scroll-wrapper--fullwidth{position:relative;left:50%;transform:translateX(-50%);width:100vw;overflow:hidden;padding:.25rem 0}
.announcement-scroll{display:flex;white-space:nowrap}
.announcement-item{flex:0 0 auto;padding:.35rem .75rem;display:flex;align-items:center}
.announcement-text{white-space:nowrap;font-size:1.25rem;margin:0;padding:.35rem 0}
.navbar{margin-top:36px}
.navbar.navbar-default.navbar-fixed-top{top:13px;z-index:9999}

#navigation,.navbar-default{background-color:#1d1d1d}
.navbar-brand .brand-logo{max-height:82px;height:auto;width:auto;display:block;border-radius:8px;}

#wrapper{position:relative;width:100%;height:100vh;overflow:hidden}

#overlay-1{position:relative;width:100%;height:100%;background-color:rgba(40,40,40,.6);flex-direction:column;justify-content:center;align-items:center}
#bg-video{position:absolute;top:0;left:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}
.btn-group-center{display:flex;justify-content:center;gap:15px;margin-top:20px}
.btn-custom{background-color:#d4af37;color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;border-radius:4px;transition:background-color .3s}
.logo-section{background:#f9fbfe;padding:60px 0 80px;text-align:center}
.section-title{font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;color:#333;margin-bottom:40px}

.logo-marquee{overflow:hidden}
.logo-row{display:flex;gap:60px}
.logo-slide img{max-height:80px;width:auto;display:block;transition:filter .3s}
.logo-slide img:hover{filter:grayscale(0%)}

.row-1{animation:30s linear 2s infinite scroll-left}
.row-2{animation:30s linear 2s infinite scroll-right}

.section-heading{font-size:32px;font-weight:700;color:#d4af37;margin-bottom:30px;text-align:center;}

.category-section{padding:60px 20px;background:#f9fbfe;text-align:center}

.category-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.category-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:20px;width:30%}
.category-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin:10px 0 0}
.category-title .title-text{text-align:left}
.category-title,.category-title .title-arrow{color:#333;font-size:18px}

.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{display:none;position:relative;margin-left:0;margin-top:5px;border-left:3px solid #16a085;padding-left:10px;animation:.3s fadeIn}
.dropdown-submenu.open>.dropdown-menu{display:block}
.dropdown-submenu>a .arrow,.navbar-nav .arrow{font-size:.7em;margin-left:5px;transition:transform .3s}
.dropdown-submenu.open>a .arrow,.dropdown.open>a .arrow{transform:rotate(180deg)}
.dropdown-menu{border-radius:6px;transition:.3s;background-color:#545252 !important;}
.dropdown-menu li a{padding:8px 15px;transition:background .3s,color .3s;color:#d4af37 !important;}
.dropdown-menu li a:hover{background:#393636;color:#d4be75}

.site-footer{background:#111;/*color:#d4af37;*/color:#F7F7F7;padding:60px 20px}
.footer__blocks-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px}
.footer-block__heading{font-size:18px;font-weight:700;margin-bottom:15px;color:#d4af37}
.footer-block__details-content{list-style:none;padding:0;margin:0}

.footer-block__details-content li{display:block;margin-bottom:8px}
.footer-block__details-content a{display:inline-block;color:#F7F7F7;text-decoration:none;transition:color .3s}
.footer-block__details-content a:hover{color:#d4af37}
.footer__list-social{display:flex;gap:15px}
.footer__list-social a{color:#ccc;font-size:20px;transition:color .3s}
.footer__list-social a:hover{color:#fff}
.footer-block ul li{font-size:17px}

.header-icon{display:inline-block;margin-left:15px;margin-right:20px;font-size:20px;color:#d4af37;cursor:pointer;position:relative}

.cart-count{position:absolute;top:-6px;right:-10px;background:red;color:#fff;font-size:12px;padding:2px 6px;border-radius:50%}

#suggestions{background:#fff;border:1px solid #ccc;position:absolute;width:36%;max-height:200px;overflow-y:auto;z-index:999}
.suggestion-item{padding:10px;cursor:pointer}
.suggestion-item:hover{background:#f0f0f0}

#search-overlay{position:fixed;top:48px;left:0;width:100%;height:70px;background:#fff;display:none;z-index:99999;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.search-box{width:100%;max-width:600px;margin:15px auto;padding:0 20px}
.search-box input{width:100%;padding:12px 15px;font-size:16px;border:1px solid #ccc;border-radius:4px}
.search-header{background:#f8f8f8;padding:15px;text-align:center;margin-top:16px}
.search-bar input{padding:10px;width:60%;border:1px solid #ccc}
.search-bar button{padding:10px 20px;background:red;color:#fff;border:none;cursor:pointer}

.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.category-card img,.product-card img{max-width:100%;height:auto;margin-bottom:15px;border-radius:4px}
.category-card,.product-card{transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.category-card,.dropdown-menu,.product-card{box-shadow:0 4px 12px rgba(0,0,0,.08)}

.products{flex:3}
.products-section{padding:60px 20px;background:#f9fbfe;text-align:center}
.products-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-top:10px;margin-bottom:10px;gap:20px;}
.products-row,.search-layout{display:flex;gap:20px}
.product-price,.product-title{font-size:18px;font-weight:600}

.product-card{flex:1 1 calc(33% - 20px);max-width:calc(33% - 20px);background:#fff;border:1px solid #ddd;padding:10px;/*text-align:center;*/border-radius:8px;width:22%; border: 1px solid #d4af37 !important;}
.product-card img{max-width:100%;height:auto}
.product-title{font-size:18px;margin:10px 0;color:#333}

.product-price .old-price{color:#000;text-decoration:line-through;margin-right:10px}
.product-price .new-price{color:red;font-weight:600}
.product-price.save{color:red;font-weight:500}
.product-price{font-size:18px;color:#000;font-weight:600;}

.old-price{text-decoration:line-through;color:#999;margin-right:8px}
.remove-btn,.submit-btn{cursor:pointer;transition:.3s}
.product-layout{display:flex;gap:40px;align-items: flex-start;position: relative;}
.product-images,.product-info{flex:1}
.main-image{width:100%;border:1px solid #ddd}
.thumbnails{display:flex;flex-wrap: wrap;gap:10px;margin-top:10px}
.thumbnails img{width:80px;height: 80px;cursor:pointer;border:1px solid #ccc;border-radius: 4px;}

.finance-btn,.quote-btn{font-weight:600;background:#000;color:#d4af37;padding:10px 20px;border:none;margin:10px 0;cursor:pointer;border-radius:12px;}
.feature-card,.related-products .product-card{background:#fff;border:1px solid #ddd;text-align:center}
.accordion-item{border-top:1px solid #ddd;padding:10px 0}
.accordion-item h3{cursor:pointer;margin:0}
.accordion-content{display:none;padding:10px 0}

.partners{margin-top:20px;display:flex;gap:20px}
.partners img{height:62px}
.product-features{padding:40px 20px;background:#fff;margin-top: 100px;}
.product-features .section-heading{font-size:42px;margin-top:62px;margin-bottom:20px;text-align:center}

.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}
.feature-card img{max-width:100%;height:120px;object-fit:cover;margin-bottom:10px}
.feature-card p{font-size:14px;font-weight:500}

.product-page{margin-top:142px}

.related-products{padding:40px 20px;background:#f9f9f9}
.related-products .section-heading{font-size:22px;margin-bottom:20px}
.related-products .products-row{display:flex;flex-wrap:wrap;gap:20px}
.related-products .product-card{flex:1 1 calc(25% - 20px);padding:15px}
.related-products .product-card img{max-width:100%;height:auto}
.related-products .product-title{font-size:16px;margin:10px 0}
.old-price,.related-products .old-price{text-decoration:line-through;margin-right:8px}
.related-products .product-price{font-size:18px;color:#d4af37}
.related-products .old-price{color:#999}

.quote-layout{display:flex;gap:40px;margin-top:40px !important;}

.quote-page h1,.quote-page h2{text-align:center;font-weight:700;margin-bottom:20px;color:#d4af37;letter-spacing:1px}
.quote-page h1{font-size:32px;display:inline-block;padding-bottom:8px;text-align:center;width:100%;margin-top:82px}
.quote-page h2{font-size:24px;margin-top:10px}

.product-summary{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}
.product-summary img{width:120px;border:2px solid #d4af37;border-radius:6px}

.product-info h3{margin:0 0 10px;font-size:18px;color:#d4af37}
/* .product-price{font-size:16px;color:#d4af37} */
.old-price{color:#d4af37}
.new-price{color:#d4af37;font-weight:700}

.quote-form form{display:flex;flex-direction:column}
.quote-form h2{color:#d4af37;margin-bottom:15px}
.quote-form label{margin-top:12px;font-weight:600;color:#f5f5f5}
.quote-form,.quote-product{flex:1;background:#111;border:1px solid #d4af37;padding:25px;border-radius:8px;color:#f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,.6)}
.quote-form input,.quote-form select,.quote-form textarea{padding:10px;border:1px solid #444;border-radius:4px;margin-top:6px;background:#222;color:#f5f5f5}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#d4af37;outline:0;box-shadow:0 0 6px rgba(212,175,55,.6)}

.checkboxes{margin-top:20px}
.checkboxes label{color:#ccc;font-size:14px}

.submit-btn{margin-top:25px;background:#d4af37;color:#111;padding:12px;border:none;border-radius:4px;font-size:16px;font-weight:700}
.submit-btn:hover{background:#b9972c;color:#fff}

.remove-btn{background:0 0;border:1px solid #d4af37;color:#d4af37;padding:6px 12px;border-radius:4px;font-size:14px}
.remove-btn:hover{background:#d4af37;color:#111}

.dropdown-menu{padding:0;margin:0}
.dropdown-menu li a{padding:10px 15px;color:#d4af37!important;text-decoration:none}
.dropdown-menu li a:hover{background:#393636;color:#d4be75}
.dropdown-submenu>.dropdown-menu{position:relative;margin-left:0;margin-top:5px;left:0;top:0}
.dropdown-menu li,.dropdown-menu li a{display:block;width:100%}

.product-features{padding:40px 0}

.features-grid,.features-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.feature-card{flex:0 0 30%;background:#222;border:1px solid #444;border-radius:8px;text-align:center}
.feature-card img{max-width:100%;height:auto;margin-bottom:15px;border:2px solid #d4af37;border-radius:6px}
.feature-card p{font-size:16px;font-weight:600;color:#d4af37;margin:0}

.features-section {padding: 10px 0;background: #f7f7f7;margin-top: 126px;}
.feature-item {flex: 0 0 30%;background: #f9f9f9;border-radius: 8px;overflow: hidden;transition: transform .3s, box-shadow .3s;display: flex;align-items: center;padding: 15px;}
.feature-item a {display: flex;align-items: center;text-decoration: none;color: inherit;width: 100%;}
.feature-image {flex: 0 0 auto;margin-right: 15px;}
.feature-image img {max-width: 60px;height: auto;}
.feature-text {flex: 1;text-align: left;}
.feature-text h5 {font-size: 18px;font-weight: 600;color: #d4af37;margin: 0 0 8px;}
.feature-text p {font-size: 14px;color: #000;margin: 0;font-weight: 600;}

.clearance-section {padding: 50px 0;display: flex;justify-content: center;}
.clearance-container {max-width: 1200px;margin: 0 auto;text-align: center;}
.clearance-heading {text-align: center;font-size: 42px;font-weight: 700;color: #d4af37;margin-bottom: 40px;}
.clearance-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 25px;}
.clearance-card {display: block;text-decoration: none;color: inherit;flex: 0 0 calc(25% - 25px);background: #222;border: 1px solid #444;border-radius: 8px;overflow: hidden;text-align: center;padding: 6px;box-shadow: 0 4px 10px rgba(0,0,0,.5);transition: transform .3s, box-shadow .3s;}
.clearance-card:hover {transform: translateY(-5px);box-shadow: 0 6px 16px rgba(212,175,55,.4);}
.clearance-card img {max-width: 100%;height: auto;border-bottom: 2px solid #d4af37;margin-bottom: 15px;}
.clearance-title {font-size: 18px;font-weight: 600;color: #d4af37;margin: 10px 0;}
.clearance-price {font-size: 16px;color: #f5f5f5;margin: 5px 0;}
.clearance-old {text-decoration: line-through;color: #999;margin-right: 8px;}
.clearance-new {color: #d4af37;font-weight: 700;}
.clearance-save {font-size: 14px;color: #b9972c;}

.location-section {padding: 20px;margin-top: 40px;margin-bottom: 40px;background: linear-gradient(135deg, #111, #222);color: #f7f7f7;text-align: center;}
.location-container {max-width: 1200px;margin: 0 auto;}
.location-heading {font-size: 36px;font-weight: 700;color: #d4af37;margin-bottom: 20px;position: relative;}
.location-heading::after {content: "";display: block;width: 60px;height: 4px;background: #d4af37;margin: 12px auto 0;border-radius: 2px;}
.location-address {font-size: 18px;font-weight: 600;margin-bottom: 30px;color: #ccc;}
.map-wrapper {border: 4px solid #d4af37;border-radius: 12px;overflow: hidden;box-shadow: 0 6px 18px rgba(0,0,0,.4);}
.contact-section {padding: 40px 20px;background: #f9f9f9;}
.contact-container {max-width: 900px;margin: 0 auto;}
.contact-heading {font-size: 28px;font-weight: 700;color: #d4af37;text-align: center;margin-bottom: 25px;}
.contact-form {background: #fff;padding: 25px;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,.1);}
.form-row {display: flex;gap: 30px;}
.form-column {flex: 1;display: flex;flex-direction: column;gap: 15px;}
.form-group label {font-weight: 600;margin-bottom: 6px;color: #333;}
.form-group input, .form-group textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 6px;font-size: 14px;}
.form-group input:focus, .form-group textarea:focus {border-color: #d4af37;outline: none;box-shadow: 0 0 6px rgba(212,175,55,.4);}
.contact-btn {align-self: flex-start;background: #d4af37;color: #111;font-weight: 700;padding: 10px 24px;border: none;border-radius: 6px;cursor: pointer;transition: background .3s;}
.contact-btn:hover {background: #b9972c;color: #fff;}

.trending-section{padding:50px 0;background:#111}
.trending-container{max-width:1200px;margin:0 auto}
.trending-heading{text-align:center;font-size:28px;font-weight:700;color:#d4af37;margin-bottom:40px}
.trending-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}
.trending-card{flex:0 0 22%;background:#222;border:1px solid #444;border-radius:8px;text-align:center;transition:transform .3s,box-shadow .3s;padding:5px;box-shadow:0 4px 10px rgba(0,0,0,.5);display:block;text-decoration:none;color:inherit}
.trending-card img{max-width:100%;height:auto;border-bottom:2px solid #d4af37;margin-bottom:15px}
.trending-title{font-size:18px;font-weight:600;color:#d4af37;margin:10px 0}
.trending-price{font-size:16px;color:#f5f5f5;margin:5px 0}
.trending-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(212,175,55,.4)}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.terms{margin-top:130px}

.contact-us h2,.contact-us p{font-weight:600;margin-bottom:15px}
.subsection{flex:1 1 45%;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.subsection h2{font-size:1.4rem;margin-bottom:15px}
.contact-us{background:linear-gradient(135deg,#d4af37,#f5e1a4);padding:30px;border-radius:12px;text-align:center;color:#222}
.contact-us h2{font-size:36px}
.contact-us p{font-size:18px}
.side-layout{display:flex;flex-wrap:wrap;gap:30px;align-items:center;margin-top:40px;margin-bottom:40px}

.subsection-image{flex:1 1 40%}
.subsection-image img{width:100%;height:auto;border-radius:8px;object-fit:cover}

.subsection-content{flex:1 1 55%}
.subsection-content h2{font-size:36px;margin-bottom:15px}
.subsection-content p{font-size:18px;line-height:1.6;color:#444}

.contact-details{display:flex;justify-content:space-between;gap:40px;margin-top:20px}
.contact-details p{font-size:22px}
.contact-left,.contact-right{flex:1}
.contact-left p,.contact-right p{margin:0;color:#222}

.contact-page {margin-top: 128px;padding: 60px 20px;background: #1e1e1e;color: #f5f5f5;font-family: "Segoe UI", Arial, sans-serif;}
.contact-layout {display: flex;flex-wrap: wrap;gap: 40px;}
.contact-form, .contact-info {flex: 1 1 45%;background: #2a2a2a;padding: 30px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,.4);}
.contact-form h2, .contact-info h2, .contact-info h4 {margin-bottom: 15px;color: #d4af37;font-size: 22px;font-weight: 700;}
.contact-form label {display: block;margin-bottom: 6px;font-weight: 600;color: #d4af37;font-size: 14px;}
.contact-form input, .contact-form textarea {width: 100%;padding: 12px;margin-bottom: 18px;border: 1px solid #444;border-radius: 6px;background: #1e1e1e;color: #f5f5f5;font-size: 14px;}
.contact-form input:focus, .contact-form textarea:focus {border-color: #d4af37;outline: none;box-shadow: 0 0 6px rgba(212,175,55,.6);}
.contact-form .btn {background: #d4af37;color: #1e1e1e;padding: 12px 24px;border: none;border-radius: 6px;cursor: pointer;font-weight: 700;font-size: 15px;transition: background .3s ease;}
.contact-form .btn:hover {background: #f0c94d;}
.contact-info p {margin-bottom: 12px;line-height: 1.6;font-size: 14px;color: #ddd;}

.warranty-page{margin-top:128px;padding:60px 20px;background:#f9f9f9;color:#333}
.warranty-page h1{font-size:42px}

.warranty-page h2{margin-top:30px;font-size:36px;color:#d4af37}
.warranty-page p,.warranty-page ul{margin-bottom:15px;line-height:1.6}
.warranty-page ul{padding-left:20px;list-style:disc;margin-bottom:15px}
.warranty-page li{display:list-item;margin-bottom:8px;line-height:1.6}

.accordion-item{border-bottom:1px solid #ddd}
.accordion-header{cursor:pointer;padding:0 10px;display:flex;justify-content:space-between;align-items:center}
.accordion-icon{transition:transform .3s}
.accordion-item.active .accordion-icon{transform:rotate(180deg)}
.accordion-content{display:none;padding:10px}
.accordion-item.active .accordion-content{display:block}

.quantity-wrapper{display:inline-flex;align-items:center;border:1px solid #ccc;border-radius:4px;overflow:hidden}
.qty-input{width:60px;text-align:center;border:none;outline:0}
.qty-btn{background:#f5f5f5;border:none;padding:5px 10px;cursor:pointer;font-size:18px}
.qty-btn:hover{background:#ddd}
.finance-note{font-size:16px;font-weight:600;letter-spacing:normal}
.option-grid{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:10px 0}
.option-card{flex:0 0 auto;width:48px;border-radius:100%;text-align:center;cursor:pointer;transition:border-color .3s}
.option-card img{width:100%;height:48px;object-fit:cover;border-radius:100%}
.option-card span{display:block;padding:8px;font-size:8px}
.option-card input{display:none}
.option-card:hover{border-color:#d4af37}
.option-card input:checked+img,.option-card input:checked+span{border:2px solid #d4af37}

.section-card{border:1px solid;border-radius:10px;padding:10px}
.product-images{/*position:fixed;*/position: sticky;top:150 px;flex: 1;width:40%;max-width:480px}

.product-info{margin-left:42%}
.quote-qty-control{display:inline-flex;align-items:center;margin:8px 0}
.quote-actions{display:flex;align-items:center;gap:15px;margin:10px 0}
.quote-qty-control{display:inline-flex;align-items:center;gap:8px}
.quote-qty-btn{background:#d4af37;border:1px solid #ccc;padding:4px 10px;cursor:pointer;font-size:18px;border-radius:4px}
.quote-qty-input{color:#d4af37;width:50px;text-align:center;border:1px solid #111;border-radius:4px}
.quote-delete-btn{background:0 0;border:none;color:#d9534f;font-size:20px;cursor:pointer}
.quote-delete-btn:hover{color:#b52b27}

.reseller-page{margin-top:120px;padding:40px 20px;background:#f9f9f9}
.reseller-page h1{font-size:32px;color:#d4af37;margin-bottom:10px;text-align:center}
.reseller-page p{font-size:18px;margin-bottom:30px;text-align:center}
.reseller-form{display:flex;flex-direction:column;max-width:600px;margin:0 auto}
.reseller-form label{margin-top:12px;font-weight:600;color:#333}
.reseller-form input,.reseller-form textarea{padding:10px;border:1px solid #ccc;border-radius:6px;margin-top:6px}
.reseller-form textarea{min-height:100px}
.reseller-form input:focus,.reseller-form textarea:focus{border-color:#d4af37;outline:0;box-shadow:0 0 6px rgba(212,175,55,.4)}

.submit-btn{margin-top:20px;background:#000;color:#d4af37;padding:12px;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer}
.submit-btn:hover{background:#d4af37;color:#111}
.footer-logo{max-width:180px;height:auto;display:block;margin-bottom:10px;border-radius:8px}
.footer-block--menu p{font-size:14px}

.filters{flex:1;max-width:280px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);font-family:"Segoe UI",Arial,sans-serif}
.filters h3{font-size:18px;font-weight:600;margin-bottom:15px;color:#333;border-bottom:1px solid #ddd;padding-bottom:8px}
.filters label{display:block;margin-bottom:15px;font-size:14px;color:#555}
.filters input[type=number],.filters select{width:100%;padding:8px 10px;margin-top:5px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s}
.filters input[type=number]:focus,.filters select:focus{border-color:#007bff;outline:0}
.filter-btn{display:block;width:100%;background:linear-gradient(90deg,#ff4b2b,#ff416c);color:#fff;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;text-transform:uppercase;transition:background .3s,transform .2s}
.filter-btn:hover{background:linear-gradient(90deg,#ff416c,#ff4b2b);transform:translateY(-2px)}


.slider-track{display:flex;justify-content:space-between}

.slide{position:relative;width:48%}
.slide img{width:100%;border-radius:8px;display:block}

.play-btn{left:50%;width:60px!important;height:60px;transform:translate(-50%,-50%)}
.play-btn,.slider-btn{position:absolute;top:50%;cursor:pointer}

.slider-btn{transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;font-size:32px;padding:10px;z-index:5}
.slider-btn.left{left:10px}
.slider-btn.right{right:10px}

.video-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.video-content{position:relative;margin:5% auto;width:80%;max-width:700px}
.video-content iframe{width:100%;height:400px}
.close{position:absolute;top:-30px;right:0;font-size:30px;color:#fff;cursor:pointer}

.testimonial-high{background:#f7f7f7;color:#111;padding:60px 0}
.testimonial-high .testimonial-image img{max-width:100%;height:250px;display:block;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.testimonial-highlight{background:#111;color:#fff;padding:60px 0}
.testimonial-highlight .testimonial-image img{max-width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.testimonial-slider{position:relative;max-width:1000px;margin:30px auto;overflow:hidden}

.play-btn,.slider-btn{position:absolute;top:50%;cursor:pointer}
.gold-heading{color:#d4af37;font-size:28px;font-weight:700;margin-top:20px;margin-bottom:20px;text-align:center}
.quote,.stars{margin-bottom:15px}
.stars{font-size:22px;color:#d4af37}
.quote{font-size:18px;line-height:1.6}
.author{font-size:16px;font-style:italic;margin-bottom:25px}
.contact-btn{background:#d4af37;border:none;color:#111;font-weight:600;padding:10px 20px;border-radius:4px}
.contact-btn:hover{background:#b9972f;color:#fff}
.testimonial-image img{box-shadow:0 4px 12px rgba(0,0,0,.4);max-width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}

.about-testimonial{padding:50px 20px;background:#111;margin-top:128px}
.about-testimonial h1{font-size:42px}

.slider-btn{transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;font-size:32px;padding:10px;z-index:10}
.slider-btn.left{left:15px}
.slider-btn.right{right:15px}

.play-btn{left:50%;transform:translate(-50%,-50%);width:60px;height:60px;transition:transform .2s}
.play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}

.key-features-list{list-style:none;padding-left:0;margin:0}
.key-features-list li{display:block;margin-bottom:8px;padding-left:20px;position:relative}
.key-features-list li::before{font-size:.9rem;content:"✔";position:absolute;left:0;color:#2a7a2a}

hr.mobile-hr{display:none}
.page-width{text-align:center}

.section-title{font-size:32px;font-weight:700;color:#111;margin-bottom:40px;position:relative}
.section-title::after{content:"";display:block;width:60px;height:4px;background:#d4af37;margin:12px auto 0;border-radius:2px}

.swiper-button-next,.swiper-button-prev{color:#d4af37;transition:color .3s}
.swiper-button-next:hover,.swiper-button-prev:hover{color:#b9972c}
.swiper-pagination-bullet{background:#d4af37;opacity:.6}
.swiper-pagination-bullet-active{opacity:1}

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0;flex-wrap:wrap}
.pagination a{display:inline-block;padding:10px 16px;font-size:15px;font-weight:600;color:#333;border:1px solid #ddd;border-radius:6px;text-decoration:none;transition:all .3s ease;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.pagination a:hover{background:#d4af37;color:#fff;border-color:#d4af37;transform:translateY(-2px)}
.pagination a.active{background:#111;color:#d4af37;border-color:#111;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.pagination a:first-child,.pagination a:last-child{font-weight:700;background:#f7f7f7}
.pagination a:first-child:hover,.pagination a:last-child:hover{background:#333;color:#fff}

.filters form{display:flex;flex-direction:column;gap:10px}

/* .page-width{text-align:center} */
.testimonial-row {background: #1d1d1d;padding: 40px 10px;display: flex;align-items: center;gap: 40px;flex-wrap: wrap;}
.page-width {flex: 0 0 30%;text-align: left;}
.section-title {font-size: 32px;font-weight: 700;color: #F7F7F7;margin-bottom: 20px;position: relative;}
.section-title::after {content: "";display: block;width: 60px;height: 4px;background: #d4af37;margin: 12px 0 0;border-radius: 2px;}
.testimonial-swiper {flex: 1;}
.testimonial-section {position: relative;width: 100%;margin: 0 auto;background: linear-gradient(135deg, #1d1d1d, #1d1d1d);overflow: hidden;}
.testimonial-image {display: flex;justify-content: center;margin-bottom: 20px;}
.testimonial-banner {width: 250px;max-width: 250px;height: 150px !important;display: inline-block;}
.testimonial-card {background: #1d1d1d;border-radius: 12px;padding: 30px;min-height: 280px;display: flex;flex-direction: column;justify-content: space-between;box-shadow: 0 6px 18px rgba(0,0,0,.08);transition: transform .3s ease, box-shadow .3s ease;}
.testimonial-card:hover {transform: translateY(-5px);box-shadow: 0 10px 24px rgba(0,0,0,.12);}
.testimonial-logo {text-align: center;margin-bottom: 15px;}
.testimonial-logo img {max-height: 100px;border-radius: 8px;object-fit: cover;}
.testimonial-quote {font-size: 17px;font-style: italic;line-height: 1.6;color: #f7f7f7;margin-bottom: 15px;position: relative;}
.testimonial-quote::before {content: "“";font-size: 40px;color: #d4af37;position: absolute;left: -10px;top: -10px;}
.testimonial-author {font-size: 15px;font-weight: 600;color: #d4af37;text-align: right;}
.testimonial-btn {display: inline-block;margin-top: 20px;padding: 12px 28px;font-size: 16px;font-weight: 700;color: #fff;text-decoration: none;border-radius: 6px;background: linear-gradient(90deg, #000, #d4af37);transition: background .3s, color .3s;}
.testimonial-btn:hover {background: linear-gradient(90deg, #111, #b9972c);color: #fff;}
.swiper-button-next, .swiper-button-prev {color: #d4af37;transition: color .3s;}
.swiper-button-next:hover, .swiper-button-prev:hover {color: #b9972c;}
.swiper-pagination-bullet {background: #d4af37;opacity: .6;}
.swiper-pagination-bullet-active {opacity: 1;}


.hidden-thumb { display: none; }
.main-image {
transition: opacity .3s ease;
}



.about-us{padding:0 0 50px 0;background:#f9f9f9;margin-top:130px}
.about-us h1{font-size:42px}

/* .about-image img{width:100%;height:auto;max-width: 1200px;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:25px;align-items: center;} */
.about-text{margin:0 auto 40px;text-align:center;font-size:1.1rem;color:#444;font-weight:600}
.about-text h2{font-size:36px}
.about-text h4{font-size:24px;font-weight:600}
.about-subsections{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px;background-color:#14171C;}
.Heading-section{margin-top:142px;padding:50px 0 0 0;background-color:#14171C;}
.content-section {max-width: 1200px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;text-align: center;}
.about-image {display: flex;justify-content: center;align-items: center;width: 100%;}
.about-image img {width: 100%;max-width: 1200px;max-height: 400px;object-fit: cover;border-radius: 8px;margin-bottom: 25px;}
.about-text {max-width: 1200px;text-align: center;}
.about-section-heading{color: #fff;width: 100%;max-width: 1200px;}
.about-section-content{color: #fff;width: 50%;max-width: 1200px;}
.about-subsections {background-color: #14171C;display: flex;flex-direction: column;align-items: center;}
.about-section-heading {color: #fff;width: 100%;max-width: 1200px;text-align: center;margin-bottom: 30px;}
.about-section-content {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;max-width: 1200px;gap: 30px;}

.subsection-image, .subsection-content {max-width: 50%;}
.subsection-image img {width: 100%;height: auto;border-radius: 8px;object-fit: cover;}
.subsection-content {color: #fff;font-size: 1.1rem;line-height: 1.6;text-align: left;display: flex;flex-direction: column;justify-content: center;}
.subsection-content p{color: #fff;}

.about-subsection-wrapper {background: #fff;width: 100%;padding: 60px 20px;}
.about-subsection-inner {max-width: 1200px;margin: 0 auto;}
.about-subsection-heading {text-align: center;font-size: 36px;font-weight: 700;color: #222;margin-bottom: 40px;}
.about-subsection-row {display: flex;flex-wrap: wrap;align-items: center;}
.about-subsection-content {flex: 1 1 50%;max-width: 50%;font-size: 1.1rem;line-height: 1.6;color: #444;}
.about-subsection-content p{font-size: 18px;font-weight: 600;}
.about-subsection-image {flex: 1 1 50%;max-width: 50%;}
.about-subsection-image img {width: 100%;height: 400px;border-radius: 8px;object-fit: cover;}
.contact-section-wrapper {width: 100%;}
.contact-section-inner {max-width: 1200px;background: linear-gradient(160deg, #fde38d 0%, #837a5e 100%);border-radius:12px;margin: 0 auto;text-align: center;padding: 20px 40px;}
.contact-section-heading {font-size: 58px;font-weight: 700;margin-bottom: 20px;color: #111111;}
.contact-section-intro {font-size: 20px;font-weight: 600;color: #111111;line-height: 1.6;margin-bottom: 30px;}
.contact-section-details {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;text-align: left;}
.contact-section-left strong, .contact-section-right strong{font-size: 25px;gap: 30px;font-weight: 600;}
.contact-section-left, .contact-section-right {flex: 1 1 45%;font-size: 25px;color: #111111;text-align: center;}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}
}
@keyframes scroll-left{
  0%{transform:translateX(100%)}100%{transform:translateX(-100%)}
}
@keyframes scroll-right{
  0%{transform:translateX(-100%)}100%{transform:translateX(100%)}
}
/* Responsive adjustments */
@media (max-width: 992px) {
  .testimonial-row {flex-direction: column;align-items: center;text-align: center;}
  .page-width {flex: 1 1 100%;margin-bottom: 30px;}
  .testimonial-swiper {flex: 1 1 100%;width: 100%;}


  .product-layout{flex-direction:row;gap:20px}
  .product-images{flex:1;max-width:45%;position:relative;top:auto}
  .product-info{flex:2;max-width:55%}

  .product-info h1{font-size:3rem;font-weight:600}
  .product-info h3{font-size:2rem}
  .product-price{font-size:2rem}

  .main-image{width:100%;height:auto}
  .thumbnails{flex-wrap:wrap;justify-content:flex-start}
  .partners img{max-height:50px}
  .related-products .product-card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}

  .trending-card{flex:0 0 45%}
  .clearance-card{flex:0 0 45%}
  .products-row { justify-content: space-around; }
  .product-card { flex: 1 1 45%; max-width: 45%; width: 45%; }

  .testimonial-section{max-width:900px;padding:50px 15px}
  .clearance-card {flex: 0 0 calc(33.333% - 25px);}
}

@media (max-width: 768px) {
  .features-grid,.features-inner{gap: 0px;}
  .features-inner {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;}
  .feature-item {flex: 0 0 33.33%;flex-direction: column;align-items: center;text-align: center;padding: 10px;cursor: pointer;transition: all .4s ease;}
  .feature-image img {max-width: 50px;height: auto;}
  .feature-text {max-height: 0;opacity: 0;overflow: hidden;transition: all .4s ease;width: 100%;}
  .feature-item.open {flex: 0 0 100%;background: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
  .feature-item.open .feature-text {max-height: 200px;opacity: 1;margin-top: 10px;}
  .feature-text h5 {font-size: 14px;font-weight: 700;color: #d4af37;margin: 0 0 5px;}
  .feature-text p {font-size: 12px;color: #333;margin: 0;line-height: 16px;font-weight: 500;}
  .form-row {flex-direction: column;}
  .contact-btn {align-self: center;}
  .clearance-card {flex: 0 0 calc(50% - 25px);}
  .about-subsection-row {flex-direction: column;}
  .about-subsection-content, .about-subsection-image {max-width: 100%;flex: 1 1 100%;text-align: center;}
  .contact-section-details {flex-direction: column;text-align: center;}
  .contact-section-left, .contact-section-right {flex: 1 1 100%;}

  .quote-layout{flex-direction:column;gap:20px;margin-top:20px}
  .quote-page h1{font-size:24px;margin-top:40px}
  .quote-page h2{font-size:20px}

  .product-summary{flex-direction:column;align-items:center;text-align:center}
  .product-summary img{width:378px!important;margin-bottom:10px}

  .quote-item-info{width:100%}
  .quote-actions{flex-direction:column;align-items:center;gap:10px}
  .quote-qty-control{justify-content:center}
  .quote-form,.quote-product{padding:15px;margin-top:32px}
  .quote-form input,.quote-form select,.quote-form textarea{font-size:14px;padding:8px}

  .submit-btn{font-size:14px;padding:10px}

  .product-layout{flex-direction:column}
  .product-images,.product-info{flex:1 1 100%;width:100%!important;max-width:100%}
  .product-images{position:relative;top:auto}

  .main-image,.product-images img.main-image{width:100%;height:auto;margin-top:60px}
  .thumbnails{justify-content:center;flex-wrap:wrap}
  .product-info{margin-top:20px;margin-left:0!important}
  .search-layout{display:inline}

  .product-info h3{font-size:2rem}

  .filters{width:100%;max-width:100%;padding:5px;border:1px solid #d4af37}
  .filters form{flex-direction:row;gap:10px;align-items:center;justify-content:center}
  .filters form label{display:flex;align-items:center;gap:2px;margin:0;font-size:10px}
  .filters form input,.filters form select{width:auto;min-width:80px;font-size:14px;padding:6px}
  .filters .filter-btn{flex:0 0 auto;padding:6px 12px;font-size:14px}

  .navbar-brand .brand-logo{max-height:82px !important;}
  .feature-card{flex:0 0 48%}
  .category-card{width:45%}

  .logo-row{gap:30px}
  .logo-slide img{max-width:100px; width:100px;height: auto;margin-bottom:20px;}

  .starting-text {padding-top: 48px !important;}

  .product-images, .product-info { flex: 1 1 100%; max-width: 100%; }
  .product-title {font-size: 22px !important;}
  .thumbnails img { width: 60px; }

  .product-info h1 { font-size: 28px;font-weight: 600;}
  .product-price { font-size: 22px !important; }
  .product-features {margin-top: 0px;}
  .partners { justify-content: center; }
  .partners img { max-width: 80px; }
  .product-page {margin-top:72px;}
  .product-card {flex: 1 1 calc(100% - 20px); max-width: calc(100% - 20px) !important; padding: 0px !important;}

  .side-layout{flex-direction:column;text-align:center}
  .subsection-content,.subsection-image{flex:1 1 100%}
  .subsection-content h2{font-size:1.3rem}
  .contact-details{flex-direction:column;text-align:center;gap:15px}
  .contact-layout{flex-direction:column}

  .search-section {margin-top: 64px;}
  .navbar-default .navbar-toggle  {padding-top: 20px;}
  .announcement-text  {font-size: 2rem;}

  hr.mobile-hr{display:block;border:none;height:3px;width:80%;margin:20px auto;border-radius:50px;background:linear-gradient(to right,#d4af37,#b9972c,#d4af37);box-shadow:0 2px 6px rgba(0,0,0,.2)}

  .testimonial-image,.testimonial-text{flex:0 0 100%;max-width:100%;margin-bottom:20px}

  .testimonial-section{max-width:700px;padding:40px 15px}
  .testimonial-card{min-height:280px}
}

@media (max-width: 600px) {
  .products-row { flex-direction: column; align-items: center; }
  .product-card { flex: 1 1 100%; max-width: 100%; width: 100%;} .section-heading { font-size: 1.5rem; }
  .product-title { font-size: 2rem; }
  .product-price { font-size: 1rem; }
  .clearance-card{flex:0 0 100%}
  .trending-card{flex:0 0 100%}
}

@media (max-width:515px){
  /* .rene{font-size:70px} */
  .rene{font-size:36px}
}
@media (max-width: 480px) {
  .clearance-card {flex: 0 0 100%;}
  .quote-page h1{font-size:20px}
  .quote-page h2{font-size:18px}
  .product-summary img{width:80px}
  .quote-form input,.quote-form select,.quote-form textarea{font-size:13px}
  .submit-btn{font-size:13px;padding:8px}
  .category-card{width:100%}
  .navbar-brand .brand-logo{max-height:82px}
  .feature-card{flex:0 0 100%;flex-direction:column;text-align:center}
  .feature-card img{margin:0 0 10px}
  .testimonial-section{max-width:100%;padding:30px 10px}
  .testimonial-card{min-height:250px;padding:20px}
  .testimonial-logo img{max-height:80px}
  .testimonial-quote{font-size:15px}
  .testimonial-author{font-size:13px}
}

@media (max-width:405px){
  #heading-text h3{font-size:45px}
}

@media (max-width:400px){
  #port-items .col-xs-6{width:100%}
  #portfolio .btn{margin-bottom:10px}
  .navbar-fixed-bottom,.navbar-fixed-top{position:static}
}

@media (max-width:350px){
  .rene{font-size:50px}
  .starting-text h2{font-size:35px}
}



.buy-now-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 18px;
  background-color: #fde38d;   /* light gold background */
  color: #001f4d;              /* dark blue text */
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.buy-now-btn:hover {
  background-color: #001f4d;   /* dark navy blue background */
  color: #fff;                 /* white text */
}



.checkout-wrapper {
  margin-top: 142px;
  background: #f9f9f9;
  padding: 40px 20px;
}

.checkout-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.checkout-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.checkout-left {
  width:48%;
  flex: 1 1 50%;
  max-width: 50%;
}

.checkout-right {
  flex: 1 1 40%;
  max-width: 40%;
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.checkout-heading {
  font-size: 22px;
  margin: 20px 0;
  color: #222;
}

.billing-form label {
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
  color: #333;
}

.billing-form input,
.billing-form select,
.billing-form textarea {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.order-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.order-table th,
.order-table td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left;
}

.payment-options label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.terms {
  margin: 20px 0;
}

.place-order-btn {
  background: #fde38d;
  color: #001f4d;
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}

.place-order-btn:hover {
  background: #001f4d;
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .checkout-left,
  .checkout-right {
    flex: 1 1 100%;
    max-width: 100%;
  }
}


.checkout-notice {
  background: #f9f9f9;
  /* border: 1px solid #ddd; */
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 8px;
}

.notice-header h2 {
  font-size: 42px;       /* large font size */
  margin: 0;
  color: #001f4d;        /* dark navy */
  font-weight: 600;
}

.notice-header hr {
  border: none;
  border-top: 4px solid #001f4d;
  margin: 10px 0 20px;
}

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

.notice-body p {
  margin: 0;
  font-size: 16px;
  color: #333;
}

.view-cart-btn {
  background: #001f4d;   /* dark navy background */
  color: #fde38d;        /* gold text */
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.view-cart-btn:hover {
  background: #fde38d;   /* gold background */
  color: #001f4d;        /* navy text */
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}


.billing-box {
  background: #fff;
  padding: 25px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.checkout-heading {
  font-size: 26px;
  margin-bottom: 20px;
  color: #001f4d;
  border-bottom: 2px solid #fde38d;
  padding-bottom: 8px;
}

.form-group {
  margin-bottom: 18px;
}

.form-group label {
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 6px;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #001f4d;
  box-shadow: 0 0 6px rgba(0,31,77,0.2);
  outline: none;
}

textarea {
  min-height: 100px;
  resize: vertical;
}
.payment-options label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: #001f4d;
}

.card-icons {
  display: inline-flex;
  gap: 6px;
  margin-left: 10px;
  vertical-align: middle;
}

.card-icons img {
  height: 24px;
  width: auto;
  display: inline-block;
}

.payment-note {
  background: #f5f7fa;
  font-size: 13px;
  color: #555;
  padding: 10px 12px;
  border-left: 3px solid #001f4d;
  border-radius: 4px;
  margin: 8px 0 16px;
}

.place-order-btn {
  background: #fde38d;
  color: #001f4d;
  padding: 14px 28px;
  border: none;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}

.place-order-btn:hover {
  background: #001f4d;
  color: #fff;
}