/* ==============Main css for TEKTREE ======================= */
/* 
Author:Dineshkumar
Created-date:06-02-2024
Reason: Website development
 */
 :root{--black:#000000;--mostly_desaturated_dark_cyan:#5D908F;--very_dark_greyish_blue:#3F3D56;
    --dark_grey:#707070;--white:#FFFFFF;--dark_moderate_cyan:#498891;--dark_gray:#747474;
    --very_dark_grey:#2E2E2E; --cornell_red:#b52025;
}


/* ===colors==== */
.cornellRed{color: var(--cornell_red);}
.black{color: var(--black);}
.veryDarkGrey{color: var(--very_dark_grey);}
.white{color: var(--white);}

 /* =========font-size=========== */
 .f50{font-size:50px;line-height:56px;}
 .f36{font-size:36px;line-height:44px;}
 .f30{font-size:30px;line-height:38px;}
 .f25{font-size:25px;line-height:33px;}
 .f21{font-size:21Px;line-height:30px;}
 .f20{font-size:20px;line-height:28px;}
 .f18{font-size:18px;line-height:26px;}
 .f16{font-size:16px;line-height:24px;}
 .f14{font-size:14px;line-height:21px;}
 .f12{font-size:12px;line-height:18px;}
 .f10{font-size:10px;line-height:15px;}

@media all and (max-width:992px) {
    .f50{font-size:40px;line-height:46px;}
    .f30{font-size:26px;line-height:34px;}
    .f25{font-size:23px;line-height:31px;}
    .f20{font-size:20px;line-height:28px;}
    .f18{font-size:17px;line-height:25px;}
    .f16{font-size:16px;line-height:24px;}
}

@media all and (max-width:768px) {
    .f50{font-size:34px;line-height:42px;}
    .f36{font-size:30px;line-height:40px;}
    .f30{font-size:24px;line-height:32px;}
    .f25{font-size:21px;line-height:29px;}
    .f21{font-size:20Px;line-height:28px;}
    .f20{font-size:19px;line-height:27px;}
    .f18{font-size:18px;line-height:26px;}
    .f16{font-size:16px;line-height:24px;}
}

@media all and (max-width:525px) {
    .f50{font-size:26px;line-height:34px;}
    .f36{font-size:24px;line-height:30px;}
    .f30{font-size:20px;line-height:28px;}
    .f25{font-size:19px;line-height:27px;}
    .f21{font-size:18Px;line-height:24px;}
    .f20{font-size:18px;line-height:24px;}
    .f18{font-size:16px;line-height:24px;}
    .f16{font-size:14px;line-height:22px;}
}




 /* ===========font weight====== */
 .fn{font-weight:normal;}
 .f500{font-weight:500;}
 .f600{font-weight:600;}
 .f700{font-weight:700;}
 .f800{font-weight:800;}
 .fb{font-weight:bold;}

 .tableHead{
   font-size:20px;
   line-height: 1;
   font-weight:500;
   color: #b52025;
   margin-bottom: 15px;
   text-align: center;
}
 .ezpctc th,
 .ezpsdb th{
    font-size:18px;
    line-height: 1;
    font-weight:500;
    color: #b52025;
 }

 .tableCaption{
    font-size:24px;
    line-height: 1;
    font-weight:600;
    color: #b52025;
 }


 th, tr, td{
    text-align: center !important;
    color:#000000;
    font-size: 14px;
    font-weight: 500;
 }
 td.tirePrice{
    position: relative;
    padding: 5px 10px;
 }
 .priceMessage{
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
 }
 .dollarSymbol{
    position: absolute;
    left:10px;
 }
 .additionalTableCaption{
    margin-top: 30px;
 }

 .additionalTableCaption,
 .alertMessage{
    font-size:16px;
    line-height: 1;
    font-weight:500;
    color: #b52025;
 }

.totalSum{
    font-size:18px;
    line-height:1.4;
    color:#2E2E2E;
    font-weight: 600;
}
 
.cs-btn{
    position: relative;
    font-size: 16px;
    line-height: 1.4;
    color:#FFFFFF;
    background: transparent -o-linear-gradient(259deg, #ff7d82 0, var(--unnamed-color-b52025) 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(191deg, #ff7d82 0, var(--unnamed-color-b52025) 100%) 0 0 no-repeat padding-box;
    background: transparent -o-linear-gradient(259deg, #ff7d82 0, #b52025 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(191deg, #ff7d82 0, #b52025 100%) 0 0 no-repeat padding-box;
    -webkit-box-shadow: 0 10px 15px #00000026;
    box-shadow: 0 10px 15px #00000026;
    border-radius: 10px;
    padding: 14px 28px;
}
.cs-btn:hover{
    color:#FFFFFF;
}
.tireName{
   position: relative;
}

.tireName::before{
   position: absolute;
   content:"";
   height:12px;
   width:12px;
   border:1px solid #81a3bb;
   border-radius:50%;
   left:15px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
}
.selected .tireName::before{
   /* background-color: #b52025; Fallback color */
   background-image: radial-gradient(circle at center, #b52025c7 3.5px, #ffff 1px); /* Radial gradient */
   /* border-color: #fff; White border color */

}
.ezpsdb{
   margin-top: 30px;
}
.PurchaserDetailsBlock input{
   margin-top: 20px;
   width: 100%;
   height: 54px;
   background-color: #fff;
   color: #000000;
   padding: 0 30px;
   font-size: 16px;
   border: 1px solid #bdbdbd;;

}
.sendEmail-bb button{
   background: transparent -o-linear-gradient(259deg, #ff7d82 0, var(--unnamed-color-b52025) 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(191deg, #ff7d82 0, var(--unnamed-color-b52025) 100%) 0 0 no-repeat padding-box;
    background: transparent -o-linear-gradient(259deg, #ff7d82 0, #b52025 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(191deg, #ff7d82 0, #b52025 100%) 0 0 no-repeat padding-box;
    -webkit-box-shadow: 0 10px 15px #00000026;
    box-shadow: 0 10px 15px #00000026;
    border-radius: 10px;
    padding: 12px 28px;
    margin-top: 10px;
    border: none;
}

@media all and (min-width:992px){
   .PurchaserDetailsBlock .row{
      display: block;
   }
}
/* #userInfo{
   display: none;
} */

@media all and (max-width:991px) {
    .ezpctc th,
    .ezpsdb th{
       font-size:16px;
    }
    .tableCaption{
       font-size:20px;
    }
    .additionalTableCaption,
    .alertMessage,
    .priceMessage {
       font-size:15px;
    }

    .cs-btn{
        font-size: 14px;
        padding: 12px 24px;
    }
}

@media all and (max-width:767px) {
    .ezpctc th,
    .ezpsdb th{
       font-size:14px;
    }
    .tableCaption{
       font-size:16px;
    }
    .additionalTableCaption,
    .alertMessage,
    .priceMessage {
       font-size:14px;
    }
}

@media all and (max-width:525px) {
   
}