:root{
    --primary-color:#c56228;
    --gray1-color:#7c7c7c;
    --gray2-color:#ccc;
    --gray3-color:#eaeaea;
    --gray4-color:#959595;
    --gray5-color:#f9f9f9;
    --orange-color:#f09434;
    --orange1-color:#d56c2e;
    --white-color:#ffffff;
    --gradient1:rgba(35, 31, 32, 0.8);
    
}
.text-primary{color:var(--primary-color) !important}
.bg-primary{background:var(--primary-color) !important}

.text-gray1{color:var(--gray1-color) !important}
.bg-gray1{background:var(--gray1-color) !important}

.text-gray2{color:var(--gray2-color) !important}
.bg-gray2{background:var(--gray2-color) !important}

.text-gray3{color:var(--gray3-color) !important}
.bg-gray3{background:var(--gray3-color) !important}

.text-gray4{color:var(--gray4-color) !important}
.bg-gray4{background:var(--gray4-color) !important}

.text-orange{color:var(--orange-color) !important}
.bg-orange{background:var(--orange-color) !important}

.text-orange1{color:var(--orange1-color) !important}
.bg-orange1{background:var(--orange1-color) !important}

.text-white{color:var(--white-color) !important}
.bg-white{background:var(--white-color) !important}

.text-gradient1{color:var(--gradient1) !important}
.bg-gradient1{background:var(--gradient1) !important}

html{font-size: 62.5%;}
h1{font-size: 3.4rem;line-height: 4rem;}
h2{font-size: 3.2rem;}
h3{font-size: 3rem;}
h4{font-size: 2.4rem;}
h5{font-size: 2.2rem;}
h6{font-size: 2rem;}
.fw-100{font-weight: 100;}
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}
/* p{font-weight: 300;} */

a{text-decoration: none;}
ul{margin: 0;padding: 0;}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
body {
    margin: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 1.6rem;
    line-height: 1.6;
    color: #000000;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 400;
}
.theam-btn{
    background: var(--primary-color);
    color: var(--white-color) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding: 3px 9px;
}
.site-btn{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.page-breadcrumb{ margin-bottom: 2rem;}
.page-breadcrumb ol li{text-transform: capitalize;letter-spacing: 0.3px;}
.page-breadcrumb ol li a{color: var(--gray1-color);}
.page-breadcrumb ol li.active{color: var(--primary-color);font-weight: 600;}
/* Nav header */
header{z-index: 999;position: fixed;top: 0;width: 100%;background:var(--white-color)}
.hamburger span {
    border: 2px solid var(--primary-color);
    width: 3rem;
    height: 2px;
    display: block;
    margin: 4px 0;
}
.navbar-toggler:focus{box-shadow:none}
.top-head{
    background: var(--primary-color);
    border-bottom: 1px solid var(--gray2-color);
    padding: 0px 0;
    transition: all 0.5s ease-in-out;width: 100%;
    z-index: 999;
    height: 40px;
}
/* header .navbar{padding-top: 55px !important;} */
.page-header.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    width: 100%;
    animation: slideDown 0.5s ease-out;
    background-color: #ffffff;
    top:0;
  }
  /* @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }   */
