/* Common Css */
*,::before,::after {box-sizing: border-box;}
html {font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height: 1.5;-moz-tab-size: 4;tab-size: 4;line-height: 1.15;-webkit-text-size-adjust: 100%;color: #3a3a3a;margin: 0;scroll-behavior: smooth;background-color: #fff;}
body {margin: 0;font-family: inherit;line-height: inherit;}
hr {color: inherit;border-top-width: 1px;border: none;height: 0;border-top: 1px solid #e8e8e8;border-radius: 0px;margin: 16px 0px !important;}
b,strong {font-weight: 700;}
code,kbd,samp,pre {font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size: 1em;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
table {text-indent: 0;border-color: inherit;border-collapse: collapse;}
button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button,select {text-transform: none;}
button{background-color: #fff;}
button,[type='button'],[type='reset'],[type='submit'] {-webkit-appearance: button;}
::-moz-focus-inner {border-style: none;padding: 0;}
:-moz-ui-invalid {box-shadow: none;}
legend {padding: 0;}
progress {vertical-align: baseline;}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {height: auto;}
[type='search'] {-webkit-appearance: textfield;outline-offset: -2px;}
::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
summary {display: list-item;}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {margin: 0;}
ol,ul {list-style: none;margin: 0;padding: 0;}
textarea {resize: vertical;}
input::placeholder,textarea::placeholder {opacity: 1;color: #9ca3af;}
a {color: inherit;text-decoration: inherit;}
img,svg,video,canvas,audio,iframe,embed,object {vertical-align: middle;}
.center {margin: 0; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);}
::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 8px;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {background: #e1e1e1;}
::-webkit-scrollbar-thumb {background: #757575;border-radius: 8px;}
.portrait{display: none}
.i-amphtml-sidebar-mask{z-index: 20 !important;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}


/* Default Button */
.button-wrapper{position: relative;}
.btn{display: inline-block;font-weight: 300;background-color: #2579ad;color: #fff;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;user-select: none;border: 1px solid transparent;padding: 6px 8px;font-size: 16px;line-height: 1.5;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;border-radius: 6px;min-width: 250px;}
.btn:hover{background-color: #1d638e;}

/* Input Box */
.input-label{display: block;font-size: 14px;line-height: 20px;font-weight: 500;color: #3a3a3a;margin-bottom: 2px;}
.input-box-wrapper{margin-bottom: 12px;}
.input-box{border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;padding: 8px 12px;width: 100%;font-weight: 500;color: #495057;font-size: 14px;line-height: 20px;border: 1px solid #d1d5db;border-radius: 8px;position: relative;box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);}
.input-box::-moz-placeholder{color:#a0aec0;opacity:1}
.input-box:-ms-input-placeholder{color:#a0aec0;opacity:1}
.input-box::-ms-input-placeholder{color:#a0aec0;opacity:1}
.input-box::placeholder{color:#a0aec0;opacity:1}
.input-box:focus{outline: 0;box-shadow:0 0 0 2px rgba(66,153,225,.5);border-color:#63b3ed;}


/* Select Input Box */
.select-input-box{-webkit-appearance: none;-moz-appearance: none;font-weight: 400;text-align: left;cursor: pointer;background-color: #fff;padding: 6px 12px;width: 100%;font-size: 14px;margin-top: 4px;color: #495057;line-height: 24px;border: 1px solid #d1d5db;border-radius: 8px;position: relative;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position: right .5rem center;background-repeat: no-repeat;background-size: 1.5em 1.5em;padding-right: 2.5rem;-webkit-print-color-adjust: exact;max-width: 400px;box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);}
.select-input-box:focus{outline: none;}
.number-input-box[type=number] {-moz-appearance: textfield;}
.select-input-wrapper{position: relative;}
.select-input{width: 100%;font-size: 15px;line-height: 14px;padding: 14px;background-color: #fff;border: 1px solid #d1d5db;border-radius: 8px;text-transform: capitalize;position: relative;box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);cursor: pointer;outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.select-input-val-wrapper{display: flex;align-items: center;}
.select-input-val{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.select-input-icon-wrapper{display: flex;position: absolute;pointer-events: none;align-items: center;padding-right: 8px;margin-left: 12px;right: 0;top: -1px;bottom: 0;z-index: 1;}
.select-input-icon{color: #9ca3af;width: 20px;height: 20px;display: block;}
.select-input-ul{font-size: 14px;line-height: 20px;padding: 4px 0;border-radius: 6px;font-size: 14px;line-height: 20px;padding: 4px 0;border-radius: 6px;box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);background-color: #fff;overflow: auto;width: 100%;max-height: 224px;z-index: 10;margin-top: 10px;left: 0px;position: absolute;border: 1px solid #e6e6e6;}
.select-input-li{padding: 9px 36px 9px 12px;}
.select-input-li:hover{background-color: #f3f4f6;}

/* Phone */
@media only screen and (max-width: 600px){
    .input-box{font-size: 15px;line-height: 24px;}
    .select-input{font-size: 15px;line-height: 18px;}
}














/* ---------------------------------- Navbar ---------------------------------- */

/* Top Banner Css */
.banner-image{height: 26px;margin: 4px 8px;fill: #ffffff;}
.banner-text{margin: 9px 0px;font-weight: 500;line-height: 17px;}

.nav-top-bar-wrapper{width: 100%;height: 35px;background-color: #0b5584;}
.nav-top-bar{display: grid;grid-template-columns: 1fr auto 1fr;max-width: 1280px;margin: auto;padding: 0 12px;}
.country-selector-img{height: 17px;margin: 9px 0;display: inline-block;cursor: pointer;}
.nav-country-abbr{color: #fff;font-size: 14px;font-weight: 400;display: inline-block;line-height: 17px;cursor: pointer;margin-left: 4px;}
.nav-top-center{text-align: center;display: flex;}
.nav-top-text{color: #f1f1f1;font-size: 14px;line-height: 19px;padding: 8px 0;}
.nav-auth-action-box{text-align: right;}
.nav-auth-text-btn{color: #f1f1f1;display: inline-block;font-size: 13px;font-weight: 500;line-height: 23px;margin: 6px 0;padding: 0 8px;cursor: pointer;text-decoration: underline;}
.nav-auth-text-left{border-right: 1px solid #727272;}

/* Main Navbar Css */
.nav-main-wrapper{width: 100%;height: 80px;border-bottom: 1px solid #f1f1f1;padding-right: 30px;padding-left: 30px;position: relative;background-color: #fff;}
.nav-main{display: flex;max-width: 1280px;margin: auto;justify-content: space-between;}
.logo-box{font-family: 'Catamaran', sans-serif;display: flex;}
.nav-logo-image{height: 42px;margin: 19px 0px;min-width: 205px;}
.nav-logo{height: 16px;width: 32px;display: inline-block;}
.nav-user-options{display: flex;}
.nav-call-button{background-color: #ffd401;padding: 12px 24px;border-radius: 8px;color: #363636 !important;cursor: pointer;margin: 17px 16px;display: block;font-weight: 600;font-size: 15px;line-height: 20px;}

/* Options */
.nav-category-bar {display: inline-block;vertical-align: top;margin: 18px 0;margin-left: 32px;}
.nav-category-list-box{display: flex;}
.nav-category-list-item{font-size: 14px;font-weight: 500;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;}
.nav-category-list-text{text-transform: uppercase;transition: all; transition-duration: 0.2s;white-space: nowrap;padding: 14px 16px;}
.nav-category-list-text:hover{color: #1075be;}
.nav-category-outer {position: absolute;right: 0;top: 44px;width: 100%;z-index: 10;pointer-events: none;opacity: 0;transition-delay: 1s;border-radius: 0 0 6px 6px;overflow: hidden;transition: display 1s;min-width: 160px;text-align: center;}
.nav-category-sublist-box-wrapper{border: 1px solid #f1f1f1;max-width: 1280px;box-shadow: 0 10px 10px -5px rgb(0 0 0 / 4%);border-radius: 0 0 8px 8px;overflow: hidden;margin: auto;margin-top: 12px;}
.nav-category-sublist-box{position: relative;z-index: 1;background-color: #fff;}
.sublist-item-col-wrapper {text-align: left;}
.nav-category-list-item:hover .nav-category-outer{pointer-events: auto;opacity: 1;transition: opacity 0.1s;transition-delay: 0.1s;}
.nav-category-sublist-box-wrapper:hover{display: block;}
.sublist-item-header {margin-top: 0;color: #161a23;font-weight: 500;padding: 12px 18px;text-align: center;transition: all; transition-duration: 0.2s;}
.sublist-item-header:hover{color: #1075be;background-color: #f5f5f5;}

/* Account, Login and Cart */
.nav-login-box, .nav-cart-box, .nav-auth-box{display: inline-flex;user-select: none;cursor: pointer;}
.portrait-search-box, .nav-auth-box-portrait{display: none;}
.nav-cart-box{margin-left: 24px;position: relative;}
.nav-login-icon, .nav-cart-icon{margin: 28px 0;}
.nav-login-text, .nav-cart-text{margin: 28px 0;height: 24px;line-height: 24px;margin-left: 6px;font-weight: 500;}
.cart-item-count{font-weight: 500;position: absolute;left: 16px;top: 0;border-radius: 50%;margin: 20px 0px;background-color: #de3d3d;color: #fff;font-size: 10px;width: 13px;height: 13px;text-align: center;line-height: 1.3;}
.account-register-btn, .account-signin-btn{min-width: 100px;font-size: 14px;line-height: 20px;font-weight: 500;padding: 8px 16px;border: 1px solid #e52627;margin-top: 16px;}
.account-register-btn:hover{background-color: #fff !important;}
.account-register-btn{margin-right: 12px;background-color: #fff;color: #e52627;border: none;font-weight: 500;}
.hamburger{margin-left: auto;display: none;}
/* Bottom Banner Css */
.bottom-banner-wrapper{width: 100%;background-color: #1f69c5;color: #fff;min-height: 35px;}
.top-banner{text-align: center;min-height: 35px;font-size: 14px;display: flex;width: 100%;justify-content: center;}
.bottom-banner-text-box{display: flex;}
.bottom-banner-text{text-transform: uppercase;height: 22px;margin: 10px 0px;font-weight: 600;line-height: 22px;letter-spacing: 2px;}
.bottom-banner-discount{font-size: 24px;vertical-align: bottom;line-height: 23px;margin-left: 5px;color: #ffdf40;font-weight: 700;}
.banner-btn{font-weight: 600;margin: 5px 12px;line-height: 32px;background-color: #fff;border-radius: 4px;color: #222f3e;cursor: pointer;padding: 0 16px;height: 32px;}
/* ---------------------------------- Sidebar ---------------------------------- */
/* Sidebar Css */
.sidebar-dimmer {position: fixed;top: 0;right: 0px;bottom: 0px;left: 0px;display: flex;z-index: 40;height: calc(100vh + 1px);}
.sidebar-dimmer-open {width: 100%;}
.sidebar-dimmer-closed {width: 0px;}
.sidebar {position: absolute;display: flex;top: 0px;z-index: 20;height: 100vh;flex-direction: row-reverse;transition-property: left;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms;}
.sidebar-open {left: 0px;}
.sidebar-closed {left: -250px;}
.sidebar-drawer {width: 48px;height: 48px;padding: 4px;border-radius: 4px;color: #fff;text-align: center;outline: none;transition-property: background-color, border-color, color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 200ms;margin: 16px 0px;border: none;background-color: #fff;}
.nav-logo {width: 20px;height: 36px;padding: 10px 0;fill: #363636;margin: auto;}
.sidebar-content {width: 250px;background-color: #fff;overflow: hidden;justify-content: center;overflow-y: scroll;}
.sidebar-content::-webkit-scrollbar {display: none;}
.sidebar-dimmer-main {flex: 1 1 0%;outline: none;z-index: 10;background-color: rgba(0, 0, 0, 0.7);}
.hamburger {margin-left: auto;display: none;}
#sidebar {background-color: #fff;top: 0;height: 100%;outline: none;min-width: 250px !important;}
.nav-menu-item {padding: 16px 20px;font-weight: 400;letter-spacing: 0.5px;font-size: 16px;color: #363636;margin: 0;text-transform: capitalize;}
.nav-menu-item:hover {color: #363636;}
.nav-menu-item-active{background-color: #095584;color: #fff;font-weight: 500;}
.sidebar-header {text-align: center;padding: 12px 24px;line-height: 1.5;font-size: 18px;border-bottom: 1px solid #ebebeb;font-weight: 600;margin: 0;}
.fade-enter-active, .fade-leave-active {transition: opacity 1s ease-out;}
.fade-enter, .fade-leave-to {opacity: 0;}

.dropdown-item{width: calc(100% - 16px);padding: 12px 8px;clear: both;font-weight: 400;color: #363636;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;font-size: 15px;display: grid;grid-template-columns: 24px 1fr;}

@media only screen and (max-width: 1023px){
    .dropdown-menu-portrait {padding: 0px;margin: 0.125rem 0 0;font-size: .95rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #fbfbfb;display: none;}
    .dropdown-item {border: none;padding: 20px 30px;width: 100%;background-color: #f5f5f5;}
}

/* ---------------------------------- Navbar ---------------------------------- */
/* Tablet */
@media only screen and (max-width: 1024px){
    .navbar{/*position: fixed;*/width: 100%;background-color: #fff;z-index: 1;}
    .nav-category-bar{display: none;}
    .nav-login-text, .nav-cart-text{display: none;}
    .nav-call-button{display: none;}
    .nav-cart-box{margin-left: 16px;}
    .cart-item-count{left: unset;right: 0px;}
    .nav-category-box-wrapper{display: none;}
    .nav-main{grid-template-columns: 35px auto 35px;}
    .hamburger{display: block;margin: 0px;}
    .sidebar-drawer{border: none;margin-left: -15px;}
    .nav-auth-box{display: none;}
    .nav-auth-box-portrait{margin: 19px 0;padding: 4px;display: inline-block;cursor: pointer;}
    .nav-account-icon{width: 22px;height: 22px;display: inline-block;vertical-align: bottom;}
    .image-sublist-img{min-height: 90px;}
    .nav-main{display: grid;justify-content: unset;}
}

/* ---------------------------------- Navbar ---------------------------------- */
/* Phone */
@media only screen and (max-width: 600px){
    .top-banner{font-size: 12px;}
    .banner-text{margin: 9px 0px;line-height: 17px;}
    .banner-btn{display: none;}
    .hamburger{display: block;}
    .navbar{box-shadow: 0 11px 10px 0px #dddddd2e;}
    .nav-category-box-wrapper{display: none;}
    .nav-user-options{text-align: right;height: 70px;}
    .nav-login-box, .nav-cart-box{display: inline-block;margin-left: 0;}
    .nav-search-icon, .nav-cart-icon{margin: 23px 0px;margin-left: 16px;}
    .bottom-banner-text{letter-spacing: 0px;}
    .nav-top-bar{grid-template-columns: 1fr;}
    .nav-top-center{justify-content: center;}
    .nav-top-left, .nav-top-right{display: none;}
    .nav-main-wrapper{padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width: 320px){
    .nav-logo-image{height: 32px;margin: 24px 0px;}
    .nav-top-text{font-size: 11px;}
}













/* Footer */
.footer{width: 100%;padding: 32px 5%;bottom: 0;left: 0;background-color: #073856;}
.footer-main-box{display: inline-flex;width: 100%;}
.other-footer-info{display: grid;grid-template-columns: 1fr 1fr;height: 50px;}
.copyright-box, .social-icon-box, .branches-box{position: relative;color: #fff;font-weight: 400;display: grid;grid-template-columns: 1fr 1fr;margin-top: 24px;font-size: 14px;text-align: center;}
.social-icon-box{grid-template-columns: 1fr auto 1fr;}
.copyright-box{text-align: left;}
.branches-box{text-align: right;display: block;}
.social-icon-box{width: 100%;margin: 24px 0px;}
.rts-box-wrapper{position: relative;width: 25%;display: inline-block;}
.our-services-box-wrapper{position: relative;width: 25%;display: inline-block;cursor: pointer;}
.social-box-wrapper{position: relative;width: 25%;display: inline-block;}
.contact-box-wrapper{position: relative;width: 25%;display: inline-block;}
.contact-box-wrapper-portrait{margin: 48px 0;text-align: center;display: none;}
.copyright-box-portrait{display: none;}
.footer-subheader{font-weight: 600;color: #fff;letter-spacing: 0.5px;font-size: 15px;padding-bottom: 12px;}
.footer-text{color: #fff;padding: 2px 0;font-size: 14px;font-weight: 400;line-height: 1.8;}
.footer-text:hover{text-decoration: underline;}
.footer-name-text{font-size: 14px;}
.payment-method-text{font-size: 14px;color: #fff;margin: 8px 0;text-transform: uppercase;font-weight: 600;text-align: left;}
.partner-text{width: 350px;margin: 8px auto;}
.footer-partner-box{}
.product-img{width: 90%;margin: auto;margin-bottom: 24px;max-width: 350px;}
.partner-list{display: grid;text-align: left;grid-template-columns: 130px 100px 120px;justify-content: center;margin-top: 12px;}
.shipping-partner-wrapper{max-width: 400px;margin: auto;}
.shipping-partner{float: left;}
.partner-img{height: 42px;}
.ara-logo-img{height: 74px;float: left;margin-top: 6px;padding: 0 3px;}
.flag-img{width: 16px;height: 16px;display: inline-block;margin-left: 5px;vertical-align: text-top;}
.social-img{width: 16px;height: 16px;display: inline-block;margin-right: 5px;vertical-align: text-top;}
bbbseal img {height: 56px;}

.payment-options-box{width: 300px;display: grid;grid-template-columns: auto 1fr 1fr 1fr 1fr;margin-top: 12px;margin-left: 0px;grid-gap: 6px;}
.credit-card-icons{border-radius: 4px;width: 62px;margin: 13px 0;}
.footer-social-box{display: inline-flex;}
.fb-icon{height: 16px;padding: 6px 4px;margin-right: 4px;}
.insta-icon{height: 16px;padding: 6px 4px;margin-right: 4px;}
.portrait-bbb-seal{display: none;}
.authorize-net-seal{float: left;margin-bottom: 8px;}

/* Other */
.portrait-bbb-seal{display: none;}
.select-item-portrait{display: grid;}

@media only screen and (orientation: portrait){
    .ara-logo-img-1 {display: unset;}
}

@media only screen and (max-width: 1264px){
    .ara-logo-img-1 {
        display: none;
    }
}


/* Tablet */
@media only screen and (max-width: 1024px){
    /* Footer */
    .footer{width: 100%;padding: 16px 5%;padding-top: 32px;}
    .footer-main-box{display: grid;grid-template-columns: 1fr 1fr;text-align: center;}
    .footer-products-container{display: grid;grid-template-columns: 1fr 1fr 1fr;}
    .footer-navigation-container{display: grid;grid-template-columns: 1fr 1fr;}
    .footer-resources-container{grid-template-columns: 1fr 1fr;}
    .footer-social-container{display: grid;grid-template-columns: 1fr 1fr;}
    .rts-box-wrapper, .services-box-wrapper, .social-box-wrapper, .contact-box-wrapper, .footer-services{width: 100%;margin-bottom: 36px;}
    .other-footer-info{display: grid;grid-template-columns: 1fr;height: unset;}
    .copyright-box, .social-icon-box, .branches-box{width: 100%;margin-bottom: 16px;text-align: center;}
    .contact-box-wrapper-portrait{margin-top: 24px;}
    .social-icon-box{grid-template-columns: 1fr;margin-top: 0px;}
    .footer-main-box{grid-template-columns: 1fr;}
    .footer-name-text{position: relative;}
    .partner-text{width: unset;float: unset;}
    .payment-method-text{text-align: center;}
    .payment-options-box{margin: auto;margin-bottom: 12px;margin-top: 0px;max-width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;}
    .ara-logo-img{float: unset;margin-bottom: 24px;margin-top: 0px;}
    .footer-text{max-width: 280px;margin: auto;}
    .partner-list{margin: auto;text-align: center;grid-template-columns: 150px 150px;float: unset;max-width: 300px;}
    .partner-img{margin: 0 4px;margin-bottom: 8px;}
    .authorize-net-seal{float: unset;margin-bottom: 8px;margin-right: 0px;}
    .shipping-truck-icon{width: 85%;height: unset;max-width: 170px;}

    .contact-box-wrapper{display: none;}
    .authorize-net-seal{display: block;}
    .authorize-net-seal-landscape{display: none;}
    .shipping-partner-wrapper-landscape{display: none;}
    .shipping-partner-wrapper-portrait{display: block;}
    .copyright-box-landscape{display: none;}
    .copyright-box-portrait{display: block;}
    .ara-logo-img-1{display: none;}
}


/* Phone */
@media only screen and (max-width: 600px){
    .footer-navigation-container{grid-template-columns: 1fr 1fr;}
    .footer-products-container{display: grid;grid-template-columns: 1fr;}
    .footer-resources-container{grid-template-columns: 1fr 1fr;}
    .partner-list{grid-template-columns: 1fr 1fr;}
    .portrait-bbb-seal{margin-top: 10px;margin-left: -16px;display: block;}
    .landscape-bbb-seal{display: none;}
    .co2-neutral-tag{float: right;}
    .scamguard-tag{float: left;}
    .shipping-partner{float: unset;}
    .copyright-box, .branches-box{margin: 0px;margin-bottom: 16px;}
    .scamguard-tag img {width: 98%;}
}









/* About Us */
.about-band{width: 100%;background-image: linear-gradient(to right, #247bb3 , #0b5584);padding: 24px 5%;display: grid;grid-template-columns: 1fr 1fr;}
.band-title{font-size: 35px;color: #fff;margin: 32px 0px;opacity: 0.9;line-height: 1.8;}
.band-buttons{margin-top: 90px;text-align: right;}
.band-call-button{background-color: #ffd401;padding: 12px 40px;border-radius: 6px;color: #363636 !important;margin-left: 16px;cursor: pointer;text-align: center;text-transform: uppercase;font-size: 16px;margin-top: 48px;font-weight: 500;}
.band-find-part{background-color: #ffffff;padding: 12px 40px;border-radius: 6px;color: #363636 !important;margin-left: 16px;cursor: pointer;text-align: center;text-transform: uppercase;margin-top: 24px;font-size: 15px;font-weight: 500;}











/* Why Choose Us */
.why-choose-us-box{padding-top: 48px;background-color: #fff;}
.services-box-wrapper{width: 80%;display: grid;grid-template-columns: 1fr 1fr 1fr;place-items: start;margin: auto;margin-top: 72px;}
.service-item{text-align: center;max-width: 260px;margin: 0 auto;margin-bottom: 48px;vertical-align: top;}
.service-icon{padding: 12px;border: 1px solid #0e75bd;border-radius: 100%;margin-bottom: 12px;box-sizing: initial;}
.service-title-wrapper{margin-bottom: 48px;}
.service-title{font-size: 16px;font-weight: 600;margin-bottom: 8px;}
.service-description{font-size: 14px;line-height: 1.5;width: 90%;margin: auto;font-weight: 400;color: #5f5f5f;}
.other-description{text-align: center;width: 700px;max-width: 100%;margin: auto;font-size: 15px;line-height: 22px;color: #667085;font-weight: 400;}
.other-title{text-align: center;font-weight: 700;font-size: 26px;text-align: center;padding: 12px;}
.other-title-border{border-bottom: 4px solid #ffd400;width: 60px;margin: auto;margin-bottom: 16px;}


/* Tablet */
@media only screen and (max-width: 1024px){
    .about-box{grid-template-columns: 1fr;margin-top: 48px;}
    .about-text-box{padding: 36px 0px;}
    .about-band{grid-template-columns: 1fr;margin-top: 48px;height: 230px;}
    .band-title, .band-buttons{margin: 0;text-align: center;}
    .testimony-container{width: 100%;}
    .testimony-box{grid-template-columns: 1fr;width: calc(100% - 80px);}
    .services-box-wrapper{grid-template-columns: 1fr 1fr;width: 90%;}

    .about-band{grid-template-columns: 1fr;margin-top: 48px;height: 230px;}
    .band-title, .band-buttons{margin: 0;text-align: center;}
    .contact-info-box{grid-template-columns: 1fr 1fr;}
}


/* Phone */
@media only screen and (max-width: 600px){
    .about-band{margin-top: 12px;margin-bottom: 12px;height: unset;}
    .band-title, .band-buttons {font-size: 26px;}
    .band-call-button, .band-find-part{display: block;margin: 0;margin-top: 12px;}
    .contact-info-box{grid-template-columns: 1fr;}
    .navbar-call-box{display: none;}
    .why-choose-us-box{padding-bottom: 24px;}
    .services-box-wrapper{width: 100%;}
}








/* Mission Vision */
.mission-vision{display: grid;grid-template-columns: 1fr 1fr;width: 100%;padding: 0 5%;padding-bottom: 48px;margin-bottom: 0px;padding-top: 72px;}
.mission-box{position: relative;background-color: #fff;padding: 0;margin: 0 16px;background-image: none;border-radius: 8px;box-shadow: 0 5px 25px -5px rgb(0 0 0 / 20%), 0 5px 10px -5px rgb(0 0 0 / 10%);height: 300px;}
.vision-box{position: relative;background-color: #fff;padding: 0;margin: 0 16px;background-image: none;border-radius: 8px;box-shadow: 0 5px 25px -5px rgb(0 0 0 / 20%), 0 5px 10px -5px rgb(0 0 0 / 10%);height: 300px;}
.mission-vision-overlay{width: 100%;height: 300px;position: absolute;top: 0;left: 0;}
.mission-vision-wrapper{width: calc(100% - 48px);margin-top: -2%;max-width: 500px;}
.mission-vision-title{color: #363636;text-align: center;font-size: 32px;}
.mission-vision-description{color: #363636;text-align: center;margin-top: 8px;line-height: 1.8;}
.mission-box-blue{background-color: #073856;}
.mission-vision-title-blue{color: #fff;}
.mission-vision-description-blue{color: #fff;}

/* Tablet */
@media only screen and (max-width: 1024px){
    .mission-vision{grid-template-columns: 1fr;padding-bottom: 48px;}
    .mission-box{margin-bottom: 24px;}
    .mission-vision-description{font-size: 15px;}
}

/* Phone */
@media only screen and (max-width: 600px){
    .mission-vision{width: 100%;padding: 0 2%;padding-bottom: 48px;}
}






/* Testimonials */
.testimony-carousel .VueCarousel-inner{padding: 64px 0px 96px 0px;align-items: baseline;cursor: grab;grid-gap: 0px;}
.testimonials-wrapper{max-width: 1340px;margin: 48px auto;padding: 30px;margin-top: 72px;}
.testimony-list-wrapper{display: grid;grid-template-columns: 1fr 1fr 1fr;margin-top: 48px;}
.testimony-inner-box{box-shadow: 0 5px 25px -5px rgb(0 0 0 / 10%), 0 5px 10px -5px rgb(0 0 0 / 5%);padding: 28px;border-radius: 12px;height: fit-content;position: relative;display: block;text-align: left;margin: 12px;}
.testimony-text{margin-bottom: 16px;line-height: 1.6;color: #464154;font-weight: 400;font-size: 15px;}
.testimony-author-box{display: flex;}
.author-avatar{width: 42px;height: 42px;border-radius: 100%;object-fit: cover;object-position: center;}
.author-info-box{display: flex;flex-direction: column;margin-left: 12px;}
.author-name{display: flex;align-items: center;font-size: 15px;line-height: 1.3;font-weight: 600;color: #363636;}
.review-goog-icon{position: absolute;width: 34px;right: 28px;bottom: 28px;margin: 4px 0px;}
.view-testimonials-wrapper{margin: 48px 0px 24px 0px;text-align: center;}
.view-testimonials-btn{display: inline-block;color: #095584;background-color: #eef9ff;padding: 12px 24px;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;box-shadow: 0px 1px 2px 0px rgb(16 24 40 / 5%);}
.topic-title{text-align: center;font-weight: 700;font-size: 26px;}
.topic-title-border{border-bottom: 4px solid #ffd400;width: 60px;margin: auto;margin-top: 16px;}

/* Phone */
@media only screen and (max-width: 600px){
    .testimonials-wrapper{padding: 12px;}
}









/* Brands Carousel */
.VueCarousel-slide {position: relative;height:150px;color:#FFF;display: flex;align-items: center;justify-content: center;border-right:1px solid #FFF;box-sizing:border-box;font-size:12px;text-align:center;}
.VueCarousel-inner{display: flex;flex-direction: row;backface-visibility: hidden;grid-gap: 8px;}
.brand-img{height: 110px;width: 160px;}

/* Phone */
@media only screen and (max-width: 600px){
    .VueCarousel-slide{height: 100px;}
    .brand-img {height: 66px;width: 96px;margin: 0 16px;}
}









/* Snackbar */
.snackbar-box{min-width: 280px;width: 100%;text-align: center;color: #fff;position: fixed;z-index: 2147483647;margin: auto;bottom: 0;font-size: 15px;left: 50%;transform: translate(-50%, 0);visibility: hidden;}
.show-snackbar{visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 1.0s;animation: fadein 0.5s, fadeout 0.5s 1.0s;}
@-webkit-keyframes fadein {from {bottom: -10px; opacity: 0;} to {bottom: 0px; opacity: 1;}}
@keyframes fadein {from {bottom: -10px; opacity: 0;}to {bottom: 0px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 0px; opacity: 1;} to {bottom: -10px; opacity: 0;}}
@keyframes fadeout {from {bottom: 0px; opacity: 1;}to {bottom: -10px; opacity: 0;}}










/* ---------------------------------- Mini Cart ---------------------------------- */
/* Mini Cart Css */
.mc-dimmer{position: fixed;top: -1px;right: 0px;bottom: 0px;left: 0px;display: flex;z-index: 41;margin-top: 0;width: 100%;opacity: 0;}
.mc{position: absolute;top: 0px;z-index: 20;height: 100vh;flex-direction: row-reverse;transition-property: right;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms;background-color: #fff;padding: 24px;max-width: 28vw;width: 100%;min-width: 400px;overflow-y: scroll;}
.mc::-webkit-scrollbar{display: none;}
.mc-content{overflow: hidden;justify-content: center;position: relative;}
.mc-header-box{display: flex;justify-content: space-between;}
.mc-header{text-align: left;line-height: 1.5;font-size: 18px;font-weight: 500;margin: 0;}
.mc-close{fill: #9ba3af;cursor: pointer;transition: 0.2s all;}
.mc-close:hover{stroke: #3a3a3a;}
.mc-body{position: relative;margin-top: 16px;}
.mc-body ul{padding-bottom: 24px;overflow-y: scroll;height: calc(100vh - 280px);}
.mc-body ul::-webkit-scrollbar {display: none;}
.mc-item{padding: 24px 0px;display: flex;}
.mc-image{height: 60px;width: 60px;object-fit: cover;object-position: center;border-radius: 6px;}
.mc-product{display: grid;grid-template-columns: 80px auto;width: 100%;grid-gap: 12px;margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid #e9e9e9;}
.mc-product-details{flex-direction: column;flex: 1 1 0%;display: flex;margin-left: 16px;}
.mc-name-price-feat-box{position: relative;}
.mc-name-price-box{line-height: 24px;display: flex;justify-content: space-between;}
.mc-product-name{font-size: 14px;font-weight: 500;line-height: 1.4;letter-spacing: -0.5px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.mc-product-price{margin-left: 16px;font-size: 14px;line-height: 20px;font-weight: 500;}
.mc-product-feature{color: #6b7280;font-size: 14px;line-height: 20px;margin-top: 4px;}
.mc-qty-remove-box{flex: 1 1 0%;display: flex;align-items: flex-end;justify-content: space-between;}
.mc-item-qty{background-color: #fff;padding: 4px;font-weight: 500;color: #495057;font-size: 14px;border: 1px solid #d1d5db;border-radius: 6px;box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);user-select: none;outline: none;}
.mc-remove-btn{color: #e42627;font-size: 14px;font-weight: 500;cursor: pointer;padding: 6px 0px;}
.mc-remove-btn:hover{text-decoration: underline;}
.mc-checkout-body{padding: 24px 0px;border-top: 1px solid #e5e7eb;}
.mc-subtotal-box{flex: 1 1 0%;display: flex;align-items: flex-end;justify-content: space-between;font-weight: 500;}
.mc-subtotal-desc{color: #6b7280;font-size: 14px;line-height: 20px;margin-top: 4px;}
.mc-checkout-btn{margin: 0;width: 100%;font-size: 16px;font-weight: 400;line-height: 20px;padding: 12px;}
.continue-shopping-btn{width: 100%;cursor: pointer;text-align: center;margin: 12px 0;padding: 12px 0;color: #2679ad;font-size: 14px;font-weight: 500;margin-bottom: 0px;}
.cart-empty-wrapper{position: relative;height: calc(100vh - 100px);}
.dimmer{flex: 1 1 0%;outline: none;z-index: 10;background-color: rgba(0, 0, 0, 0.70);cursor: pointer;}
.grade-text{letter-spacing: -0.3px;color: #6b7280;font-size: 14px;line-height: 20px;margin: 8px 0px;}


@media only screen and (max-width: 600px){
    .mc {max-width: 85%;min-width: 60%;padding: 16px;}
    .mc-body-ul{height: calc(100vh - 264px);}
    .mc-item{padding: 16px 0px;}
    .mc-product-details{margin-left: 8px;}
    .mc-checkout-btn{padding: 13px 12px;}
}






/* Testimonials */
.testimony-container-wrapper {width: 90%;margin: 48px auto;}
.testimony-title {text-align: center;font-weight: 400;margin: 12px 0;}
.VueCarousel{position: relative;}
.review-slide {height: 355px !important;}
.VueCarousel-slide {position: relative;height: 150px;color: #FFF;display: flex;align-items: center;justify-content: center;border-right: 1px solid #FFF;box-sizing: border-box;font-size: 12px;text-align: center;}
.review-box{width: 350px;height: 322px;background-color: #fff;border-radius: 6px;text-align: left;box-shadow: 0 0px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);padding: 16px;cursor: pointer;}
.review-star{fill: #ffbc59;margin: 1px 2px;width: 16px;height: 16px;cursor: pointer;display: inline-block;vertical-align: top;}
.review-avatar {width: 60px;height: 60px;margin-top: 12px;}
.review-google-logo {position: absolute;top: 24px;right: 24px;}
.review-text {color: #363636;line-height: 1.5;font-weight: 300;text-align: left;padding: 12px 4px;font-size: 15px;}
.review-name {color: #363636;font-size: 17px;font-weight: 500;margin-bottom: 0;text-align: left;padding-left: 4px;}
.review-rating {text-align: left;padding-left: 4px;}



@media only screen and (max-width: 1023px){
    .testimony-container{width: 100%;}
    .testimony-box{grid-template-columns: 1fr;width: calc(100% - 80px);}
}

@media only screen and (max-width: 600px){
    .VueCarousel-slide{height: 160px;}
    .testimony-container-wrapper{width: 95%;}
    .brand-img {height: 66px;width: 96px;margin: 0 16px;}
    .review-box{height: 320px;width: 290px;padding: 5px;}
    .VueCarousel-navigation{display: none;}
}






/* Lead Form */
.form-title{background-color: #0b5584;color: #fff;text-align: center;font-weight: 500;font-size: 20px;border-radius: 8px 8px 0 0;padding: 12px 0px;text-transform: uppercase;margin-bottom: 16px;}
.form-content-wrapper{padding: 16px;padding-top: 0;position: relative;}
.select-item{display: grid;grid-template-columns: 60px 1fr;margin: 10px 4px;height: 44px;position: relative;}
.select-label{line-height: 44px;position: relative;font-size: 14px;font-weight: 500;min-width: 60px;}
.select-box{width: 100%;height: 44px;position: relative;}
.form-select-input{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;text-transform: capitalize;border-width: 1px;border-radius: 8px;line-height: 1.5;padding: 10px 14px;border: 1px solid #d1d5db;width: 100%;font-size: 15px;font-weight: 400;color: #757575;box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);cursor: pointer;}
.form-select-input:focus{outline:0;box-shadow:0 0 0 2px rgba(66,153,225,.5);border-color:#63b3ed}
.form-input{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;border-color: #e2e8f0;border-width: 1px;border-radius: 8px;line-height: 1.5;padding: 10px 14px;border: 1px solid #e2e8f0;width: 100%;font-size: 15px;font-weight: 400;color: #363636;}
.form-input::-moz-placeholder{color:#a0aec0;opacity:1}
.form-input:-ms-input-placeholder{color:#a0aec0;opacity:1}
.form-input::-ms-input-placeholder{color:#a0aec0;opacity:1}
.form-input::placeholder{color:#a0aec0;opacity:1}
.form-input:focus{outline: 0;box-shadow:0 0 0 2px rgba(66,153,225,.5);border-color:#63b3ed;}
.input-asterix{position: absolute;top: -2px;font-size: 14px;color: #e91e63;}
.select-input-portrait{display: none;}
.other-part-box{display: none;}

.dropdown-box{display: none;position: relative;background-color: #fff;z-index: 10;}
.dropdown-search-box{line-height: 1.5;padding: 6px;border: none;width: 100%;font-size: 16px;font-weight: 400;color: #363636;font-size: 14px;background-color: #f7f7f7;}
.dropdown-search-box{outline:0;}
.dropdown-list-wrapper{background-color: #fff;width: 100%;max-height: 200px;overflow: hidden;margin-top: -1px;box-shadow: 0 0px 25px -5px rgb(0 0 0 / 0.2), 0 10px 10px -5px rgb(0 0 0 / 0.08);}
.dropdown-list{width: calc(100% + 8px);max-height: 200px;overflow-y: scroll;}
.dropdown-text{font-size: 15px;cursor: pointer;padding: 10px 6px;text-align: left;border-bottom: 1px solid #f5f5f5;text-transform: capitalize;}
.dropdown-text:hover{background-color: #e8e8e8;}
.dropdown-icon{float: right;}

.form-submit-button{background-color: #ffd401;padding: 12px 24px;border-radius: 8px;color: #363636 !important;cursor: pointer;text-align: center;width: 100%;margin-top: 16px;}
.form-submit-button-text{font-size: 14px;font-weight: 500;text-transform: uppercase;line-height: 24px;user-select: none;}
.loading-icon{display: none;}
.path {stroke-dasharray: 1000;stroke-dashoffset: 0;}
.path.line {stroke-dashoffset: 1000;-webkit-animation: dash 0.9s 0.35s ease-in-out forwards;animation: dash 0.9s 0.35s ease-in-out forwards;}
.path.check {stroke-dashoffset: -100;-webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;animation: dash-check 0.9s 0.35s ease-in-out forwards;}
@-webkit-keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@-webkit-keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}
@keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}


@media only screen and (max-width: 1024px){
    .select-input-portrait{display: block;line-height: 18px;}
    .select-item{display: block;margin: 12px 4px;}
    .other-part-box{display: none;}
    .select-label{display: none;}
    .form-content-wrapper{padding: 16px 8px;padding-top: 0px;}
    .select-box{display: none;}
    .form-input{padding: 12px 14px;}
    .select-input-icon-wrapper{height: 48px;}
}

@media only screen and (max-width: 600px){
    .other-part-box{display: block;}
}