#calcComponent{
	width:100%;
}
.srxPricingCalc .intCalcResponse.intDefaultForm{
	background: transparent linear-gradient(282deg, #56D2FF 0%, #4CCC7D 100%) !important;
    border-radius: 0px 22px 22px 0px;
    position: relative;
}

/* Only when the OTP funnel is enabled (with-otp-signup). Without .srOtpEnabled
   the int result keeps the normal 50/50 layout (.intDefaultForm .innerDiv > div). */
.srOtpEnabled .intCalcResponse.dataTabs.tabPopup.intDefaultForm{
	flex-basis: 100% !important;
/*     flex-direction: column !important; */
}
.calcComponentStyle.srOtpEnabled .tabContent{
	max-width: 100%;
}
.srSignupArea.srShow{
	display: flex !important;
    justify-content: center !important;
    align-items: center;
}
.calcComponentStyle input, .calcComponentStyle button, .calcComponentStyle select {
    margin-bottom: 0;
    border-radius: 6px;
    outline: none;
}
.calcComponentStyle .intDefaultForm table thead th p {
    margin-bottom: 0;
}
.calcComponentStyle input, .calcComponentStyle select {
    background-color: white;
}

.calcComponentStyle h1 {
    text-align: center;
}

.calcComponentStyle .domesticForm, .calcComponentStyle .intForm {
    padding: 40px 0;
}

.calcComponentStyle .domesticForm > div:first-child, 
.calcComponentStyle .domesticWeight > div, 
.calcComponentStyle .intForm > div:first-child {
    display: flex;   
}

.calcComponentStyle .domesticForm label, .calcComponentStyle .intForm label {
    display: block;
    padding-left: 0;
    color: black;
    /* margin-bottom: 10px; */
    font-size: 14px;
}

.calcComponentStyle .domesticForm .domesticPickupPincode, 
.calcComponentStyle .domesticForm .domesticDeliveryPincode, 
.calcComponentStyle .domesticForm  .domesticWeight,
.calcComponentStyle .intForm .domesticPickupPincode, 
.calcComponentStyle .intForm .domesticDeliveryPincode, 
.calcComponentStyle .intForm  .domesticWeight,
.calcComponentStyle .intForm  .country {
    margin-right: 10px;
}

.calcComponentStyle .domesticWeight  > div input {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin: 0;
}

.calcComponentStyle .domesticWeight  > div span {
    background: #373737;
    display: inline-block;
    color: white;
    padding: 9px 15px 9px 15px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    line-height: 2;
}

.calcComponentStyle button {
    background: #6f57e9;
    color: white;
    padding: 15px 40px;
    /*margin-top: 30px;*/
    border: none;
}

.calcComponentStyle small {
    font-size: 14px;
    display: block;
    padding-left: 20px;
    color: red;
}

.calcComponentStyle .hide {
    display: none;
}

.tabWrap ul li {
    background-color: #ffffff;
    height: 52px;
}

.tabWrap ul li:first-child {
    border-top-left-radius: 12px;
}

.tabWrap ul li:last-child {
    border-top-right-radius: 12px;
}

.calcComponentStyle .dataTabs ul, .calcComponentStyle .tabbingMainDiv ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.calcComponentStyle .tabButtons .tabbingMainDiv ul li:first-child {
    margin-right: 40px;
}

.calcComponentStyle .tabContent {
    margin-top: 20px;
    width: 100%;
    /*max-width: 70%;*/
}
.tabbingMainDiv, #myTabContent{
	width: 100%;
    max-width: 70%;
}
.intCalcResponse.dataTabs.tabPopup.intDefaultForm .tabContent{
	max-width: 100% !important;
}
.calcComponentStyle .dataTabs ul li a, .calcComponentStyle .tabbingMainDiv ul li a {
    text-decoration: none;
    background: white;
    color: #6f57e9;
    padding: 10px 15px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 6px;
    border: 1px solid #6f57e9;
}

.calcComponentStyle .dataTabs ul li a.active, .calcComponentStyle .tabbingMainDiv ul li a.active {
    background: #6f57e9;
    color: white;
}

.calcComponentStyle table {
    margin: 20px 0 40px;
    border-collapse: collapse;
}

.calcComponentStyle .tab {
    display: none;
}

.calcComponentStyle .tab.active {
    display: block !important;
}
 
.calcComponentStyle .taxBottomBox p {
    font-size: 16px;
    text-align: center;
}

.calcComponentStyle .taxBottomBox a {
    background: #5405c2;
    padding: 10px 40px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    color: white;
    display: inline-block;
}

.calcComponentStyle table td, .calcComponentStyle table th {border-bottom: 1px solid gainsboro;}
.calcComponentStyle table tr:last-child td {
    border-bottom: 0;
}

