

body {
    font-family: "Product Sans", sans-serif;
    background-color: #ededed;
}

a {
    text-decoration: none;
}

.option-fair-calculator-container {
    max-width: 1340px;
    padding: 60px 0px 0px 0px;
    margin: 0 auto;
}

.samco-table-start {
    width: 100%;
    max-width: 493px;
}

.samco-option-fair-calculator {
    display: flex;
    gap: 36px;
}

.samco-calculator-title {
    background-color: #ffffff;
    padding: 15px 26px;
    font-weight: 500;
    font-size: 18px;
    color: #0f4bc9;
    border-radius: 14px 14px 0 0;
}

.samco-calculator-table-cover {
    width: 100%;
    box-shadow: 14px 22px 52px 0px #00000040;
    background-color: #ffffff;
    padding: 22px 22px 40px;
    border-radius: 0 22px 22px 22px;
}

.samco-calculator-market-cover,
.samco-calculator-ration-cover {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 23px;
}

.samco-calculator-ration-cover {
    margin-top: 16px;
}

input[type="date"]:invalid::-webkit-datetime-edit {
    color: #4b4b4b;
}

.samco-calculator-table-cover label {
    font-weight: 400;
    font-size: 15px;
    color: #525252;
    display: block;
    margin: 0;
}

.samco-calculator-market {
    max-width: 213px;
    width: 100%;
}

.samco-calculator-ref-histroic {
    max-width: 100%;
    margin-top: 16px;
}

.samco-calculator-market input,
.samco-calculator-market-selecter select,
.samco-price-ranger-input input,
.samco-calculator-ref-histroic input {
    box-shadow: 0px 0px 8px 0px #00000014 inset;
    border: 1px solid #dfdfdf;
    background-color: #ffffff;
    width: 100%;
    padding: 10px 16px;
    border-radius: 50px;
    margin-top: 6px;
    font-weight: 400;
    font-size: 15px;
    color: #4b4b4b;
    font-family:Product Sans;
    outline: none;
    height: auto;
}

.samco-calculator-market-selecter select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none'%3E%3Cpath fill='%23B7B7B7' d='M12.188 1.75 6.876 7.064a.531.531 0 0 1-.752 0L.812 1.751a.532.532 0 0 1 .751-.752L6.5 5.936 11.437 1a.532.532 0 1 1 .751.752Z'/%3E%3C/svg%3E");
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding-right: 30px;
    cursor: pointer;
}

.samco-calculator-market-selecter {
    max-width: 100%;
    margin-bottom: 16px;
}

.samco-price-ranger {
    max-width: 213px;
    width: 100%;
}

