:root{
    --primary-color:#001528;
    --secondary-color:#1A5C98;
    --tertiary-color:#0A0A0A;
    --white:#fff;
    --dark-white:#878787;
    --primary-font:'Saira';
}



body{font-family: var(--primary-font); color: var(--tertiary-color);}
a{color: var(--white);}
h1,h2,h3,h4,h5,h6,p{margin: 0;}

.default-button{ cursor: pointer; border: none; color:#fff; font-size:20px; padding:8px 20px; border-radius:5px; font-family:inherit; font-weight:700; background-image:linear-gradient(120deg,#1a5c98 0%,#002d77 100%); background-color:#1a5c98; display:inline-block; position:relative; transition:0.5s; }
.default-button:after{ content:"\f061"; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; opacity:0; top:50%; right:-20px; transition:0.5s; font-size:16px; transform: translateY(-50%);}
.default-button:hover{ padding-right:38px; padding-left:14px; }
.default-button:hover:after{ opacity:1; right:10px; }



.top-header{ margin:0; padding:9px 0; background:#001528; }
.top-header .container-fluid{ max-width:1807px; }
.top-header .content-block{ margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; }
.top-header .content-block .lt-block{ margin:0; padding:0; }
.top-header .content-block .lt-block ul{ margin:0; padding:0; display:flex; align-items:center; gap:18px; }
.top-header .content-block .lt-block ul li a{ margin:0; padding:0; display:flex; align-items:center; gap:9px; color:#fff; font-family:inherit; font-size:12px; line-height:1; font-weight:500; }
.top-header .content-block .lt-block ul li a i{ font-size:15px; }
.top-header .content-block .rt-social{ margin:0; padding:0; }
.top-header .content-block .rt-social ul{ margin:0; padding:0; display:flex; align-items:center; gap:8px; }
.top-header .content-block .rt-social ul li a{ margin:0; padding:0; width:24px; height:24px; background:#fff; border-radius:3px; display:inline-block; color:#001528; font-size:12px; display:flex; align-items:center; justify-content:center; }


.banner-section p{font-size: 20px; font-weight: 500; line-height: 24px; color: var(--white); margin: 0; margin-bottom: 4px;}
.banner-section h1{font-size: 80px; font-weight: 600; line-height: 80px; margin: 0; color: var(--white); padding-bottom: 10px; position: relative; margin-bottom: 15px;}
.banner-section h1::after{content: ''; height: 8px; width: 100px; background-color: var(--secondary-color); position: absolute; bottom: -15px; left: 0;} 

.url-navigation{background-color: #F9F9F9;border: 1px solid  #b9b9b9;border-radius: 5px;margin-bottom: 50px;}
.url-navigation p{font-size: 12px;margin-bottom: 0;padding: 5px 15px;color: #757575; transition: 0.1s ease-in-out}
.url-navigation p strong{color: var(--tertiary-color);}
.url-navigation p a{color:#757575;}
.url-navigation p a:hover{color: #000;  transition: 0.1s ease-in-out;}

.sub-title{font-size: 20px; font-weight: 700; line-height: 30px; color: var(--dark-white);}
.title{font-size: 36px; font-weight: 700; line-height: 36px; margin-bottom: 30px;}

/*.box-container .box input[type="number"]::-webkit-inner-spin-button,
.box-container .box input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.box-container .box input[type="number"] {-moz-appearance: textfield;}*/
.box-container .box{padding: 20px; border-radius: 16px; border: 1px solid #EDEDED; margin-bottom: 30px;}
.box-container .box .img-block{height: auto; width: 100%; display: inline-block; border-radius: 16PX; position: relative; overflow: hidden;}
.box-container .box .img-block::after{content: '\f061'; width: 100%; height: 100%; background-color: #000000cc; position: absolute; top: 0; left: 0;  font-family: "Font Awesome 6 Pro"; display: flex; justify-content: center; align-items: center; transition: 0.3s ease-in-out; opacity: 0;}
.box-container .box .img-block:hover::after{opacity: 1; transition: 0.3s ease-in-out;}
.box-container .box .img-block img{height: auto; width: 100%; }
.box-container .box .desciption-block{display: inline-block; text-align: center; width: 100%;}
.box-container .box .desciption-block h3{ font-size: 18px; font-weight: 700; line-height: 19.2px; padding-block: 9.6px; color: var(--tertiary-color);}
.box-container .box .desciption-block p{font-size: 12.6px; line-height: 15.12px; margin-bottom: 10px; font-weight: 500; color: var(--dark-white);}
.box-container .box .desciption-block h4{font-size: 18px; font-weight: 500; line-height: 26px; color: var(--secondary-color); margin-bottom: 20px;}
.box-container .box .quantity-container{width: 100%; display: flex; justify-content: center;}
.box-container .box .quantity-container button{width: 30px; height: 30px; background-color: var(--secondary-color); color: var(--white); box-shadow: none; border: none; outline: none; cursor: pointer; font-size: 14px; font-weight: 700;}
.box-container .box .quantity-container button:nth-child(1){ border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.box-container .box .quantity-container button:nth-child(3){ border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.box-container .box .quantity-container #quantity{width: 42px !important; height: 30px; padding: 4px; text-align: center; background-color: #EEEEEE; box-shadow: none; border: none; border-block: 1px solid #CCCCCC; font-size: 14px; font-weight: 700; color: var(--tertiary-color);}
.box-container .box .btn-block{ display: flex; justify-content: center; margin-top: 16px;}
.box-container .box #addToCartBtn{display: inline-block; padding: 8px 15px; font-size: 16px; font-weight: 700; line-height: 27px; background-color: var(--primary-color); color: var(--white); border-radius: 16px; border: none; cursor: pointer; transition: 0.2  s ease-in-out;}
.box-container .box #addToCartBtn:hover{background-color: var(--secondary-color); transition: 0.2s ease-in-out;}

.box-container .box .btn-block{ display: flex; justify-content: center; margin-top: 16px;}
.box-container .box .add-to-cart-btn{display: inline-block; padding: 8px 15px; font-size: 16px; font-weight: 700; line-height:22px; background-color: var(--primary-color); color: var(--white); border-radius:5px; border: none; cursor: pointer; transition: 0.2  s ease-in-out;}
.box-container .box .add-to-cart-btn:hover{background-color: var(--secondary-color); transition: 0.2s ease-in-out; }



.adapters-section{padding-block: 50px 40px;}

.other-product-section{background-color: #F5F5F5; padding-block: 64px 90px;}
.other-product-section .box-container .box{background-color: var(--white);}
.other-product-section .pay-now-block{display: flex; justify-content: space-between; background-color: var(--white); padding: 30px; border-radius: 16px; border: 1px solid #EAEAEA; margin-top: 30px; margin-bottom: 70px;}
.other-product-section .pay-now-block h2{font-size: 36px; font-weight: 700; line-height: 36px; color: var(--tertiary-color); padding-bottom: 10px;}
.other-product-section .pay-now-block p{font-size: 14px; font-weight: 500; line-height: 21px;}
.other-product-section .bottom-block p{font-size: 14px; font-weight: 700; line-height: 23.8px;}
.other-product-section .bottom-block p:nth-child(2){font-weight: 500; padding-top: 14px;}
.other-product-section .bottom-block p a{color: var(--primary-color); text-decoration: underline; font-weight: 700;}

footer{ margin:0; padding:70px 0 0px 0; background:#001C36; }
footer .container-fluid{ max-width:1807px; }
footer .top-block{ margin:0; padding:0 0 50px 0; border-bottom:1px solid #173048; }
footer .top-block .box{ margin:0; padding:0; }
footer .top-block .box h3{ font-family:inherit; font-size:20px; font-weight:600; line-height:1; color:#fff; margin:0; padding:0 0 18px 0; }
footer .top-block .box p{ font-size:14px; font-weight:300; line-height:1.6; color:#fff; margin:0; padding:0 0 15px 0; }
footer .top-block .box .footer-social{ margin:0; padding:0; }
footer .top-block .box .footer-social ul{ margin:0; padding:0; display:flex; align-items:center; gap:8px; }
footer .top-block .box .footer-social ul li a{ margin:0; padding:0; width:28px; height:28px; background:#fff; border-radius:5px; display:inline-block; color:#001528; font-size:14px; display:flex; align-items:center; justify-content:center; }
footer .top-block .box ul.footer-menu{ margin:0; padding:0; }
footer .top-block .box ul.footer-menu li{ margin:0; padding:0 0 12px 0; }
footer .top-block .box ul.footer-menu li a{ font-size:14px; font-weight:300; line-height:1.6; color:#fff; margin:0; padding:0; }
footer .top-block .box.contact p{ padding-bottom:10px; line-height:1.3; }
footer .top-block .box.contact p a{ font-size:14px; font-weight:300; line-height:1.6; color:#fff; margin:0; padding:0; }

footer .bottom-block{ margin:0; padding:30px 0; text-align:center; }
footer .bottom-block ul{ margin:0; padding:0; color:#fff; display:flex; align-items:center; gap:5px; justify-content:center; }
footer .bottom-block ul li a{ font-size:12px; font-weight:600; line-height:1.1; color:#fff; margin:0; padding:0; }
footer .bottom-block p{ font-size:12px; font-weight:300; line-height:1.1; color:rgba(255,255,255,.7); margin:0; padding:8px 0 0 0; }





#cartForm tbody .product-sub-title{ display:block; font-size:13px; line-height:1.1; font-style:normal; color:rgba(0, 0, 0, .7); }

.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6{ margin-bottom:25px; }
.adapters-section.bottoms .box-container .box{ text-align:center; height:100%; margin:0; }
.adapters-section.bottoms .box-container .box input[type="number"]{ border:none; border:2px solid #001528; height:35px; border-radius:5px; padding:10px; max-width:60px; }
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child{ width:100%; }
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box .img-block{ display:none; }
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-12.col-12{ margin-bottom:25px; }


.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box input[type="number"]::-webkit-inner-spin-button,
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box input[type="number"] {-moz-appearance: textfield; max-width:150px; }
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box input#qty-7{ display:none; }
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box h3{ font-size:36px; }
.adapters-section.bottoms .box-container .col-lg-3.col-md-6.col-sm-6.col-6:last-child .box p{ color:#000; }

.adapters-section.cartss{ padding-bottom:20px; }
.adapters-section.cartss .url-navigation{ margin-bottom:0; }

#cart{ max-width:700px; background:#F5F5F5 !important; margin:0 auto; text-align:center; }
.adapters-section.bottoms{ padding-top:20px; }

#cart button{ display:inline-block; padding:8px 15px; font-size:16px; font-weight:700; line-height:27px; background-color:var(--primary-color); color:var(--white); border-radius:16px; border:none; cursor:pointer; margin-top:10px; transition:all 0.3s ease-in-out; }
#cart button:hover{ background:#1A5C98; }



















@media screen and (max-width: 1199px){
    .pay-now-block{text-align: center;}
    .other-product-section .pay-now-block{flex-wrap: wrap; gap: 15px; justify-content: center;}
}
@media screen and (max-width: 767px){
    .top-header .content-block{flex-wrap: wrap; justify-content: center; gap: 18px;}
    .top-header .content-block .lt-block ul{flex-wrap: wrap; justify-content: center;}
    footer .top-block .box{ margin-bottom:25px; text-align:center; }
    footer .top-block{ padding-bottom:10px; }
    footer .top-block .box .footer-social ul{ justify-content:center; }
    .other-product-section{padding-block: 30px;}
    .other-product-section .pay-now-block{margin-bottom: 30px;}
    .adapters-section{padding-block: 30px;}
}

@media screen and (max-width:575px){
    footer .container-fluid, .navbar .container-fluid, .home-sliders .desc .container-fluid{ padding:0 25px; }
}