/*======Config======*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 25px;
  }
  
  .container {
    max-width: 1024px;
    margin: auto;
  }
  
  body {
    font-family: Arial, Helvetica, sans-serif;
  }
/*=======Header======*/
header {
    background-color: #149777;
  }
  header .header {
    padding: 10px 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  header .header #brand {
    font-size: 42px;
    font-weight: 700;
  }
  header .header #brand a{
    text-decoration: none;
    color: #fff;
  }
  header .header nav ul {
    display: flex;
    list-style-type: none;
    align-items: center;
    gap: 22px;
  }
  header .header nav ul a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
  }
  header .header nav ul a svg {
    fill: #fff;
    width: 32px;
  }
  header .header nav ul .primarybtn {
    padding: 10px 20px;
    display: block;
    background-color: #ffc800;
    color: #673500;
    font-weight: 800;
    border-radius: 5px;
  }
  header .search {
    padding: 50px 0;
    text-align: center;
  }
  header .search .placebtn {
    background: #10846f;
    padding: 4px 12px 4px 8px;
    border-radius: 30px;
    color: #fff;
    display: flex;
    margin: auto;
    margin-bottom: 16px;
    justify-content: center;
    align-items: center;
    border: 0;
    cursor: pointer;
  }
  header .search .placebtn svg {
    fill: #fff;
    width: 22px;
  }
  header .search form {
    z-index: 2;
    position: relative;
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 60px;
    overflow: hidden;
  }
  header .search form input {
    font-size: 16px;
    padding: 18px 24px;
    width: 100%;
    border: 0;
    outline: 0;
  }
  header .search form button {
    border: 0;
    background-color: #ffc800;
    border-radius: 60px;
    position: absolute;
    right: 10px;
    top: 7px;
    padding: 15px;
    font-size: 18px;
    line-height: 13px;
    cursor: pointer;
  }
  header .search form button svg {
    fill: #fff;
    width: 18px;
  }
/*==========Web Box=========*/
.webbox{
    border-bottom: 2px solid #d8d8d8;
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
    border: 1px solid #ddd;
}
.webbox .wbservice h2{
    margin-bottom: 10px;
    font-size: 32px;
}
.webbox .wbservice a{
    text-decoration: none;
}