.calcComponentStyle .dimensions div {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.calcComponentStyle .dimensions > div input {
    width: calc(35% / 3);
    margin-right: 30px;
}

.calcComponentStyle .dimensions > div p {
    margin: 0;
    margin-right: 30px;
}

.calcComponentStyle .tabContent > div {
    display: none;
}

.tabPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000073;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabWrap{
    padding: 35px;
    background: #F6F4FF;
    border-radius: 12px;
    position: relative;
    max-height: 80%;
    overflow: auto;
	    background-image: url(/wp-content/uploads/2023/07/popup.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.tabPopup ul, .calcComponentStyle .singleForm ul {
    justify-content: normal !important;
    border-radius: 8px;
}

.tabPopup ul li a.active, .calcComponentStyle .singleForm ul li a.active {
    border: 0 !important;
    background: transparent !important;
    color: #735AE5 !important;
    border-bottom: 3px solid !important;
    border-radius: 0 !important;
}

.tabPopup ul li a, .calcComponentStyle .singleForm ul li a {
    color: #58595b !important;
    padding: 13px 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 16px;
    margin: 0 10px;
    background: transparent !important;
    letter-spacing: .6px;
}

.tabPopup .tab > div:first-child, .defaultForm .tab > div:first-child {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.tabPopup .tab .airModeContainer, .tabPopup .tab .surfaceModeContainer, .defaultForm .tab .airModeContainer, .defaultForm .tab .surfaceModeContainer {
    width: calc(100% / 2 - 10px);
    padding: 10px 15px;
    background: #f8f8f8;
    border-radius: 8px;
}

.tabPopup .tab h4 ~ small, .singleForm .tab h4 ~ small {
    color: black;
    margin-top: 15px;
}

.singleForm .tab h4 ~ small {
	text-align: center;
}

.singleForm .taxBottomBox > p {
	margin: 0;
}

.calcComponentStyle .singleForm .taxBottomBox a {
	margin-top: 25px;
}

.calcComponentStyle .singleForm table, .calcComponentStyle .singleForm table td, .calcComponentStyle .singleForm table th {
	border: none;
}

.calcComponentStyle .singleForm.defaultForm table, .calcComponentStyle .singleForm.defaultForm table td, .calcComponentStyle .singleForm.defaultForm table th {
	border: 1px solid #ddd;
}

.calcComponentStyle .singleForm:not(.defaultForm) table thead tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.calcComponentStyle .singleForm:not(.defaultForm) table tbody tr {
	border-bottom: 1px solid #ddd;
}

.tabPopup table, .tabPopup small ~ p, .singleForm table, .singleForm small ~ p {
    font-size: 14px;
}

.tabPopup table td, .tabPopup table th, .singleForm table td, .singleForm table th{
    padding: 15px;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
}

.tabPopup .tab table th, .singleForm .tab table th { 
	vertical-align: bottom;
}

.tabPopup table tbody tr, .defaultForm table tbody tr {
}

.tabPopup table thead tr, .tabPopup table tbody tr:nth-child(even), .defaultForm table thead tr, .defaultForm table tbody tr:nth-child(even) {
}

.tabPopup .taxBottomBox, .defaultForm .taxBottomBox {
    margin-top: 10px;
}

.closeTabPopup {
    position: absolute;
    right: 25px;
    top: 15px;
    z-index: 9;
    color: black;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-image: url(/wp-content/uploads/2023/03/cross.svg);
    background-repeat: no-repeat;
}

.closeTabPopup i.fa, .closeTabPopup i.fa {
    font-size: 20px !important;
}

.tabPopup .tab .airModeContainer > div, .tabPopup .tab .surfaceModeContainer > div, .singleForm .tab .airModeContainer > div, .singleForm .tab .surfaceModeContainer > div {
    overflow-x: auto;
}

.tabPopup table {
    margin: 0;
    margin-top: 10px;
    background-color: #ffffff;
}

.tabPopup .container {
    position: relative;
}

.calcComponentStyle table .active {
    background-color: #f5f5f5;
}

.calcComponentStyle .singleForm:not(.defaultForm) table .active {
	color: #3e82eb;
	background-color: unset;
}

.tabbingMainDiv .domesticForm .domesticPickupPincode, 
.tabbingMainDiv .domesticForm .domesticDeliveryPincode, 
.tabbingMainDiv .domesticForm  .domesticWeight,
.tabbingMainDiv .intForm .domesticPickupPincode, 
.tabbingMainDiv .intForm .domesticDeliveryPincode, 
.tabbingMainDiv .intForm  .domesticWeight,
.tabbingMainDiv .intForm  .country {
    margin-right: 0;
    flex-basis: calc(100% / 2 - 20px);
}

.tabbingMainDiv .domesticForm > div:first-child,
.tabbingMainDiv .domesticWeight > div,
.tabbingMainDiv .intForm > div:first-child {
    justify-content: space-between;
    margin-bottom: 30px;
}

.tabbingMainDiv .secondDiv, .tabbingMainDiv .thirdDiv {
    display: flex;
}

.tabbingMainDiv .secondDiv .dimensions div input:last-child {
	background-color: white;
	margin-left: 0;
	margin-right: 0;
}

.tabbingMainDiv .secondDiv .dimensions div input:disabled {
    background-color: #F3F7FE;
    color: #A9B0BC;
    width: 46px;
    padding: 11px;
}

.tabbingMainDiv .secondDiv .dimensions, .tabbingMainDiv .thirdDiv .paymentMode, .tabbingMainDiv .thirdDiv .shipmentValue {
	flex-basis: calc(100% / 2 - 20px);
}

.tabbingMainDiv .thirdDiv .paymentMode {
	margin-right: 40px;
}

.tabbingMainDiv .secondDiv .domesticWeight {
    margin-right: 40px;
}

.tabbingMainDiv .domesticForm {
    padding-top: 0px;
}

.calcComponentStyle .tabbingMainDiv ul li a {
    padding: 10px 35px;
    font-size: 16px;
    letter-spacing: .5px;
    margin: 0 20px;
}

.tabbingMainDiv .dimensions > div p {
    margin: 0 20px;
}

.tabbingMainDiv .dimensions > div input {
    margin-right: 0;
    width: 100%;
}

.tabbingMainDiv .dimensions div input:last-child {
    margin-left: 20px;
    background-color: #f5f5f5;
}

.tabbingMainDiv .internationalButton button{
    margin-top: 10px;
}

.tabbingMainDiv .internationalButton, .tabbingMainDiv .domesticButton {
    display: flex;
/*     align-items: flex-start; */
	align-items: center;
	justify-content: center;
}

.loader {
    transform: translate(-50%, -50%);
    border: 4px solid #f5f5f5;
    border-top: 4px solid #5e53c2;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin .6s linear infinite;
    margin-left: 30px;
    align-self: center;
	margin-top: 30px;
}

button.resetButton {
    background: transparent !important;
    padding: 0;
    color: #6f57e9;
    position: relative;
    margin-left: 20px;
	line-height: 1.6;
}

button.resetButton:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #6f57e9;
	bottom: 0;
	left: 0;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.calcComponentStyle .internationalButton button:disabled, .calcComponentStyle .internationalButton button[disabled],
.calcComponentStyle .domesticButton button:disabled, .calcComponentStyle .domesticButton button[disabled] {
  background-color: #cccccc;
  color: #666666;
  border-color: #ccc;
  background: #ccc !important;
}

.intCalcResponse.tabPopup .tabWrap {
    height: auto;
}

.tabbingMainDiv input, .tabbingMainDiv select, .tabbingMainDiv button {
	border-radius: 6px !important;
}

.calcComponentStyle .singleForm .domesticWeight > div span {
	background: linear-gradient(to right top, #5250bd, #535fcb, #546fd9, #557ee6, #588df3);
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.calcComponentStyle .singleForm .domesticWeight > div input {
	border-bottom-right-radius: 30px !important;
	border-top-right-radius: 30px !important;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.calcComponentStyle .singleForm {
	padding: 0px;
}

.calcComponentStyle .singleForm label {
	color: inherit;
	text-align: left;
	font-weight: normal;
}

.calcComponentStyle .singleForm small {
	text-align: left;
}

/* .calcComponentStyle .singleForm .domesticButton button {
	background: linear-gradient(to right top, #5250bd, #535fcb, #546fd9, #557ee6, #588df3);
	border-radius: 30px;
	font-weight: 600;
} */

.singleForm .airModeContainer, .singleForm .surfaceModeContainer {
	background: white;
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 30px;
}

/* .singleForm.dataTabs {
	margin-top: 40px;	
} */

.calcComponentStyle .singleForm ul {
	background-color: white;
}

.singleForm table {
	margin: 0;
}

.singleForm .domesticButton {
	display: flex;
	justify-content: center;
}

.singleForm .domesticButton .loader {
	align-self: flex-end;
}

.singleForm .tab h4 {
	font-size: 18px;
}

.calcComponentStyle .defaultForm input, .calcComponentStyle .intDefaultForm input, .calcComponentStyle .intDefaultForm select {
    border-radius: 6px !important;
}

.calcComponentStyle .singleForm.defaultForm .domesticWeight > div span {
	background: #373737;
	border-bottom-right-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.calcComponentStyle .singleForm.defaultForm .domesticWeight > div input {
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.calcComponentStyle .defaultForm.domesticForm > div:first-child {
	justify-content: space-between;
}

.calcComponentStyle .defaultForm.domesticForm .domesticPickupPincode, .calcComponentStyle .defaultForm.domesticForm .domesticDeliveryPincode, .calcComponentStyle .defaultForm.domesticForm .domesticWeight {
    flex-basis: calc(100% / 3 - 30px);
    margin-right: 0;
}

.calcComponentStyle .singleForm.defaultForm label {
    font-weight: 700;
}

.calcComponentStyle .singleForm.defaultForm:first-child {
    padding-top: 40px;
}

.calcComponentStyle .singleForm.defaultForm ul {
	background-color: #f8f8f8;
}

.calcComponentStyle .intForm.intDefaultForm > div:first-child {
	width: 100%;
	justify-content: space-between;
}

.intDefaultForm .innerDiv > div {
    flex-basis: calc(100% / 2 - 30px);
}

.calcComponentStyle .intDefaultForm label {
	margin-top: 15px;
	font-size: initial;
	color: #666;
}

.calcComponentStyle .intDefaultForm input, .calcComponentStyle .intDefaultForm select {
	width: -webkit-fill-available;
	max-width: 100%;
	border-color: #eaeaea;
}

.calcComponentStyle .intDefaultForm .dimensions div {
	justify-content: space-between;
}

.calcComponentStyle .intDefaultForm .dimensions > div input {
	width: calc(100% / 3);
}

.calcComponentStyle .intDefaultForm .dimensions > div input:last-child {
	margin-left: 15px;
}

.calcComponentStyle .intDefaultForm .dimensions > div input, .calcComponentStyle .intDefaultForm .dimensions > div p, .calcComponentStyle .intDefaultForm .domesticPickupPincode, .calcComponentStyle .intDefaultForm .domesticDeliveryPincode, .calcComponentStyle .intDefaultForm .domesticWeight, .calcComponentStyle .intDefaultForm .country {
	margin-right: 0;
}

.calcComponentStyle .intDefaultForm .dimensions > div p {
	margin: 0 15px;
}

.calcComponentStyle .intDefaultForm table {
	background-color: #fff;
	text-align: left;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 6px 10px #e7e7e7;
	border: none;
}

.calcComponentStyle .intDefaultForm table thead tr {
	border: none;
	background-color: ghostwhite;
	border-bottom: 1px solid #58595b;
}

.calcComponentStyle .intDefaultForm table thead th {
	padding: 10px;
	font-size: 15px;
}

.calcComponentStyle .intDefaultForm table tbody tr td {
	padding: 10px;
	text-align: left;
	background-color: ghostwhite;
	font-size: 15px;
	line-height: 25px;
}

.calcComponentStyle .intDefaultForm th, .calcComponentStyle .intDefaultForm td { 
	border: none;
}

.calcComponentStyle .intDefaultForm select {
	padding-top: 15px;
	padding-bottom: 15px;
}

section.shipping_rates input[type=radio] {
	height: auto;
	width: auto;
	margin:0;
	accent-color: black;
}

.thirdDiv .paymentMode .radioWrap {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.thirdDiv .paymentMode .radioWrap label {
    margin: 0;
    padding-left: 10px !important;
	color: grey !important;
}

.thirdDiv .paymentMode > div {
    display: flex;
    align-items: center;
    gap: 30px;
}

.secondDiv.weightWrapperBlog {
    justify-content: space-between;
    flex-direction: row;
}

.secondDiv.weightWrapperBlog > div, .singleForm.blogPageCalc .thirdDiv > div {
    flex-basis: 48%;
}

.calcComponentStyle .singleForm.blogPageCalc .dimensions>div input, .calcComponentStyle .singleForm.blogPageCalc .dimensions>div p {
	margin-right: 10px;
}

.calcComponentStyle .singleForm.blogPageCalc .dimensions>div input:last-child {
	margin-right: 0;
}

.calcComponentStyle .singleForm.blogPageCalc .dimensions>div input {
	width: calc(100% / 3) !important;
}

.calcComponentStyle .singleForm.blogPageCalc .thirdDiv {
	display: flex;
	justify-content: space-between;
}
/* Footers that show a Back button become a centered row with Back on the LEFT
   of the Signup CTA. Scoped via :has() so cargo/quick footers (no Back) are
   untouched, and the "Note: Rates…" line stays full-width on its own row. */
.calcComponentStyle .tabWrap >.taxBottomBox:has(.srBackBtn) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
	max-width: 70%;
    justify-content: space-between;
}

.calcComponentStyle .taxBottomBox:has(.srBackBtn) > p {
    width: 100%;
    margin: 0;
}
.calcComponentStyle .taxBottomBox:has(.srBackBtn){
	 display: flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: space-between;
	max-width: 100%;
	gap: 12px;
	width:100%;
}
/* "Back" button in a result footer — secondary (outlined) so it reads as
   distinct from the primary Signup CTA. Returns to the calculator form. */
.calcComponentStyle .taxBottomBox .srBackBtn {
    order: -1; /* sit to the LEFT of the Signup button */
    background: #fff;
    color: #6f57e9;
    border: 1px solid #6f57e9;
    padding: 13px 30px;
    border-radius: 8px;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
}

/* Back arrow before the label. */
.calcComponentStyle .taxBottomBox .srBackBtn::before {
    content: "\2190"; /* ← */
    margin-right: 6px;
    font-size: 18px;
    line-height: 1;
}
@media only screen and (max-width: 991px) {
    .tabbingMainDiv .domesticForm > div:first-child, .tabbingMainDiv .intForm > div:first-child, .tabbingMainDiv .secondDiv {
        display: initial;
    }
    .tabbingMainDiv .secondDiv .domesticWeight {
        margin-right: 0;
    }
    .tabbingMainDiv .domesticForm .domesticPickupPincode, .tabbingMainDiv .domesticForm .domesticDeliveryPincode, .tabbingMainDiv .domesticForm .domesticWeight, .tabbingMainDiv .intForm .domesticPickupPincode, .tabbingMainDiv .intForm .domesticDeliveryPincode, .tabbingMainDiv .intForm .domesticWeight, .tabbingMainDiv .intForm .country, .tabbingMainDiv .dimensions {
        margin-bottom: 20px;
    }
    .calcComponentStyle .tabbingMainDiv ul li a {
        font-size: inherit;
        letter-spacing: normal;
        padding: 10px 15px;
    }
    .calcComponentStyle .tabbingMainDiv ul li a { 
        margin: 0 10px;
    }
/*     .tabbingMainDiv .domesticButton button  {
        margin-top: 0;
    } */
    .tabbingMainDiv .dimensions div input:last-child {
        display: none;
    }
	.tabbingMainDiv .secondDiv .dimensions div input:last-child {
		display: initial;
	}
    .tabbingMainDiv .dimensions > div p {
        margin: 0 10px;
    }
    .tabWrap {
        padding: 20px;
    }
    .tabPopup ul li a {
        padding: 10px 5px !important;
    }
    .tabPopup ul {
        overflow-x: auto;
        white-space: nowrap;
    }
    .tabPopup .tab > div:first-child, .defaultForm .tab > div:first-child {
        display: initial;
    }
    .tabPopup .tab .airModeContainer, .tabPopup .tab .surfaceModeContainer, .defaultForm .tab .airModeContainer, .defaultForm .tab .surfaceModeContainer {
        width: 100%;
        margin-bottom: 30px;
    }
	.calcComponentStyle .singleForm.defaultForm:first-child {
		padding-top: 0px;
	}
    .tabPopup table, .tabPopup small ~ p {
        text-align: center;
    }
    .tabPopup ul li a.active {
        border-bottom: 0 !important;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1024px) {
    .singleForm input {
        max-width: 100% !important;
        width: 75%;
    }

    .calcComponentStyle .singleForm > div:first-child {
        justify-content: space-between;
    }

    .calcComponentStyle .singleForm .domesticPickupPincode, .calcComponentStyle .singleForm  .domesticDeliveryPincode, .calcComponentStyle .singleForm .domesticWeight, .calcComponentStyle .singleForm .country {
        width: calc(100% / 3 );
    }
    
    .calcComponentStyle .singleForm ul li a {
        padding: 10px !important;
    }
}

@media only screen and (max-width: 768px) {
	.tabbingMainDiv, #myTabContent {
    max-width: 100% !important;
}
	.calcComponentStyle .tabContent{
		max-width:100%;
	}
	
	.calcComponentStyle .taxBottomBox:has(.srBackBtn){
		font-size: 14px;
        max-width: 100%;
		flex-wrap: nowrap;
	}
	.srxPricingCalc .calcComponentStyle .js-srOpenSignup {
		padding: 12px !important;
        font-size: 15px !important;
        margin-top: 0px !important;
	}
	.calcComponentStyle .taxBottomBox .srBackBtn{
		padding: 10px 24px !important;
	}
	.srxPricingCalc .intDefaultForm .innerDiv > div{
	    min-height: 0px !important;
	}
    .singleForm input {
        max-width: 100% !important;
        width: calc(100% - 40px);
    }
    
    .calcComponentStyle .singleForm > div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .calcComponentStyle .singleForm .domesticPickupPincode, .calcComponentStyle .singleForm  .domesticDeliveryPincode, .calcComponentStyle .singleForm .domesticWeight, .calcComponentStyle .singleForm .country {
        width: 100%;
    }

    .calcComponentStyle .singleForm ul {
        overflow-x: auto;
    }

    .calcComponentStyle .singleForm label {
        margin-top: 10px;
        margin-bottom: 5px;
    }
	.calcComponentStyle .intForm.intDefaultForm > div:first-child {
		display:  initial;
	}
	.calcComponentStyle .intDefaultForm .internationalButton {
		text-align: center;
	}
	.calcComponentStyle .intDefaultForm.dataTabs {
		margin-top: 40px;
	}
	.calcComponentStyle .intDefaultForm.dataTabs h4 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tabbingMainDiv .thirdDiv {
		flex-direction: column;
		gap: 20px;
	}
}


/* single page */
.singlePost .bolgCalc .calcComponentStyle input, .singlePost .bolgCalc .calcComponentStyle select {
	 letter-spacing: 0px;
	 color: #4c4c4c;
	 opacity: 1;
	 font-size: 14px;
	 line-height: 16px;
	 padding: 11px 17px;
	 border: 1px solid #efefef;
	 border-radius: 6px;
	 width: 100%;
}
 .singlePost .bolgCalc .calcComponentStyle .domesticForm, .singlePost .bolgCalc .calcComponentStyle .intForm {
	 padding: 0px;
}
 .singlePost .bolgCalc .calcComponentStyle .defaultForm.domesticForm .domesticPickupPincode, .singlePost .bolgCalc .calcComponentStyle .defaultForm.domesticForm .domesticDeliveryPincode, .singlePost .bolgCalc .calcComponentStyle .defaultForm.domesticForm .domesticWeight {
	 flex-basis: calc(100% / 2 - 20px);
	 margin-right: 0;
}
 .singlePost .bolgCalc .domesticForm > div:first-child, .singlePost .bolgCalc .domesticWeight > div, .singlePost .bolgCalc .intForm > div:first-child {
	 margin-bottom: 30px;
}
 .singlePost .bolgCalc .secondDiv .domesticWeight {
	 margin-right: 40px;
}
 .singlePost .bolgCalc .calcComponentStyle .domesticWeight > div input {
	 border-bottom-right-radius: 0px !important;
	 border-top-right-radius: 0px !important;
	 margin: 0;
}
 .singlePost .bolgCalc .calcComponentStyle .domesticWeight > div span {
	 display: inline-block;
	 padding: 10px 12px 10px 12px;
	 line-height: 16px;
	 font-size: 14px;
	 letter-spacing: 0.24px;
	 color: #a9b0bc;
	 text-transform: uppercase;
	 opacity: 1;
	 background: #f3f7fe 0% 0% no-repeat padding-box !important;
	 border-radius: 0px 5px 5px 0px !important;
}
 .singlePost .bolgCalc .calcComponentStyle .domesticWeight > div {
	 flex-direction: row-reverse;
}
 .singlePost .bolgCalc .calcComponentStyle label {
	 letter-spacing: 0px;
	 color: #4c4c4c;
	 opacity: 1;
	 font-size: 16px;
	 line-height: 14px;
	 margin-bottom: 10px;
	 display: block;
	 font-weight: 500 !important;
	 text-align: left;
}
 .singlePost .bolgCalc .secondDiv, .singlePost .bolgCalc .thirdDiv {
	 display: flex;
}
 .singlePost .bolgCalc .calcComponentStyle input:focus, .singlePost .bolgCalc .calcComponentStyle select:focus {
	 border: 1px solid #735ae5;
}
 .singlePost .bolgCalc .calcComponentStyle .dimensions > div input {
	 position: relative;
}
 .singlePost .bolgCalc .calcComponentStyle input[type=radio] {
	 height: 16px;
	 width: 16px;
	 margin: 0;
	 accent-color: #735ae5;
}
 .singlePost .bolgCalc .thirdDiv .paymentMode .radioWrap label {
	 margin: 0;
	 padding-left: 6px !important;
	 color: #999 !important;
}
 .singlePost .bolgCalc .thirdDiv .paymentMode .radioWrap {
	 margin-top: 7px;
}
/*  .singlePost .bolgCalc .calcComponentStyle .singleForm .domesticButton button, .singlePost .calcComponentStyle .intForm button, .singlePost .intCalcResponse.dataTabs .taxBottomBox a {
	 padding: 14px 61px;
	 margin: 0px;
	 letter-spacing: 0.36px;
	 color: #fff;
	 font-size: 18px;
	 line-height: 20px;
	 font-weight: 500;
	 background: #0b0757;
	 border: 1px solid #000 0;
	 cursor: pointer;
	 font-weight: 500;
	 border-radius: 10px !important;
} */
 .singlePost .bolgCalc .singleForm .domesticButton {
	 margin-top: 30px;
}
 .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm:first-child {
	 padding-top: 20px;
}
 .singlePost .bolgCalc .calcComponentStyle .singleForm .domesticButton button.resetButton {
	 color: #0b0757 !important;
	 margin-left: 20px !important;
	 border: none !important;
	 position: unset !important;
	 padding-left: 30px;
}
 .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm ul li:after {
	 display: none;
}
 .singlePost .bolgCalc .dataTabs ul li {
	 padding: 0px;
	 margin: 0px;
	 background: #fff;
}
 .singlePost .bolgCalc .dataTabs ul li:first-child {
	 border-top-left-radius: 12px;
}
 .singlePost .bolgCalc .dataTabs ul li:last-child {
	 border-top-right-radius: 12px;
}
 .singlePost .bolgCalc .calcComponentStyle .dataTabs ul li a {
	 border-bottom: 3px solid #fff !important;
}
 .singlePost .bolgCalc .calcComponentStyle .tabContent {
	 margin-top: 0px;
	 width: 100%;
	 max-width: 780px;
	 background: #fff;
	 border-radius: 0px 12px 12px 12px;
	 overflow: hidden;
}
 .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm table, .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm table td, .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm table th {
	 border: none;
	 border-bottom: 1px solid #ddd;
}
 .singlePost .bolgCalc .dataTabs table td, .singlePost .bolgCalc .tabPopup table th, .singlePost .bolgCalc .dataTabs table td, .singlePost .bolgCalc .dataTabs table th, .singlePost .bolgCalc .intCalcResponse.dataTabs .tabContent table th {
	 padding: 15px;
	 font-size: 14px;
	 line-height: 1.2;
	 text-align: left;
}
 .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm table {
	 margin: 0px;
}
 .singlePost .bolgCalc .calcComponentStyle .taxBottomBox a {
	 background: #0b0757;
	 border-radius: 10px;
	 margin-bottom: 30px;
	 margin-top: 10px !important;
}
 .singlePost .bolgCalc .dataTabs .taxBottomBox {
     gap: 5px;
     display: flex !important;
     flex-direction: row !important;
	 margin-top: 0px;
}
 .singlePost .bolgCalc .singleForm .domesticButton {
	 flex-flow: wrap;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .formSide {
	 display: flex;
	 flex-flow: wrap;
	 justify-content: space-between;
	 gap: 30px;
	 padding-top: 15px;
}
 .singlePost .bolgCalc .calcComponentStyle .domesticForm .domesticPickupPincode, .singlePost .bolgCalc .calcComponentStyle .domesticForm .domesticDeliveryPincode, .singlePost .bolgCalc .calcComponentStyle .domesticForm .domesticWeight, .singlePost .bolgCalc .calcComponentStyle .intForm .domesticPickupPincode, .singlePost .bolgCalc .calcComponentStyle .intForm .domesticDeliveryPincode, .singlePost .bolgCalc .calcComponentStyle .intForm .domesticWeight, .singlePost .bolgCalc .calcComponentStyle .intForm .country, .singlePost .bolgCalc .calcComponentStyle .intForm .dimensions {
	 flex-basis: calc(100% / 2 - 20px);
	 margin-right: 0;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .domesticWeight > div {
	 flex-direction: row;
	 margin: 0px;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .dimensions > div p {
	 margin: 0;
	 margin-right: 10px;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .dimensions > div input {
	 width: 100%;
	 margin-right: 10px;
	 padding-right: 0px;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .dimensions div input:last-child {
	 padding: 10px 12px 10px 12px;
	 line-height: 16px;
	 font-size: 14px;
	 letter-spacing: 0.24px;
	 color: #a9b0bc;
	 text-transform: uppercase;
	 opacity: 1;
	 background: #f3f7fe 0% 0% no-repeat padding-box !important;
	 border-radius: 0px 5px 5px 0px !important;
	 margin-right: 0px;
	 width: 50px;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .innerDiv {
	 flex-flow: wrap;
}
/*  .singlePost .bolgCalc .calcComponentStyle .intForm .intCalcResponse.dataTabs {
	 margin-top: 30px;
} */
 .singlePost .bolgCalc .intCalcResponse.dataTabs .tabContent table th {
	 background: #fff;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .tabContent {
	 max-width: 780px;
	 background: #fff;
	 border-radius: 0px;
	 overflow: hidden;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .intCalcResponse.dataTabs .tabContent table {
	 width: 100%;
	 margin: 0 auto 20px;
	 border-collapse: collapse;
	 border: 0px solid #e3e3e3;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .intCalcResponse.dataTabs .tabContent table th, .singlePost .intCalcResponse.dataTabs .tabContent table td {
	 background: #fff;
	 border: 0px;
	 border-bottom: 1px solid #dadada;
}
 .singlePost .bolgCalc .calcComponentStyle .intForm .dataTabs .taxBottomBox {
	 margin-top: 0px;
	 margin-bottom: 30px;
}
.calcComponentStyle.srOtpEnabled .singleForm{
	 border-radius: 16px !important;
}
 @media (max-width: 767px) {
  .tabPopup .taxBottomBox, .defaultForm .taxBottomBox{
	  display: flex;
      flex-wrap: wrap;
      gap: 10px;
}
	 .calcComponentStyle.srOtpEnabled .singleForm{
	  padding:16px !important;
	 }
	 .calcComponentStyle .srSignupArea.srShow {
	  padding: 0px !important;
	  min-height: 100% !important;
}

	 .calcWrapperPricing .tabButtons ul{
         gap: 20px !important;
	 }
	 .calcWrapperPricing .tabButtons ul li a{
		 font-size: 13px !important;
	 }
	 .singlePost .bolgCalc .dataTabs table td, .singlePost .bolgCalc .tabPopup table th, .singlePost .bolgCalc .dataTabs table td, .singlePost .bolgCalc .dataTabs table th, .singlePost .bolgCalc .intCalcResponse.dataTabs .tabContent table th {
		 padding: 9px;
		 font-size: 13px;
		 line-height: 20px;
	}
	 .singlePost .bolgCalc .secondDiv, .singlePost .bolgCalc .thirdDiv {
		 flex-flow: wrap;
		 gap: 15px;
	}
	 .singlePost .bolgCalc .calcComponentStyle .defaultForm.domesticForm .domesticPickupPincode, .singlePost .bolgCalc .calcComponentStyle .defaultForm.domesticForm .domesticDeliveryPincode, .singlePost .bolgCalc .calcComponentStyle .defaultForm.domesticForm .domesticWeight, .singlePost .bolgCalc .calcComponentStyle .domesticForm .domesticPickupPincode, .singlePost .bolgCalc .calcComponentStyle .domesticForm .domesticDeliveryPincode, .singlePost .bolgCalc .calcComponentStyle .domesticForm .domesticWeight, .singlePost .bolgCalc .calcComponentStyle .intForm .domesticPickupPincode, .singlePost .bolgCalc .calcComponentStyle .intForm .domesticDeliveryPincode, .singlePost .bolgCalc .calcComponentStyle .intForm .domesticWeight, .singlePost .bolgCalc .calcComponentStyle .intForm .country, .singlePost .bolgCalc .calcComponentStyle .intForm .dimensions {
		 flex-basis: 100%;
		 margin-right: 0;
	}
	 .singlePost .bolgCalc .domesticForm > div:first-child, .singlePost .bolgCalc .domesticWeight > div, .singlePost .bolgCalc .intForm > div:first-child {
		 margin-bottom: 15px;
		 gap: 15px;
	}
	 .singlePost .bolgCalc .secondDiv.weightWrapperBlog > div, .singlePost .bolgCalc .singleForm.blogPageCalc .thirdDiv > div {
		 flex-basis: 100%;
	}
	 .singlePost .bolgCalc .secondDiv.weightWrapperBlog {
		 margin-bottom: 15px;
	}
	 .singlePost .bolgCalc .calcComponentStyle .singleForm.defaultForm:first-child {
		 padding-top: 5px;
	}
	 .singlePost .bolgCalc .dataTabs .taxBottomBox {
		 margin-top: 15px;
	}
}



.tableWrapperHeight {
    max-height: 350px;
    overflow-y: scroll;
}

.calcComponentStyle .singleForm ul li a, .calcComponentStyle .dataTabs ul li a {
    text-transform: capitalize;
}
 select#country option[value="IN"] {
 display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
span.disDetail {
    display: none;
}
.shipmentValue {
    position: relative;
}

.shipmentValue span {
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 0.24px;
    color: #A9B0BC;
    text-transform: uppercase;
    opacity: 1;
    background: #F3F7FE 0% 0% no-repeat padding-box;
    border-radius: 0px 5px 5px 0px;
    height: 38px;
}

.calcComponentStyle .srSignupArea { display: none; }

/* Tabbing OTP overlay: hidden until Signup is clicked (srShow). .tabPopup
   supplies the fixed full-screen backdrop + centering when it becomes visible. */
.calcComponentStyle .srSignupPopup:not(.srShow) { display: none !important; }

.calcComponentStyle .domesticForm.srHide,
.calcComponentStyle .formSide.srHide,
.calcComponentStyle .domesticCalcResponse.srHide,
.calcComponentStyle .intCalcResponse.srHide {
	display: none !important;
}

.calcComponentStyle .srSignupArea.srShow {
	display: block;
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	padding: 16px;
	min-height: 480px;
}