.top-head.menu-sticky{position: fixed;width: 100%;z-index: 999;transition: all 0.5s ease-in-out;}
.header-logo-mobile{display: none;}
.top-head ul li{list-style-type: none;display: inline-block;margin-right: 3rem;vertical-align: sub;}
.top-head ul li:last-child{margin: 0;}
.top-head ul li a{color: var(--white-color);font-size: 18px;margin: 5px 0;display: block;}
.top-head ul li a i{font-size: 18px;margin-right: 7px;}
.top-head ul li a.primary-btn{border:1px solid #fff;font-size: 1.6rem;padding:2px 10px;
        display: none;
        opacity: 0;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
}
.top-head ul li a.primary-btn.active{
    display: inline-block;
        opacity: 1;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
}
.top-head ul li a.primary-btn:hover{background: var(--white-color);transition: all 0.5s ease-in-out;}
/* nav.navbar .navbar-nav .nav-item{padding: 0 0.6rem;} */
nav.navbar .navbar-nav .nav-item .nav-link {font-size: 1.6rem;font-weight: 600;color: #000000;text-transform: uppercase;}
.dropdown-menu {animation: 0.5s slideup;}
@keyframes slideup {
    from {transform: translateY(10%);}
    to {transform: translateY(0);}
}
nav.navbar .dropdown-menu {
    border-radius: 0;
    border: 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    padding:1rem 2rem;
}
nav.navbar .dropdown-menu li a {font-size: 1.6rem;font-weight: 600;padding: 1rem;}
nav.navbar .dropdown-menu li:hover a{background-color: transparent;color: var(--orange1-color);}
nav.navbar .dropdown-menu li{--bs-dropdown-link-active-bg:transparent;--bs-dropdown-link-active-color:#000000;}
nav.navbar .dropdown-menu li:not(:last-child) a {border-bottom: 1px solid #ddd;}
nav.navbar .navbar-nav .nav-item:hover .nav-link{color: var(--primary-color);}
.header-logo {
    display: block;
    /* width: 100%; */
    text-align: center;
}
.header-logo p {
    font-size: 4.5rem;
    color: #000000;
    font-weight: 700;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    margin-bottom: 2rem;
}
.navbar-nav{width: 100%;display: flex;justify-content: space-evenly;}
nav.navbar .navbar-nav .nav÷-item .nav-link.active{color: var(--primary-color);}
nav.navbar .navbar-nav .nav-item:hover .nav-link,nav.navbar .navbar-nav .nav-item .nav-link.active{background: var(--primary-color);color: var(--white-color)!important;}
nav.navbar .input-group .form-control{border-radius: 0;font-size: 1.4rem;font-weight: 300;padding: 0.5rem 1rem;border-radius: 0;}
nav.navbar .input-group button{background: var(--primary-color);color: var(--white-color);width: 35px;font-size: 1.5rem;}
nav.navbar .input-group .form-control:focus{box-shadow: none;border-color:var(--gray4-color)}
.wrapper-class{margin-top: 28rem;}



.sitewide-msg{
    text-align: center;
    background: var(--gray3-color);
    border-bottom: 1px solid var(--gray2-color);
    font-size: 12px;
    line-height: 12px;
    padding: 8px 15px;
    color: var(--gray1-color);
}
.sitewide-msg img{width: 22px;margin-left: 6px;}
.primary-block{
    margin: 5rem 0 6rem;
}
.primary-block h1{
    color: #000000;
    font-weight: 700;
    padding-bottom: 3.5rem;
}
.primary-block img{
    /* width: 400px; */
    height: 280px;
}
.box-title{
    /* font-size: 2rem; */
    margin-bottom: 2.8rem;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
}
.primary-btn{
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-bottom: 2px solid var(--orange-color);
    color: var(--white-color)!important;
    max-width: 320px;
    display: grid;
    text-align: center;
    margin: auto;
    padding: 7px 0px;
    margin-top: 2rem;
    transition: all 0.5s ease-in-out;
}
/* .menu-button {width: 140px;} */
.menu-button a {display: block;}
.primary-btn:hover {
    background: transparent;
    color: var(--primary-color)!important;
    border: 2px solid var(--primary-color);
}
.secondary-btn{
    border: 3px solid var(--gray1-color);
    color: var(--gray1-color);
    max-width: 320px;
    display: grid;
    text-align: center;
    margin: auto;
    padding: 7px 0px;
    margin-top: 2rem;
}
.secondary-btn:hover{
    background-color: var(--gray1-color);
    color: var(--white-color);
}
.primary-border-right{
    border-right: 2px solid var(--gray2-color);
}
.service-block{
    background: var(--primary-color);
    padding: 7px 0px 4px;
    height: 50px;
}
.service-item{display: inline-flex;}
.service-item h3{
    margin-left: 1rem;
    align-self: center;
    margin-bottom: 0;
    color: var(--white-color);
}
.doors-block{margin: 5rem 0;}
.door-card{border: 1px solid var(--primary-color);border-radius: 0; margin: 1rem 0;transition: all 0.3s ease-in-out;}
.door-card:hover {transition: all 0.3s;box-shadow: 0 0 20px 2px #ccc;cursor: pointer;}
.door-card .card-header{padding: 0;border: 0;position: relative;}
.door-card .card-header img {height: 235px;width: 100%;object-fit: contain;}
.door-card .card-header h5{transition: all 0.3s ease-in-out;background: var(--primary-color);color: var(--white-color);font-size: 2rem;padding: 1rem;margin-bottom: 0;font-weight: 400;text-align: center;border: 2px solid var(--primary-color);}
.door-card:hover .card-header h5{transition: all 0.3s ease-in-out;background: var(--white-color);color: var(--primary-color);}
.door-card .card-body{padding: 1.5rem 1rem 0;border: 0;min-height: 45px;margin: -1px 0;}
.door-card:hover .card-body,.door-card:hover .card-footer{background: var(--primary-color);color: var(--white-color);transition: all 0.3s;}
.door-card:hover .card-footer a{color: var(--white-color);}
.door-card .card-footer{padding: 0rem 1.5rem 1.5rem;border: 0;background: transparent;text-align: center;border-radius: 0;height: 38px;}
.door-card .card-footer span{font-weight: 500;color: var(--primary-color);}
.door-card:hover .card-footer span{color: var(--white-color);font-size: 1.6rem;}
.truck-banner{background: var(--primary-color);padding-top: 3rem;}
.truck-banner h4{color: var(--white-color);font-weight: 300;font-size: 18px;margin-left: 1rem;align-self: center;margin-bottom: 0;}

.about-block{margin: 5rem 0;}
.about-block h3{margin-bottom: 2rem;}
/* .about-block p{line-height: 24px;} */
.about-block p a{color: var(--primary-color);font-weight: 500;}
.why-about{margin: 2.8rem 0;}
.why-about h5{margin-bottom: 1.5rem;}
.why-about strong{color: var(--orange1-color);}

.brand-log{text-align: center;margin: 0.5rem 0;border: 1px dashed var(--gray2-color);}

/* products */
.page-title{position: relative;display: block;margin-bottom: 4rem;text-align: center;}
.page-title h4{background: var(--gray3-color);display: inline-block;padding: 0.5rem 2rem;margin-bottom: 0;line-height: 4rem;}
.page-title i{background: var(--orange1-color);font-size: 2.6rem;padding: 1rem 1.2rem;color: var(--white-color);}
.page-title h3{text-transform: uppercase;}

.product-card{border: 0;border-radius: 0;background: transparent;box-shadow: 0px 0px 11px 6px #F7F7F7;margin-bottom: 2rem;transition: all 0.3s ease-in-out}
.product-card .card-header{background: transparent;text-align: center;padding: 2rem;border:0}
.product-card .card-header{padding: 2rem 1.4rem;}
.product-card .card-body{min-height: 105px;text-align:center;}
.product-card .card-footer{display: flex;justify-content: space-between;padding: 1rem 1.4rem;border-radius: 0;height:44px;background: var(--primary-color);border: 1px solid var(--primary-color);transition: all 0.3s ease-in-out;}
.product-card:hover .card-footer{background: var(--white-color);}
.product-card .card-footer a{text-align: center;margin: auto;color: var(--white-color);transition: all 0.3s ease-in-out;}
.product-card:hover .card-footer a{color: var(--primary-color);font-size: 1.6rem;}
.product-card .card-header img {height: 20rem;object-fit: contain;}
.product-card p{color: #000000;}
.product-card:hover{transition: all 0.3s ease-in-out;box-shadow: 0 0 20px 2px #ccc;}

/* .page-wrapper-class{padding: 5rem 0;} */
.door-discription{margin: 5rem 0;}
.door-discription h4{margin-bottom: 2rem;}
.door-discription a{color: var(--orange1-color);text-decoration: underline;}

.top-footer{background: var(--orange1-color);color: var(--white-color);padding: 2.5rem 0;}
.foot-info {display: flex;justify-content: center}
.foot-info i {
    font-size: 18px;
    background: #000000;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px;
    border-radius: 50%;
    margin-right: 1rem;
}
.foot-info a{color: var(--white-color);margin-right: 3rem;font-size: 1.6rem;}
footer{background: var(--primary-color);color: var(--white-color);padding: 5rem 0 1rem;}
footer h6{font-size: 1.6rem;margin-bottom: 1.5rem;border-bottom: 2px solid #000000;display: inline-block;padding-bottom:5px;text-transform: uppercase;}
footer ul{margin-bottom: 3rem;}
footer ul li,.bottem-footer ul li{list-style-type: none;}
footer ul li a{font-size: 14px;color: var(--white-color);letter-spacing: 0.1px;margin-bottom: 3px;display: block;}
footer ul li a:hover{color: #000000;font-weight: 600;}

.bottem-footer{background: #000000;}
.bottem-footer ul li{display: inline-block;margin-right: 3rem;}
.bottem-footer ul li a{font-size: 14px;color: var(--primary-color);}
footer .form-group{display: flex;}
footer .form-group .form-control {
    border: 0;
    border-radius: 0;
    padding: 0.8rem 2rem;
    font-size: 12px;
    background: var(--gray5-color);
}
footer .form-group button {
    border: 0;
    padding: 1rem 3rem;
    background: var(--primary-color);
    color: var(--white-color);
}
.social-media li{display: inline-block;}
.social-media li a{opacity: 1;}
.social-media li i{background: #000000;}
.social-media li i {
    background: #000000;
    font-size: 20px;
    padding: 1rem;
    border-radius: 50%;
    width: 40px;
    margin-right: 1rem;
    text-align: center;
}

.doors-slider .item{padding: 2rem 0;}

/* product-details */
.carousel-inner{height: 410px;width: 400px;margin: auto;}
/* .carousel-inner .carousel-item img,.carousel-inner .carousel-item{width: auto;height: 100%;margin: auto;text-align: center;} */
.carousel-indicators{position: relative;display: block;margin: auto;text-align: center;}
.carousel-indicators [data-bs-target]{width: 56px;height: 56px;margin: 0;opacity: 0.8;}
.carousel-indicators button.active{border: 2px solid var(--primary-color);}
.product-details-block h5{margin-bottom: 1.5rem;}
/* .product-details-block p{font-weight: 300;} */
.product-details-block ul{margin: 2.6rem 0;padding-left: 2rem;}
.product-details-block ul li{margin: 0.5rem 0;}
.items-details p i{font-size: 20px;margin-right: 0.5rem;}

.accordion .accordion-item{border: 0; border-bottom: 1px solid var(--gray3-color);padding:0.5rem 0}
.accordion .accordion-button{background-color: transparent;font-size: 2.5rem;letter-spacing: 0.5px;}
.accordion-button::after{background-image: none;content: "\f106";font-family: 'FontAwesome';width: unset;height: unset;font-size: 3.5rem;}
.accordion-button:not(.collapsed)::after{background-image: none;}
.accordion-button:not(.collapsed){color: var(--orange1-color);font-weight: 600;}
.accordion-body h5{color: #000000;margin-bottom: 2rem;}
.accordion-body p{color: #000000;margin-bottom: 1.5rem;}
.accordion-body ul{margin-top: 2rem;}
.accordion-body ul li{list-style-type: none;margin: 0.5rem 0;position: relative;padding-left: 2.5rem;color: #000000;}
.accordion-body ul li:before{content: '\f087';font-family: 'FontAwesome';position: absolute;left: 0;color: var(--primary-color);}
.accordion-body ul li a{color: var(--primary-color);text-decoration: underline;}
.accordion-button:focus{border-color:none;box-shadow:none}

.typical-preps h6{font-size: 1.6rem;text-align: center;color: #000000}
.typical-preps p{font-size: 1.2rem;font-weight: 300;}
.pdf-link{color: var(--primary-color);text-decoration: underline;}


.product-specifications {box-shadow: 0 0 4px 0px #cccccc85;padding: 3rem;margin: 3rem 0;}
.modal-body .product-specifications{box-shadow: none;}
.product-specifications h5{font-size: 2.8rem;color: var(--orange1-color);}
.product-specifications h6{color: #000;}
.product-specifications ul li{list-style-type: none;position: relative;padding-left: 2.5rem;}
.product-specifications ul li:before{content: '\f087';font-family: 'FontAwesome';position: absolute;left: 0;color: var(--primary-color);}
.navbar-brand img{width: 680px;margin: 1rem 0;}
.navbar-brand{width: 100%;display: block;text-align: center;}
.header-desktop{display: flex;justify-content: space-between;}


/* login page */
.account-block{background-color: var(--gray5-color);}
.custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .custom-checkbox label {
    position: relative;
    cursor: pointer;
  }
  .custom-checkbox label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--primary-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  .custom-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 15px;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .account-page{background-color: var(--white-color);padding:5rem}
  .account-page .form-group .form-control{border-radius: 0;font-size: 1.4rem;padding: 1rem;margin-bottom: 2.5rem;}
  .form-control::placeholder{color: var(--black-color)}
  .account-page .form-group button{border: 0;border-bottom: 2px solid var(--orange-color);width: 100%;}
  .register p{font-size: 1.1rem;color: #000;}
  .register{border-left: 1px solid var(--gray3-color);}

  .account-left{border-right: 1px solid var(--gray3-color);}
.account-left .nav-link{
    color: #000000;
    text-align: left;
    font-weight: 300;
    padding: 1.5rem 4rem;
    border-bottom: 1px solid var(--gray3-color);
    border-radius: 0;
  }
  .account-left .nav-link.active{color: var(--primary-color);background-color: #c5622830; border-right: 3px solid var(--primary-color);font-weight: 700;}
  .account-left .nav-link i{font-size: 1.6rem;width: 2.5rem;}
.account-profile{display: inline-flex;justify-content: center;margin: auto;width: 100%;align-items: center;padding:3.5rem 0}
.account-profile .profile-icon {
    background: #000;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    border-radius: 50%;
    padding: 0.15rem;
    margin-right: 1rem;
}
.account-profile h6{font-size: 1.8rem;color: #000000;margin-bottom: 0;}
.account-profile p{font-size: 1.2rem;color: var(--gray1-color);margin-bottom: 0;}
.account-tab {padding: 4rem;}
.account-tab form h6{color: #000000;margin-bottom: 2rem;}

.pay-info{text-align: center;color: #000000;}
.pay-info i {font-size: 2rem;margin-bottom: 1.4rem;}
.pay-info p{color: var(--gray4-color);}
.account-right .pay-button{border: 0;background: #000000;color: #ffffff;padding: 1rem 2.5rem;}
.Hide
{
  display:none;
}
#payment-info{display: none;}

.coming-soon{padding: 5rem 0;text-align: center;}
.made-in-india {
    width: 450px;
    margin: auto;
    display: block;
    margin-top: 00px;
}

.modal-content{
    border: 0;
    border-radius: 0;padding: 3rem;
}
.modal-content .modal-body label{color: #000000;margin-bottom: 0.3rem;}
.modal-content .modal-body label span {color: #f00;}
.modal-content .modal-body .form-control {
    border-radius: 0;
    font-size: 1.4rem;
    padding: 0.8rem 1rem;
    margin-bottom: 2rem;
}
.show-mobile{display: none;}

/* medis queries */
@media (max-width: 1440px){
.navbar-brand img{width:480px}
}
@media (max-width: 1370px){
    .header-logo p{font-size: 3.5rem;margin-bottom: 0;}
    .container{max-width: 95%;}
    h1{font-size: 3.2rem;line-height: 4rem;}
    h2{font-size: 3rem;}
    h3{font-size: 2.5rem;}
    h4{font-size: 2.2rem;}
    h5{font-size: 2rem;}
    h6{font-size: 1.8rem;}
    .wrapper-class { margin-top: 25rem;}
	
}
@media (max-width: 991px){
    .carousel-inner{width: auto;}
    .header-logo-mobile p {
        font-size: 3rem;
        font-weight: 700;
        position: relative;
        margin-bottom: 44px;
        padding-bottom: 10px;
    }
    .header-logo-mobile p:after {
        content: '';
        width: 75vw;
        height: 2px;
        background: #000;
        position: absolute;
        left: -14.5vw;
        bottom: 0;
    }
    .navbar-nav {
        text-align: left;
        margin: 3rem 0 1rem;
    }
    .navbar-nav li {
        border-bottom: 1px solid #ccc;
        padding: 5px 0 !important;
    }
    nav.navbar .dropdown-menu li{border-bottom: none;}
    nav.navbar .navbar-nav .nav-item .nav-link{font-size: 1.6rem;padding: 0.5rem 1rem;}
    .header-logo {display: none;}
    .header-logo-mobile{display: block;}
    .service-item h3{font-size: 2rem;}
    
    .service-item.service-item-title h3 {
        font-size: 2.5rem;
    }
    .wrapper-class {margin-top: 20rem;}
}
@media (max-width: 768px){
    .service-item.service-item-title h3{    font-size: 2.2rem;margin: 5px auto;  }
    h3{font-size: 2.2rem;}
    .service-item h3 {
        font-size: 1.4rem;
    }
    .header-logo-mobile p:after{width: 70vw;left: -8vw;}
}
@media (max-width: 540px){
    .container{padding: 0 15px;max-width:100%}
	.top-head .container{padding:0 2px}
    .top-head ul li{margin-right: 0.2rem;}
    .top-head ul li a{font-size: 18px;font-weight:400}
    .top-head ul li a i {font-size: 16px;margin-right: 1px;}
    .header-logo-mobile p{font-size: 1.6rem;font-weight: 500;margin-bottom: 26px;padding-bottom: 5px;}
    .header-logo-mobile p:after{width: 75vw;left: -15vw;bottom: 0px;}
    .primary-border-right{border-right: 0;}
    .service-item img{width: 18px;}
    .service-item h3{font-weight: 600;font-size: 10px;margin-left: 0.5rem;text-align: left;}
    .foot-info a{display: block;margin-bottom: 1rem;}
    .show-desktop{display: none;}
    .show-mobile{display: block;}
    .top-head ul li a.primary-btn{font-size: 1rem;padding: 3px;}
    .top-head{height: 45px;}
    .navbar-brand img {
        width: 270px;
    }
    .service-block{height: auto;}
    h3,.service-item.service-item-title h3,.accordion .accordion-button{font-size: 2rem;}
    h4{font-size: 1.8rem;}
    .wrapper-class {margin-top: 15rem;}
    .page-title h3{font-weight: 900;}
    .product-specifications h5,.accordion-button::after{font-size: 2.2rem;font-weight: 600;}
    .product-specifications{padding: 3rem 1.5rem;}
    .accordion{margin-bottom: 4rem;}
    .about-section h4{font-size: 2rem;}
    .about-section{margin-bottom: 3rem;}
	.top-head ul li a.primary-btn.active{display:none}
}
@media (max-width: 375px){
    .header-logo-mobile p:after{
        width: 65vw;
    left: -0.5vw;
    }
}

.img-magnifier-container {
    position: relative;
  }
  
  .img-magnifier-glass {
    position: absolute;
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    width: 150px;
    height: 150px;
    display: none; /* Initially, hide the magnifier glass */
  }
  .specifications .modal-content{background: var(--orange1-color);color: var(--white-color);}
  .modal-content h6,.modal-content h5,.specifications .product-specifications ul li:before{color: var(--white-color);}