.webbox .wbservice{
    padding: 10px 0;
}
.webbox .feature{
    width: 250px;
    border-right: 1px solid #ddd;
}
.webbox .feature img{
    height: 150px;
}
.webbox ul{
    display: grid;
    grid-template-columns: auto auto;
    list-style-type: none;
    gap: 0px;
    column-gap: 20px;
    font-size: 14px;
}
.webbox ul li::before {
    content: '\2713';
    color: green;
    font-size: 20px;
    font-weight: 900;
    margin-right: 5px;
}
.webbox .pricebuy{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
}
.webbox .pricebuy p{
    font-size: 40px;
}
.webbox .pricebuy button{
    padding: 15px 60px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    font-size: 25px;
    margin-top: 10px;
}
.webboxtwo .wbservice h2{color: #ffa700;}
.webboxtwo .pricebuy p{color: #ffa700;}
.webboxtwo .pricebuy button{background-color: #ffa700;}

.webboxthree .wbservice h2{color: #d62d20;}
.webboxthree .pricebuy p{color: #d62d20;}
.webboxthree .pricebuy button{background-color: #d62d20;}

.webboxfour .wbservice h2{color: #0057e7;}
.webboxfour .pricebuy p{color: #0057e7;}
.webboxfour .pricebuy button{background-color: #0057e7;}

.webboxfive .wbservice h2{color: #008744;}
.webboxfive .pricebuy p{color: #008744;}
.webboxfive .pricebuy button{background-color: #008744;}

/*=====Post Section======*/
#postsec{
    margin: 25px 0;
}

/*========Product=========*/
#productdetails{padding:10px 0;background-color:#eee}#productdetails .productdetails{display:flex;justify-content:space-around;padding: 50px 20px;background-color:#fff}#productdetails .productdetails .price{color:var(--main-bg-color)}#productdetails .productdetails .productslider{width:450px;display:grid;grid-template-columns:75% 20%;justify-content:space-between}#productdetails .productdetails .productslider .slidemenuitem{border:1px solid #a16500;margin-bottom:5px}#productdetails .productdetails .producttitledis{max-width: 450px;min-width:450px;padding:0px 20px;display:flex;flex-flow:column;justify-content:space-between}#productdetails .productdetails .producttitledis h1{border-bottom:1px solid var(--border-color);padding-bottom:10px}#productdetails .productdetails .producttitledis .pricesec{font-size:200%;display:flex;margin:10px 0;gap:30px;align-items:center;justify-content:space-between}#productdetails .productdetails .producttitledis .pricesec del{color:var(--dark-color)}#productdetails .productdetails .producttitledis button.buynowbtn{padding:10px 20px;background-color:#07922b;font-size:150%;color:#fff;display:block;cursor:pointer}#productdetails .productdetails .pdtadetionalinfo .deliveryoption{border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:10px}#productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption{margin-top:15px;display:grid;grid-gap:5px;grid-template-columns:100px auto;align-items:center}#productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption img{width:90px}#productdetails .productdetails .pdtadetionalinfo .returnandwarenty{margin-top:10px;padding-left:25px;font-size:110%}#productdetails .productdetails .pdtadetionalinfo .returnandwarenty li{margin:7px 0;position:relative}#productdetails .productdetails .pdtadetionalinfo .returnandwarenty li::after{content:"";width:20px;height:20px;position:absolute;top:0;left:-25px;background-image:url("../assets/icon/1.png");background-size:cover}#productdetails .productDesAndRel{display:grid;grid-template-columns:auto 250px;margin-top:20px;grid-gap:30px}#productdetails #productdescription{font-size:110%;padding:20px;background-color:#fff}#productdetails #productdescription .pdtitle{text-align:center}#productdetails #productdescription span{padding:5px 0;background-color:var(--dark-second-color)}#productdetails #productdescription .pdfeature{display:flex;padding-bottom:20px;margin:20px 0;justify-content:space-between;border-bottom:1px solid var(--border-color)}#productdetails #productdescription .pdfeature ul{max-width:47%;padding-left:20px}#productdetails #productdescription .pdfeature ul li{margin-bottom:10px}#productdetails #productdescription article{margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--border-color)}#productdetails #productdescription article h3{margin-bottom:10px}#productdetails #productdescription article p{line-height:21px;margin:7px  0}#productdetails #productdescription .productspecification{display:grid;grid-template-columns:auto auto;justify-content:space-around;grid-row-gap:10px;margin-top:20px}#productdetails #productdescription .productspecification h4 span{color:var(--dark-color)}#productdetails #relatedproduct{padding:20px 10px;background-color:#fff}#productdetails #relatedproduct h2{background-color:var(--dark-second-color);margin-bottom:10px}#productdetails #relatedproduct .rpprice{display:flex;justify-content:space-between}#productdetails #relatedproduct .rpprice del{color:gray}#productdetails #relatedproduct a{width:230px;color:var(--dark-background);text-decoration:none;display:inline-block;margin-top:15px}#productdetails #relatedproduct .price{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid gray}
#buybox{max-width:900px;margin:20px auto;background:#fff;position:relative}#buybox .buyfrom{padding:50px;display:grid;grid-template-columns:100%;justify-content:center}#buybox .buyfrom .buyfromright .numbersendbox{display:flex;justify-content:space-between}#buybox .buyfrom .buyfromright #otpnumberinput{}#buybox .buyfrom .buyfromright .numbersendbox button{border:0;width:110px;padding:10px;background-color:#038585;color:#fff;cursor:pointer}#productcountadd{display:grid;grid-template-columns:42px 42px 42px;text-align:center;font-size:30px}#productcountadd button{border: none;line-height:0;font-size:27px;background:gray;color:#fff;cursor:pointer}#productcountadd #incrementcount{background-color:#038585}#buybox .whatbflp{padding:20px 0px;overflow:hidden;display:flex;gap:10px}#buybox .whatbflp img{width:150px;max-height:80px}#buybox .buyfrom .buyboxfrom{box-sizing:border-box}#buybox .buyfrom .buyboxfrom label{display:block;margin-top:10px}#buybox .buyfrom .buyboxfrom input{padding:10px;width:100%;box-sizing:border-box;box-shadow:inset 0px 0px 4px #07a9a9;border:0;outline:0}#buybox .buyfrom .buyfromleft{margin-bottom:20px}#buybox .buyfrom .buyfromleft .bdrbottom{border-bottom:1px solid #c0e9e9}#buybox .buyfrom .paymentbuybox{display:flex;justify-content:space-between;align-items:center}#buybox .buyfrom .paymentbuybox .pricepbbright{float:right}#buybox .buyfrom .buybtn{background:#a1a1a1;color:#fff;padding:12px 60px;margin:auto;margin-top:10px;border:0;text-align:center;cursor:no-drop;display:block}#productbuyboxinclud{overflow-y: auto; position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.726);display:none;z-index: 100;}#buyfromcloss{position:absolute;top:0;right:0;padding:5px 10px;background-color:red;color:#fff;cursor:pointer}
#buybox .row{
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
}
#buybox #somedesc{
    width:100%;
    min-height: 150px;
    outline: 0;
    padding: 10px;
}
#productdetails .productdetails .countryavailable h2{
    margin-bottom:10px;
}
.btngroup{
    display: flex;  
    gap: 10px;
    margin-top: 20px;
}
.btngroup button{
    padding: 10px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    font-size: 18px !important;
}
.cartsec{
    width: 600px;
    margin: 80px auto;

}
.cartsec h2{
    font-size: 32px;
    margin-bottom: 30px;
}
.cartsec table{
    width: 100%;
    margin: 0px 0 10px;
}
.cartsec tr{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.cartsec tr td{
    margin: 0px 10px;
}
.cartsec .buynowbtn{
    padding: 3px 15px;
    border: 0;
    background: #038585;
    color: #fff;
    border-radius: 5px;
    outline: 0;
    margin-top: 30px;
    cursor: pointer;
}
.cartsec .pitemdelete{
    padding: 0 13px;
    border: 0;
    outline: 0;
    background-color: firebrick;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}
@media(max-width: 1100px){
    #productdetails .productdetails {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 50px 20px 25px;
    }
    #productdetails .productdetails .productslider{
        width: 450px;
    }
    #productdetails .productdetails .producttitledis{
        width: auto;
    }
    #productdetails .productdetails .pdtadetionalinfo{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top:25px;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption{
        display: flex;
        margin: 0px 50px 0px 20px;
        gap: 10px;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption{
        grid-template-columns: 40px auto;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption img{
        width: 40px;
    }
}
@media(max-width: 900px){
    #productdetails .productdetails{
        flex-direction: column;
        padding: 25px 20px 25px;
    }
    #productdetails .productdetails .productslider{
        margin: auto;
        flex-direction: column;
        grid-template-columns: auto;
        margin-bottom: 20px;
        justify-content: center;
        grid-gap: 10px;
    }
    #productdetails .productdetails .productslider .slidermenu{
        display: flex;
        gap: 5px;
    }
    #productdetails .productdetails .producttitledis{
        margin: auto;
        width: 450px;
        padding: 0;
    }
    #productdetails .productDesAndRel{
        grid-template-columns: auto;
    }
    #productdetails #relatedproduct h2{
        text-align:center;
    }
}
@media(max-width: 1100px){
    #productdetails .productdetails {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 50px 20px 25px;
    }
    #productdetails .productdetails .productslider{
        width: 450px;
    }
    #productdetails .productdetails .producttitledis{
        width: auto;
    }
    #productdetails .productdetails .pdtadetionalinfo{
        width: 100%;
        display: flex;
        flex-wrap:wrap;
        align-items: center;
        justify-content: center;
        padding-top:25px;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption{
        display: flex;
        margin: 0px 50px 0px 20px;
        gap: 10px;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption{
        grid-template-columns: 40px auto;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption img{
        width: 40px;
    }
}
@media(max-width: 900px){
    #productdetails .productdetails{
        flex-direction: column;
        padding: 25px 20px 25px;
    }
    #productdetails .productdetails .productslider{
        margin: auto;
        flex-direction: column;
        grid-template-columns: auto;
        margin-bottom: 20px;
    }
    #productdetails .productdetails .productslider .slidermenu{
        display: flex;
    }
    #productdetails .productdetails .producttitledis{
        margin: auto;
        width: 450px;
        padding: 0;
    }
    #productdetails .productDesAndRel{
        grid-template-columns: auto;
    }
    #productdetails #relatedproduct h2{
        text-align:center;
    }
}
@media(max-width: 600px){
    #productdetails .productdetails{
        padding:10px;
    }
    #productdetails .productdetails .countryavailable{
        padding:10px 0;
    }
    #productdetails .productdetails .productslider{
        width:100%;
    }
    #productdetails .productdetails .producttitledis{
        width: 100%;
        min-width: auto;
    }
    #productdetails .productdetails .pdtadetionalinfo{
        display:block;
        padding-top:10px;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption{
        margin:0;
        margin-top:10px;
    }
    #productdetails #productdescription, #productdetails #relatedproduct{
        padding:10px;
    }
    #buybox{
        margin:0px auto;
    }
    #productdetails .productdetails .pdtadetionalinfo .deliveryoption .dvroption{
        margin:0;
    }
}