.history{
font-size:1.1rem;
}

.bento-card input{
border: 1px solid #999;
}


.bento-card select{
border: 1px solid #999;
}

.bento-card textarea{
border: 1px solid #999;
}



@media only screen and (max-width: 1040px){

       .text-2xl{
        line-height: 1rem !important;
}

.history{
font-size:.45rem;
}

body h3{
        font-size: calc(1.05rem * .375) !important;
}

.text-3xl{
    line-height: 1.12rem !important;
}
.text-lg{
    line-height: .9rem !important;
}
.text-xl{
    line-height: .9rem !important;
}
.mb-6{
            margin-bottom: 0.35rem !important;    
}



.section-title{
        font-size: .6rem;
        margin-bottom:calc(1.5rem * .357)
}

.section-padding{
    padding-top: calc(4rem * 0.357);
    padding-bottom: calc(4rem * 0.357);
}



.p-8{
     padding: calc(1rem * .357) !important;
}

.px-4{
    padding-left: calc(1rem * 0.357) !important;;
    padding-right:calc(1rem * 0.357) !important;;
}

.section-subtitle{
    font-size: calc(1.2rem * .357) !important;;
        margin-bottom: calc(1rem * .357) !important;;
}
.mb-4{
        margin-bottom:calc(1rem * .357) !important;
}

.mb-8{
    margin-bottom: calc(2rem * .357) !important;;
}
.btn-primary{
        padding-left: calc(2rem * .357) !important;;
    padding-right: calc(2rem * .357) !important;;
    padding-top: calc(.75rem * .357) !important;;
    padding-bottom: calc(.75rem * .357) !important;;
}

.mt-12{
        margin-top: calc(2rem * .375) !important;;
}

.p-6{
    padding: calc(1.5rem * .357) !important;
}

.gap-6{
    gap: calc(1.5rem * .357) !important;
}
.text-3xl{
        font-size: calc(1.4rem * .357) !important;
    line-height: calc(2.25rem * .357) !important;
}
.mb-2{
    margin-bottom: calc(0.5rem * .357) !important;
}
.h-64{
    height: unset !important;
}
.text-xl{
        font-size: calc(1.1rem * .357) !important;
    line-height: calc(1.75rem * .357) !important;
}

.mb-3{
    margin-bottom: calc(0.75rem * .357) !important;
}
.mt-4{
      margin-top: calc(1rem * .375) !important;
}
.bg-white\/70{
        background-color: rgb(255 255 255 / 0.8) !important;
}

.gap-8{
        gap: calc(2rem * .357) !important;
}

.mb-12{
        margin-bottom: calc(3rem * .357) !important;
}
.mb-6{
        margin-bottom: calc(1.5rem * .357) !important;
}

.gap-12{
      gap: calc(3rem * .357) !important;
}




.w-10{
        width: calc(2.5rem * .357) !important;
}
.h-10{
    height: calc(2.5rem * .357) !important;
}
.h-3{
        height: calc(.75rem * .357) !important;
}
.h-3{
        width: calc(.75rem * .357) !important;
}
.gap-2{
    gap: calc(0.5rem * .357) !important;
}
.left-4{
        left: calc(1rem * .357) !important;
}
.right-4{
    right: calc(1rem * .357) !important;
}
.py-24{
        padding-top: calc(6rem * .357) !important;
    padding-bottom: calc(6rem * .357) !important;
}

.w-20{
        width: calc(5rem * .357) !important;
}
.h-20{
    height: calc(5rem * .357) !important;
}

.solutions-slider .h-60{
height: calc(20rem * .357) !important;
}
.w-12{
    width: calc(3rem * .357) !important;
}
.h-12{
    height: calc(3rem * .357) !important;
}
.mr-4{
    margin-right: calc(1rem * .357) !important;
}

.text-lg{
    font-size: calc(1.125rem * .357) !important;
    line-height: .62rem !important;
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
        margin-top: calc(1.5rem * .357) !important;
    margin-bottom: calc(1.5rem * .357) !important;
}




.min-w-\[20\%\]{
    min-width: 100% !important;
}

.h-32{
    height: calc(8rem * .357) !important;
}
.p-4{
    padding: calc(1rem * .357)!important;
}

.fa{
    font-size: calc(1.5rem * .357) !important;
}

.text-5xl{
    font-size: calc(3rem * .357)!important;
}
h2{
        font-size: calc(2.5rem * .357)!important;
}
.py-20{
    padding-top: calc(5rem * .357)!important;
    padding-bottom: calc(5rem * .357) !important;
}
  .cta-btn{
    padding-left: calc(1.5rem * .357) !important;
    padding-right: calc(1.5rem * .357) !important;
    padding-top: calc(0.75rem * .357) !important;
    padding-bottom: calc(0.75rem * .357) !important;
    border-radius: calc(0.5rem * .357) !important;
}

.text-\[clamp\(2\.5rem\2c 5vw\2c 4rem\)\]{
    font-size: calc(2rem * .357) !important;
}

.text-\[clamp\(1rem\2c 2vw\2c 1\.25rem\)\]{
    font-size: calc(1rem * .357) !important;
}

.py-12{
    padding-top: calc(3rem * .357) !important;
    padding-bottom: calc(3rem * .357) !important;
}
  .pt-20{
        padding-top: 0  !important;
}
.gap-4{
    gap: calc(1rem * .357) !important;
}

.grid .p-6{
   padding: 10px !important;
   border: unset !important;
    box-shadow: unset !important;
    overflow: auto !important;
    border-radius: unset !important;
}

.text-2xl{
font-size: calc(1.5rem * .357) !important;
border: unset !important;
}
.py-16{
    padding-top: calc(4rem * .357) !important;
    padding-bottom: calc(4rem * .357) !important;
}

.text-sm{
    font-size: calc(0.875rem * .357) !important;
    line-height: calc(1.25rem * .357) !important;
}

  .bento-card{
        border-radius: calc(.5rem * .357) !important;
}

.mt-6{
    margin-top: calc(1.5rem * .357) !important;
}

.h-48{
height: calc(12rem * .357) !important;
}
  .mt-10{
    margin-top: calc(2.5rem * .357) !important;
}

.fa-solid{
    font-size: .5rem !important;
}



.border-gray-300{
        border: 1px solid #CCC !important;
    border-radius: 0.2rem !important;
}

.py-2{
    padding-top: calc(0.5rem * .357) !important;
    padding-bottom: calc(0.5rem * .357) !important;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
        margin-top: .357rem !important;
    margin-bottom: .357rem !important
}

.text-xs{
        font-size: calc(0.75rem * .357) !important;
    line-height: calc(1rem * .357) !important;
}

.mt-8{
        margin-top: calc(2rem * .357) !important;
}
.h-96{
        height: calc(24rem * .357) !important;
}
  

    }

@media only screen and (max-width: 768px){
.h-24{
    height: calc(6rem * .357) !important;
}

.bossgoo-index-product-trending14 .wrap .trending14-box .trending14-item .trending14-text p{
height: 1.2rem  !important;


}
@media only screen and (max-width: 768px){
body p{
        font-size: calc(0.9rem * .375) !important;
}
body h2{
        font-size: calc(1.8rem * .375) !important;
    }
}
}