.samco-price-ranger input {
    width: 100%;
    margin-top: 10px;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.samco-price-ranger-text-cover {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.samco-price-ranger-text {
    font-weight: 300;
    font-size: 14px;
    color: #4a4a4a;
}

.samco-invest-now-btn-cover {
    text-align: center;
    margin-top: 26px;
}

.samco-invest-now-btn {
    background-color: #2362fd;
    box-shadow: 14px 22px 52px 0px #00000026;
    padding: 8px 26px;
    display: inline-flex;
    gap: 24px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    justify-content: center;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}

.samco-invest-now-btn:hover{
    background-color: #1548c4;
    box-shadow: rgba(48, 78, 163, 0.47) 0px 12px 18px;
    transition: 0.5s;
}

.samco-call-price-table-cover {
    background: linear-gradient(180deg, #ffffff 0%, #f0f6ff 100%);
    width: 100%;
    padding: 20px 27px 0 27px;
    box-shadow: 14px 22px 52px 0px #00000040;
    border-radius: 22px;
}

.samco-call-put-price {
    display: flex;
    align-items: center;
    gap: 96px;
    position: relative;
}

.samco-call-put-price::before {
    content: "";
    position: absolute;
    border: 1px solid #e6e6e6;
    width: 100%;
}

.samco-call-put-price-text-cover,
.samco-call-put-detail,
.samco-call-put-detail {
    display: flex;
    flex-direction: column;
}

.samco-call-price h2,
.samco-put-price h2 {
    font-weight: 600;
    text-align: left!important;
    font-size: 26px;
    text-align: center;
    color: #1a63fd;
    margin-bottom: 0px;
    max-width: 150px;
    width: fit-content;
    white-space: nowrap;
    min-width: 150px;
}

.samco-call-price {
    padding-bottom: 20px;
    word-break: break-all;
}

.samco-put-price {
    margin-top: 20px;
}

.samco-call-price p,
.samco-put-price p {
    font-weight: 500;
    font-size: 16px;
    color: #757575;
    text-align: left;
    margin: 0;
}

.samco-call-detail {
    padding-bottom: 21px;
    text-align: center;
}

.samco-call-put-price-detail {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 30px;
}

.samco-call-detail h3,
.samco-put-detail h3 {
    font-weight: 500;
    font-size: 18px;
    color: #4b4b4b;
    line-height:normal;
}

.samco-call-detail span,
.samco-put-detail span {
    font-weight: 500;
    font-size: 15px;
    color: #757575;
}

.samco-put-detail {
    padding-top: 23px;
}

.get-daily-free-btn-cover {
    margin-top: 16px;
    text-align: center;
}

.get-daily-free-btn {
    padding: 15px 28px;
    background: linear-gradient(180deg, #e3eeff 0%, #b3d0f9 100%);
    border-radius: 14px 14px 0 0;
    display: inline-flex;
    gap: 19px;
    align-items: center;
    font-weight: 500;
    font-size: 17px;
    color: #454545;
    border: none;
    cursor: pointer;
}

.get-daily-free-btn:hover {
    padding: 15px 28px;
    background: linear-gradient(180deg, #c2d4f0 0%, #b3d0f9 100%);
    transition: 0.5s;
}

.samco-deatil-cover {
    max-width: 807px;
    width: 100%;
}

.smaco-view-img-cover {
    width: 100%;
    max-width: 807px;
    /* margin-top: 42px;
    padding: 20px 27px 20px 27px;
    box-shadow: 14px 22px 52px 0px #00000040;
    border-radius: 22px;
    background:#fff; */
}

.smaco-view-img-cover-img {
    width: 100%;
    max-width: 807px;
    padding: 20px 27px 20px 27px;
    box-shadow: 14px 22px 52px 0px #00000040;
    border-radius: 0px 22px 22px 22px;
    background:#fff;
}

.smaco-view-img-cover img {
    width: 100%;
}

.samco-price-ranger input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #1A63FD.5%, #a6c2ff 56.5%);
    border-radius: 4px;
    outline: none;
    margin-top: 15px;
}

/* Chrome, Safari */
.samco-price-ranger input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 4px;
    background: transparent;
}

.samco-price-ranger input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #1a63fd;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin-top: -7px;
}

/* Open Your Free Demat Account Today!--- */
.samco-calculator-account-cover {
    margin-top: 50px;
    position:sticky;
    top:100px;
    box-shadow: 14px 22px 52px 0px #00000040;
    border: 1px solid #ffffff;
    background: linear-gradient(180deg, #ffffff 0%, #f0f6ff 100%);
    padding: 30px 22px;
    border-radius: 22px;
    max-width: 493px;
    width: 100%;
}

.samco-calculator-account-cover h3 {
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #5a5a5a;
    margin-bottom:20px;
}

.samco-open-account-items-cover {
    display: flex;
    gap: 13px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.samco-brokerage-cover,
.samco-safe-secure-cover {
    display: flex;
    gap:11px;
    align-items: center;
}

.samco-charge {
    font-size: 45px;
    font-weight: 500;
    color: #2362fd;
}

.samco-charge-text,
.samco-investors-text {
    font-weight: 400;
    font-size: 15px;
    color: #717171;
    max-width: 120px;
    margin-bottom: 0;
    white-space: pre-line;
    border-right: 1px solid #e5e5e5;
    padding-right: 20px;
    margin-right: 10px;
}
.samco-safe-secure-text{
    font-weight: 400;
    font-size: 15px;
    color: #717171;
    max-width: 120px;
    margin-bottom: 0;
    white-space: pre-line;
    padding-right:10px;
}
.samco-investors-text {
    border-right: none;
    padding-right: 0;
}

.samco-safe-secure-icon {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #cbdaff;
    border: 1px solid #d5e6ff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.starsgap{
    padding:2px 6px;
}

.samco-number-input-cover {
    margin-top: 16px;
    border: 1px solid #ffffff;
    background-color: #eceef6;
    padding: 6px 6px;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.samco-mobile-number {
    width: 100%;
    background-color: transparent;
    border: none;
    font-weight: 500;
    outline: none;
    padding: 10px 0 10px 14px;
    font-weight: 500;
    font-size: 16px;
    color: #434343;
    max-width:280px;
}

.samco-mobile-number-btn {
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 6px 6px 20px 0px #0039d699;
    background-color: #1b62fd;
    border-radius: 14px;
    border: none;
    cursor: pointer;
}

.samco-mobile-number-btn.disabled {
    background-color: #7f97ca;
    pointer-events: none;
    box-shadow: none;
}

.samco-rating svg{
    width:20px;
    height:20px;
}

.samco-terms-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #575757;
    margin-top: 10px;
    margin-bottom: 17px;
}

.samco-terms-text a {
    text-decoration: underline;
    color: #575757;
}

.samco-rating-text {
    font-weight: 400;
    font-size: 16px;
    color: #525252;
    text-align: center;
    justify-content: center;
    display: flex;
    gap:5px;
}

.samco-rating-text span {
    font-weight: 600;
}

.samco-wrong-number-elert {
    color: red;
    font-size: 14px;
}

.samco-popular-calculators-cover {
    max-width: 493px;
    box-shadow: 14px 22px 52px 0px #00000040;
    background-color: #ffffff;
    border-radius: 22px;
    margin-top: 50px;
    padding-bottom: 48px;
    width: 100%;
}

.samco-popular-calculators-cover h3 {
    padding: 19px 27px;
    background-color: #f2f7ff;
    border-bottom: 1px solid #9ebbe9;
    border-radius: 22px;
    font-weight: 500;
    font-size: 18px;
    color: #5a5a5a;
    margin-bottom: 26px;
}

.samco-popular-calculators-items-cover {
    display: flex;
    gap: 16px;
    padding: 0 22px;
    align-items: center;
    flex-wrap: wrap;
}

.samco-popular-calculators-items {
    padding: 4px 18px;
    border: 1px solid #96b4ff;
    background-color: #e5efff;
    border-radius: 50px;
    font-weight: 400;
    font-size: 16px;
    color: #434343;
}

.samco-popular-calculators-items:hover{
    background-color: #1a63fd;
    color: #fff;
    transition: 0.5s;
    border: 1px solid #1a63fd;
}

.samco-policy-text-cover {
    max-width: 1340px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 14px 22px 52px 0px #00000040;
    padding: 20px 27px;
    margin-top: 64px;
    width: 100%;
    border-radius: 22px;
    margin-bottom:80px;
}

.samco-policy-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #434343;
}

.samco-policy-text a {
    color: #434343;
    text-decoration: underline;
}

.stickyFrmNone {
    display: none !important;
}

@media (max-width: 1199px) {
    .samco-option-fair-calculator {
        display: flex;
        align-items: start;
        gap: 36px;
    }
}

@media (max-width: 991px) {
    .samco-call-put-price {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .samco-option-fair-calculator {
        flex-wrap: wrap;
    }
    .samco-put-detail {
        padding-top: 8px;
    }
    .samco-calculator-table-cover {
        max-width: 100%;
    }
    .samco-table-start,
    .samco-calculator-account-cover,
    .samco-popular-calculators-cover {
        max-width: 100%;
    }
    .samco-left-side {
        width: 100%;
    }
    .samco-calculator-market-cover,
    .samco-calculator-ration-cover {
        grid-template-columns: repeat(1, 1fr);
    }

    .samco-calculator-market-selecter,
    .samco-price-ranger {
        max-width: 100%;
    }

    .samco-calculator-market {
        max-width: 100%;
    }

    .samco-call-put-price {
        flex-wrap: wrap;
    }

    .samco-call-put-price-text-cover {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 29px;
        gap: 20px;
    }

    .samco-put-price {
        margin-top: 0;
        width: fit-content;
        word-break: break-all;
    }

    .samco-call-price h2, .samco-put-price h2{
        width: fit-content;
        max-width:auto;
        min-width:auto;
        margin-bottom: 5px;
    }

    .samco-call-put-price::before {
        display: none;
    }

    .samco-call-price {
        padding-bottom: 0;
    }

    .get-daily-free-btn-cover {
        display: none;
    }

    .samco-call-price-table-cover {
        padding: 30px 20px;
    }

    .samco-call-put-price-detail {
        flex-wrap: wrap;
        gap: 30px;
    }

    .samco-call-put-price-detail .samco-call-put-detail:last-child {
        width: 59%;
        flex-direction: row;
        gap: 20px;
        justify-content: space-between;
    }

    .samco-call-put-detail:last-child .samco-call-detail {
        padding-bottom: 0;
    }

    .samco-call-put-detail:last-child .samco-put-detail {
        padding-top: 0;
    }

    .samco-calculator-account-cover h3 {
        font-size: 20px;
    }
    .samco-popular-calculators-items-cover {
        padding: 15px;
        gap: 10px;
    }
    .samco-popular-calculators-items {
        padding: 8px 15px;
        font-size: 16px;
    }
    .samco-charge {
        font-size: 30px;
    }
    .samco-charge-text,
    .samco-investors-text {
        max-width: 110px;
    }
    .samco-safe-secure-text{
        max-width: 60px;
    }
    .samco-policy-text {
        font-size: 16px;
        line-height: 22px;
    }
    .option-fair-calculator-container{
        padding:50px 0px;
    }
    .samco-open-account-items-cover{
        justify-content: center;
    }
    .samco-calculator-account-cover{display:none;}
    .samco-popular-calculators-cover{display:none;}
    .stickyFrmNone {
        display: block !important;
    }
}

.tabs {
    display: flex;
  }
  .tab {
    padding: 14px 30px;
    cursor: pointer;
    border: none;
    border-radius: 12px 12px 0 0;
    margin-right: 15px;
    font-size: 16px;
    background: #ccc;
    color: #757575;
    font-family: "Product Sans", sans-serif;
  }
  .tab.active {
    background-color: #fff;
    font-weight: 500;
    color:#434343;
    font-weight: 500;
    font-family: "Product Sans", sans-serif;
  }
  .tab-content {
    display: none;
    padding: 10px 20px;
    border-top: none;
    background-color: #FFFFFF;
  }
  .tab-content.active {
    display: block;
  }

  .register-fix-btn a {
    background-color: #181b2e8c;
    box-shadow: 0px -4px 4px 0px #00000014;
    backdrop-filter: blur(80px);
    text-decoration: none;
    padding: 14px 15px;
    font-size: 18px;
    color: #fff;
    display: block;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    animation: .5s ease-in-out fadeInBottom;
    text-align: center;
    z-index:9999;
}

  .loading-aof{position:fixed;z-index:999;height:2em;text-align:center;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;-webkit-animation:linear infinite rotate}.loading-aof:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.8));background:-webkit-radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.8))}.loading-aof:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading-aof:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:150ms linear infinite spinner;-moz-animation:150ms linear infinite spinner;-ms-animation:spinner 150ms infinite linear;-o-animation:150ms linear infinite spinner;animation:150ms linear infinite spinner;border-radius:.5em;-webkit-box-shadow:rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0;box-shadow:rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}input[type=number]{-moz-appearance:textfield!important}