.pros-cons-box5{}://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root{
    --font-poppins: 'Poppins', sans-serif;
    --color-dark: #000;
    --color-blue: #0162e8;
}
/***** Static *****/
body{
    font-family: var(--font-poppins) !important;
}
.theme-color ul li label,
table[class*=oct-table-] thead th {
    background: var(--oct-theme-color);
}
.oct-tbl-ul,
.theme-color ul li,
tr {
    position: relative
}
.oct-btn,
.oct-table-title,
.label-text,
.table-btn {
    font-weight: 600
}
:root {
    --oct-orange: #f39c12;
    --oct-carrot: #e67e22;
    --oct-red: #e74c3c;
    --oct-gray: #95a5a6;
    --oct-blue: #3498db;
    --oct-black: #000000;
    --oct-purple: #6D40FB;
    --oct-green: #27ae60;
    --oct-bluebell: #2b348e;
    --oct-bluedark: #1289A7;
    --oct-berry: #CA2C68;
    --oct-keppel: #AE7C5B;
    --oct-dupain: #00624A;
    --oct-darkorange: #920D00;
    --oct-darknavy: #0f4c75;
    --oct-eggplant: #5a3d55;
    --oct-mediumVioletRed: #7E1C66;
    --oct-theme-color: #333;
    --oct-blue-gradiant: linear-gradient(to right top, #3e8bfd, #2c6ee4, #1e52ca, #1235b0, #091594);
    --oct-sublimeLight-gradiant: linear-gradient(to right top, #fc5c7d, #f359a2, #db62c6, #b072e6, #6a82fb);
    --oct-rainbowBlue-gradiant: linear-gradient(to right top, #00f260, #00deb5, #00c3f4, #00a0ff, #0575e6);
    --oct-orangeFun-gradiant: linear-gradient(to right top, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);
    --oct-Orca-gradiant: linear-gradient(to right top, #44a08d, #318478, #216963, #144f4d, #093637);
    --oct-Argon-gradiant: linear-gradient(to right top, #03001e, #0a113c, #16185b, #2c1c7a, #471b99, #6219a7, #7d13b4, #9803bf, #b00dbe, #c61bbd, #da29bd, #ec38bc);
    --oct-kingYna-gradiant: linear-gradient(to right top, #1a2a6c, #4d246e, #721866, #900358, #a50043, #b51c39, #c2332d, #ca4a1d, #da671c, #e8831d, #f49f22, #fdbb2d);
    --oct-memariani-gradiant: linear-gradient(to right, #aa4b6b, #6b6b83, #3b8d99);
    --oct-metapolis-gradiant: linear-gradient(to right, #659999, #f4791f);
    --oct-kyeMeh-gradiant: linear-gradient(to right, #8360c3, #2ebf91);
    --oct-ultraVoilet-gradiant: linear-gradient(to right, #654ea3, #eaafc8);
    --oct-magic-gradiant: linear-gradient(to right, #59c173, #a17fe0, #5d26c1);
}
.oct-mediumVioletRed {
    --oct-theme-color: var(--oct-mediumVioletRed)
}
.oct-purple {
    --oct-theme-color: var(--oct-purple)
}
.oct-black {
    --oct-theme-color: var(--oct-black)
}
.oct-orange {
    --oct-theme-color: var(--oct-orange)
}
.oct-carrot {
    --oct-theme-color: var(--oct-carrot)
}
.oct-red {
    --oct-theme-color: var(--oct-red)
}
.oct-gray {
    --oct-theme-color: var(--oct-gray)
}
.oct-blue {
    --oct-theme-color: var(--oct-blue)
}
.oct-green {
    --oct-theme-color: var(--oct-green)
}
.oct-bluebell {
    --oct-theme-color: var(--oct-bluebell)
}
.oct-bluedark {
    --oct-theme-color: var(--oct-bluedark)
}
.oct-berry {
    --oct-theme-color: var(--oct-berry)
}
.oct-keppel {
    --oct-theme-color: var(--oct-keppel)
}
.oct-dupain {
    --oct-theme-color: var(--oct-dupain)
}
.oct-darkorange {
    --oct-theme-color: var(--oct-darkorange)
}
.oct-darknavy {
    --oct-theme-color: var(--oct-darknavy)
}
.oct-eggplant {
    --oct-theme-color: var(--oct-eggplant)
}
.oct-blue-gradiant {
    --oct-theme-color: var(--oct-blue-gradiant)
}
.oct-sublimeLight-gradiant {
    --oct-theme-color: var(--oct-sublimeLight-gradiant)
}
.oct-rainbowBlue-gradiant {
    --oct-theme-color: var(--oct-rainbowBlue-gradiant)
}
.oct-orangeFun-gradiant {
    --oct-theme-color: var(--oct-orangeFun-gradiant)
}
.oct-Orca-gradiant {
    --oct-theme-color: var(--oct-Orca-gradiant)
}
.oct-Argon-gradiant {
    --oct-theme-color: var(--oct-Argon-gradiant)
}
.oct-kingYna-gradiant {
    --oct-theme-color: var(--oct-kingYna-gradiant)
}
.oct-memariani-gradiant {
    --oct-theme-color: var(--oct-memariani-gradiant)
}
.oct-metapolis-gradiant {
    --oct-theme-color: var(--oct-metapolis-gradiant)
}
.oct-kyeMeh-gradiant {
    --oct-theme-color: var(--oct-kyeMeh-gradiant)
}
.oct-ultraVoilet-gradiant {
    --oct-theme-color: var(--oct-ultraVoilet-gradiant)
}
.oct-magic-gradiant {
    --oct-theme-color: var(--oct-magic-gradiant)
}
.table-edit-box .table-option-box {
    margin-bottom: 25px
}
.table-edit-box .table-option-box:last-child {
    margin-bottom: 0
}
.table-option-box {
    padding: 10px 15px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    border-radius: 5px
}
.theme-option {
    padding: 25px 0 0
}
.theme-color ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    text-align: center
}
.theme-color ul li {
    width: calc(100%/6);
    list-style: none;
    flex: 0 0 calc(100%/6);
    margin-bottom: 8px
}
.theme-color ul li input[type=radio] {
    margin: 0;
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute
}
.theme-color ul li label {
    height: 30px;
    width: 30px;
    cursor: pointer;
    border-radius: 2px;
    margin: 0
}
.theme-color ul li label::before {
	content: "";
	height: 9px;
	width: 16px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg) scale(0);
	position: absolute;
	bottom: 20px;
	left: 20px;
	transition: .2s;
	overflow: hidden;
}
.theme-color ul li input[type=radio]:checked+label:before {
    transform: rotate(-45deg) scale(1);
    opacity: 1
}
input[type=color] {
    padding: 0;
    border: 0;
    width: 35px;
    height: 30px
}
input[type=color]~input {
    width: 100%;
    border: 1px solid #e7e7e7;
    height: 30px;
    border-radius: 0 3px 3px 0;
    line-height: 29px;
    padding: 0 10px
}
.outline-0:focus {
    outline: 0
}
.label-text {
    font-size: 14px;
    margin-bottom: 5px
}
table[class*=oct-table-] {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    line-height: normal;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none
}
.table-btn {
    border: 0;
    background: #0d6efd;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 3px
}
table[class*=oct-table-] tbody td,
table[class*=oct-table-] thead th {
    position: relative;
    border: none;
    padding: 8px;
    vertical-align: middle
}
.oct-table-one {
    width: 100%;
    /* text-align: center; */
}
.product-box-one .oct-box-name {
    text-align: left !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    margin: 8px 0 !important;
    width: 80%;
}
.product-box-one span.cta-copy a {
    margin-left: 0 !important;
    width: 65% !important;
}
.product-box-one .oct-box-layout-three .oct-layout-row {
    max-width: 75%;
    align-items: center;
    gap: 20px;
}
span.cta-copy a {
    width: 55%;
    margin-left: 0 !important;
    font-size: 16px !important;
    float: left;
    margin: 15px auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
div[role="progressbar"]:before {
    color: #303030 !important;
    background: #303030;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.oct-table-title.product_title_hover:hover {
    color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.oct-btn,
table[class*=oct-table-] tbody td .oct-btn {
    margin: 5px 4px
}
.oct-tbl-ul p {
    font-size: 16px
}
/* .oct-tbl-img:hover {
    scale: 1.1;
} */
.oct-tb-items .oct-more-opt,
.oct-table-eight .oct-more-opt,
.oct-table-seven .oct-more-opt,
.oct-table-six .oct-more-opt,
table[class*="oct-table-"] td .oct-more-opt {
    position: absolute;
    top: 40%;
    right: 0;
    /* padding: 2px 5px; */
    border-radius: 0;
    z-index: 1;
    width: 100px;
}
.oct-more-opt-remove {
    position: absolute !important;
    right: 10px;
    border: none !important;
}
#product_data .oct-more-opt-remove {
    position: absolute !important;
    right: 10px;
    border: none !important;
    top: 0;
}
.oct-btn,
.oct-btn[data-style=oct-btn-1] {
    background: var(--oct-theme-color);
    position: relative
}
.oct-tb-items .oct-more-opt a,
.oct-table-eight .oct-more-opt a,
.oct-table-seven .oct-more-opt a,
table[class*=oct-table-] td .oct-more-opt a {
    color: #3f87f5;
    padding: 0 2px;
    display: inline-block
}
.oct-more-opt a>i.fas {
    color: #5f8bff;
    font-size: 20px
}
table[data-button=hide] td#button-head,
table[data-button=hide] th#button-head,
table[data-brand=hide] td#brand-head,
table[data-brand=hide] th#brand-head,
table[data-connections=hide] td#connections-head,
table[data-connections=hide] th#connections-head,
table[data-dataTransferRate=hide] td#dataTransferRate-head,
table[data-dataTransferRate=hide] th#dataTransferRate-head,
table[data-wifiSpeed=hide] td#wifiSpeed-head,
table[data-wifiSpeed=hide] th#wifiSpeed-head,
table[data-wiredEthernetPorts=hide] td#wiredEthernetPorts-head,
table[data-wiredEthernetPorts=hide] th#wiredEthernetPorts-head,
table[data-advancedTechnology=hide] td#advancedTechnology-head,
table[data-advancedTechnology=hide] th#advancedTechnology-head,
table[data-networkSecurity=hide] td#networkSecurity-head,
table[data-networkSecurity=hide] th#networkSecurity-head,
table[data-usbPorts=hide] td#usbPorts-head,
table[data-usbPorts=hide] th#usbPorts-head,
table[data-vfm=hide] td#vfm-head,
table[data-vfm=hide] th#vfm-head,
table[data-description=hide] td#description-head,
table[data-description=hide] th#description-head,
table[data-features=hide] td#features-head,
table[data-features=hide] th#features-head,
table[data-image=hide] td#image-head,
table[data-image=hide] th#image-head,
table[data-product=hide] td#product-head,
table[data-product=hide] th#product-head,
table[data-score=hide] td#score-head,
table[data-score=hide] th#score-head,
table[data-price=hide] td#price-head,
table[data-price=hide] th#price-head{
    display: none !important
}
.comparison-table-eleven tbody#user_table_data_from_local {
    display: none !important;
}
.versus-box-two span.cta-copy a {
    width: 100% !important;
    margin: 0 auto !important;
}
.oct-btn {
    font-weight: 600;
    min-width: 100px;
    text-align: center;
    color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 30px !important;
    padding: 9px 18px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 4px;
    background: var(--oct-theme-color);
    border: 0;
    white-space: normal !important;
    cursor: pointer;
    line-height: normal;
    position: relative;
}
.oct-btn[data-style=oct-btn-1]::before,
.oct-btn[data-style=oct-btn-2]::before,
.oct-btn[data-style=oct-btn-3]::before {
    content: "";
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 0 0 4px 4px
}
.oct-btn[data-icon=arrow-icon]:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg height='90' width='90' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23fff' d='M45,0C20.2,0,0,20.2,0,45s20.2,45,45,45c24.8,0,45-20.2,45-45C90,20.2,69.8,0,45,0z M45,83.8C23.5,83.8,6.2,66.5,6.2,45 S23.5,6.2,45,6.2c21.4,0,38.8,17.4,38.8,38.8C83.8,66.5,66.5,83.8,45,83.8z'/%3E%3Cpath fill='%23fff' d='M33,74c-0.9,0-1.8-0.4-2.5-1s-1-1.5-1-2.5c0-0.9,0.4-1.8,1-2.5l23-23l-23-23c-1.4-1.4-1.3-3.6,0.1-5c1.4-1.3,3.5-1.3,4.9,0 l0,0L61,42.5c1.4,1.4,1.4,3.6,0,4.9L35.5,72.9C34.9,73.6,34,74,33,74z'/%3E%3C/svg%3E");
    height: 16px;
    width: 16px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    background-repeat: no-repeat;
}
.oct-btn.oct-btn-sm {
    padding: 6px 14px !important;
    font-size: 12px !important;
}
.oct-btn.oct-btn-lg {
    padding: 12px 24px;
    font-size: 16px
}
.oct-btn[data-style=oct-btn-1] {
    border-bottom: 4px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    text-decoration: none !important;
    transition: none !important;
    letter-spacing: .4px
}
.oct-btn[data-style=oct-btn-1] {
    border-bottom: 4px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    text-decoration: none !important;
    transition: none !important;
    letter-spacing: .4px
}
.oct-btn[data-style=oct-btn-1]:hover {
    box-shadow: rgba(3, 3, 3, .4) 0 8px 12px 0
}
.oct-btn[data-style=oct-btn-2] {
    border-color: var(--oct-theme-color);
    border-image: var(--oct-theme-color) 1;
    background-image: linear-gradient(45deg, var(--oct-theme-color) 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    border-width: 2px;
    border-style: solid;
    box-shadow: none
}
.oct-btn[data-style=oct-btn-2]:hover {
    background-position: 0;
    opacity: 1
}
.oct-btn[data-style=oct-btn-3] {
    border: 2px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    box-shadow: none
}
.oct-btn[data-style=oct-btn-3]:hover {
    opacity: 1;
    box-shadow: 0 0 10px 0 var(--oct-theme-color) inset, 0 0 10px 4px var(--oct-theme-color)
}
.oct-btn[data-style=oct-btn-2],
.oct-btn[data-style=oct-btn-3]:hover,
.oct-btn[data-style=oct-btn-4] {
    background-color: transparent;
    color: var(--oct-theme-color) !important
}
.oct-btn:hover,
.oct-btn:not([data-style=oct-btn-2]):not([data-style=oct-btn-3]):active,
.oct-btn:not([data-style=oct-btn-2]):not([data-style=oct-btn-3]):focus {
    color: #fff !important
}
/* Circle Progress bar css  */
@keyframes growProgressBar {

    0%,
    33% {
        --pgPercentage: 0;
    }

    100% {
        --pgPercentage: var(--value);
    }
}
@property --pgPercentage {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}
div[role="progressbar"] {
    --size: 60px;
    margin: 0 auto;
    --fg: var(--oct-theme-color);
    --bg: #def;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side, white 90%, transparent 93% 97%, white 100%),conic-gradient(from 0deg, var(--fg) calc(var(--pgPercentage) * 10%), var(--bg) 0) !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}
div[role="progressbar"]::before {
    counter-reset: percentage var(--value);
    content: counter(percentage);
}
/* New Table Style Here */
.table_body {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    font-size: 1.2em;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.table_body thead tr {
    background-color: #2B348E;
    color: #fff;
    text-align: left;
}
.table_body th,
.table_bodytd {
    padding: 15px 10px;
    text-align: center;
}
.table_body tbody tr {
    border-bottom: 1px solid #dddddd;
}
.table_body tbody td:first-child {
    color: #563d7c;
    font-weight: bold;
}
.table_body tbody tr td .image_custom_style {
    width: 130px;
    height: 130px;
    padding: 0px;
    margin-top: 5px;
    border-radius: 10px;
}
.oct-tbl-img.image_custom_style {
	max-width: 65%;
	height: auto;
    margin: 0 auto;
}
.table_body tbody tr td {
    border-bottom: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
}
.table_body tbody tr td .feature_custom_style li {
    list-style: none;
}
.table_body tbody tr td .feature_custom_style {
    color: #666;
    font-size: 17px;
    text-align: justify;
}
.table_body tbody tr td .feature_custom_style li i {
    color: #2B348E;
    margin-right: 8px;
    font-size: 15px;
}
.table_body tbody tr td .button_custom_style {
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 500;
    color: white;
    background: #2B348E;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}
#button-head {
	text-align: center;
}
/* #score-head {
	display: flex;
	justify-content: center;
	align-items: center;
} */
.table_body tbody tr .oct-tbl-ribbon {
    display: none !important;
    will-change: transform;
    transform: translateZ(0);
    margin: auto 0 5px -18px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border: 2px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    padding: 6px 10px;
    color: #000;
    float: left;
    font-size: 12px !important;
    word-break: break-word;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    max-width: 150px;
}
.oct-choice-box-seven .oct-tb-row .oct-tb-items .oct-tb-top-pick span,
.oct-tbl-ribbon small {
    line-height: inherit;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.product-table1 {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    font-size: 1.2em;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.product-table1 thead tr {
    background-color: #2F3640;
    color: #fff;
    text-align: left;
}
.product-table1 th,
.product-table1 td {
    padding: 12px 15px;
    text-align: center;
}
.product-table1 tbody tr {
    border: 1px solid #dddddd;
}
.product-table1 tbody td:first-child {
    color: #563d7c;
    font-weight: bold;
}
.product-table1 tbody tr td .image_custom_style {
    width: 100px;
    height: 100px;
    padding: 5px;
    margin-top: 5px;
}
.product-table1 tbody tr td .feature_custom_style {
    display: grid;
    text-align: justify;
}
.product-table1 tbody tr td .feature_custom_style span {
    color: #666;
    font-size: 17px;
    font-family: 'sans-serif';
}
.product-table1 tbody tr td .feature_custom_style span i {
    color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin-right: 8px;
    font-size: 15px;
}
.product-table1 tbody tr td .title_custom_style {
    font-size: 22px;
    font-weight: 600;
    /* color: #303030 !important; */
}
.product-table1 tbody tr .oct-tbl-ribbon {
    will-change: transform;
    transform: translateZ(0);
    margin: auto 0 5px -18px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border: 2px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    padding: 6px 10px;
    color: #000;
    float: left;
    font-size: 12px !important;
    word-break: break-word;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    max-width: 150px;
}
.oct-choice-box-seven .oct-tb-row .oct-tb-items .oct-tb-top-pick::before,
.oct-tbl-ribbon::before {
    content: "";
    border-style: solid;
    border-width: 0 9px 20px 0;
    border-color: transparent var(--oct-theme-color) transparent transparent;
    position: absolute;
    left: -2px;
    top: calc(100% + 2px);
}
.product-table1 tbody tr td .button_custom_style {
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 500;
    color: white;
    background: var(--oct-theme-color);
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}
.oct-choice-box-seven .oct-tb-row .oct-tb-items .oct-tb-top-pick span,
.oct-tbl-ribbon small {
    line-height: inherit;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.title_custom_style {
    color: #303030;
}
@media screen and (max-width: 550px) {
    .comparison-table-one .oct-tbl-img,
    .comparison-table-two .oct-tbl-img,
    .comparison-table-three .oct-tbl-img,
    .comparison-table-four .oct-tbl-img,
    .comparison-table-five .oct-tbl-img {
        width: 40px !important;
        height: auto !important;
    }
    /* table thead tr {
        display: none;
    }

    table tr {
        display: block;
    } */

    /* table tbody td {
        text-align: right !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    table tbody td::before {
        content: attr(data-title) ": ";
        font-size: 20px;
        font-weight: bold;
        text-transform: capitalize;
    } */
}
.responsive-wrap {
    position: absolute;
    bottom: 50px;
    transition: all 0.25s ease;
    transform: translate3d(0, 0, 0);
}
.responsive-wrap.fullscreen {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    border: none;
    padding: 20px;
}
.responsive-wrap.tablet {
    top: 50px;
    bottom: 114px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translate3d(0, 0, 0);
    width: 1024px;
    max-height: 768px;
}
.responsive-wrap.phone {
    top: 50px;
    bottom: 114px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translate3d(0, 0, 0);
    width: 375px;
    max-height: 667px;
}
.phone .oct-pc-row {
    display: block !important;
}
/* .responsive-wrap.phone table thead tr {
    display: none;
}

.responsive-wrap.phone table tr {
    display: block;
}

.responsive-wrap.phone table tbody td {
    text-align: right !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.responsive-wrap.phone table tbody td::before {
    content: attr(data-title) ": ";
    font-size: 20px;
    font-weight: bold;
} */

.footer-nav {
    display: flex;
    align-items: stretch;
}
.footer-nav button {
    background: #111;
    color: #eee;
    display: inline-block;
    border-radius: 0;
    padding: 0.25em 0.5em;
    font-size: 1.5em;
    border: 1px solid #515151;
}
.footer-nav button:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.footer-nav button:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.footer-nav button+button {
    border-left: none;
}
.footer-nav button.active {
    background: #373737;
    color: #39cccc;
}
.footer-nav button:hover {
    background: #444;
    color: #c8c8c8;
}
.responsive-phone {
    transition: all 0.25s ease;
    transform: translate3d(0, 0, 0);
}
.responsive-phone.phone {
    width: 375px;
}
/* .responsive-phone.phone table thead tr {
    display: none;
}

.responsive-phone.phone table tr {
    display: block;
}

.responsive-phone.phone table tbody td {
    text-align: right !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.responsive-phone.phone table tbody td::before {
    content: attr(data-title) ": ";
    font-size: 20px;
    font-weight: bold;
} */

/* .table tr td:first-child,
.table tr th:first-child {
    padding-left: 0px !important;
} */
.oct-box-layout-seven .oct-box-name:hover,
.oct-btn,
table[class*=oct-table-] tbody td a,
table[class*=oct-table-] tbody td a:focus,
table[class*=oct-table-] tbody td a:hover {
    text-decoration: none
}
.oct-btn,
.oct-choice-box-six .oct-tb-items .oct-tbl-rate-svg svg,
.oct-slider .oct-slide,
.oct-tbl-img img,
.oct-tbl-rate-svg svg,
a {
    transition: none !important
}
.oct-box-layout-four .oct-our-top-pick,
.oct-choice-box-two .oct-tb-top-pick {
    clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 15%, 100% 70%, 85% 100%, 85% 75%, 15% 75%, 15% 100%, 0 70%);
    text-overflow: ellipsis;
    white-space: nowrap
}
.oct-disclosure {
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 15px
}
.oct-table-eight+.oct-disclosure,
.oct-table-nine+.oct-disclosure {
    margin-left: 8px;
    margin-top: 0
}
.oct-choice-box-four .oct-tb-row .oct-tb-items .oct-tb-btn,
.oct-table-seven+.oct-disclosure{
    margin-top: 0
}
.oct-choice-box-seven+.oct-disclosure {
    margin-left: 10px
}
[class*=oct-] [data-ez-name],
table[data-first=hide] td:first-child,
table[data-first=hide] th:first-child,
table[data-fourth=hide] td:nth-child(4),
table[data-fourth=hide] th:nth-child(4),
table[data-second=hide] td:nth-child(2),
table[data-second=hide] th:nth-child(2),
table[data-third=hide] td:nth-child(3),
table[data-third=hide] th:nth-child(3) {
    display: none !important
}
table[class*=oct-table-] thead th {
    background: var(--oct-theme-color);
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    /* padding: 15px 10px; */
    text-transform: uppercase !important;
}
.comparison-table-three tbody tr td,
.comparison-table-four tbody tr td {
    border: none !important;
}
.comparison-table-three .oct-table-title:before {
    content: "";
    width: 4px;
    height: 28px;
    display: inline-flex;
    background: var(--oct-theme-color);
}
.comparison-table-three .oct-table-title {
    display: flex;
    align-items: center;
    gap: 10px;
}
.comparison-table-three .tdButton div,
.comparison-table-four .tdButton div {
    flex-direction: column !important;
}
.comparison-table-three .tdButton div a {
    border-radius: 30px;
}
.comparison-table-three .oct-tbl-ul ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 4px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    border-left: 0;
    border-top: 0;
    left: -8px;
    transform: rotate(315deg);
}
.comparison-table-three .oct-tbl-img.image_custom_style {
    width: 95% !important;
    /* max-width: 95% !important; */
    height: 95% !important;
    padding: 8px !important;
    background: #F9F9F9;
    border-radius: 50% !important;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
}
/* .comparison-table-three tbody tr:nth-child(odd) td:nth-child(1) {
    background-color: #ffffff !important;
} */
/* .table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: transparent !important;
    color: inherit !important;
} */
/* .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: transparent !important;
    color: inherit !important;
} */
table[class*=oct-table-] thead th:first-child {
    border-top-left-radius: 15px;
}
/* .comparison-table-one .oct-table-one tbody tr td {
    border: none;
} */
.comparison-table-one tr:nth-child(even) td {
    background: #FDFDFD;
}
.comparison-table-one tr td:nth-child(odd),
.comparison-table-two tr td:nth-child(odd),
.comparison-table-three tr td:nth-child(odd),
.comparison-table-four tr td:nth-child(odd),
.comparison-table-five tr td:nth-child(odd) {
    background: #f9f9f99e !important
}
.comparison-table-five .oct-table-title {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.comparison-table-five .oct-table-title:before {
    content: "";
    height: 8px;
    width: 8px;
    display: inline-flex;
    background: var(--oct-theme-color);
    padding: 4px;
    margin-top: 3px;
}
.comparison-table-four .oct-table-title {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-left: 20px;
}
.comparison-table-four .oct-table-title:before {
    content: "";
    border: 3px solid;
    border-top: 0;
    width: 7px;
    height: 13px;
    rotate: 45deg;
    border-left: 0;
    color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 14px;
    vertical-align: middle;
    margin-left: -20px;
    position: absolute;
}
.comparison-table-four .oct-tbl-ul ul li:before {
    content: "\2714";
    left: -5px;
    color: #ffffff;
    font-size: 9px;
    font-weight: 200;
    line-height: 9px;
    vertical-align: middle;
    margin-left: -14px;
    background: var(--oct-theme-color);
    height: 13px;
    margin-top: 5px;
    display: inline-flex;
    width: 13px;
    align-items: center;
    justify-content: center;
}
.comparison-table-two.oct-table-one tbody tr td {
    border-bottom: none !important;
    border-left: 1px solid #efefef !important;
}
.comparison-table-two.oct-table-one tbody tr td:nth-child(1):before {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    display: block;
    position: absolute;
    bottom: -25px;
    rotate: 45deg;
    left: -25px;
    z-index: 1;
    content: "";
    opacity: .3;
}
.comparison-table-two.oct-table-one tbody tr td:nth-child(1) {
    position: relative;
    overflow: hidden;
}
.comparison-table-two span.oct-table-title:before {
    content: "";
    background: var(--oct-theme-color);
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}
.comparison-table-two span.oct-table-title:after {
    content: "";
    border: 1px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    padding: 6px;
    position: absolute;
    top: 50%;
    left: -2px;
    transform: translate(0, -50%);
    border-radius: 50%;
    display: inline-flex;
    opacity: .3;
}
.comparison-table-four .oct-tbl-img.image_custom_style {
    max-width: 95%;
}
.comparison-table-two span.oct-table-title {
    position: absolute;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 18px;
    white-space: normal;
    line-height: normal;
}
.comparison-table-two th#product-head {
    width: 30%;
}
table[class*=oct-table-] tr:nth-child(even) td {
    background-color: #F5F5F5!important;
}
table.academic-table-one {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    border-radius: 0 !important;
}
table.academic-table-one thead th:first-child {
    border-top-left-radius: 0 !important;
}
table.academic-table-one thead th:last-child {
    border-top-right-radius: 0 !important;
}
.comparison-table-one #image-head .position-relative img {
    height: auto !important;
    max-width: 65px;
    position: relative;
    z-index: 999;
}
.comparison-table-one tr td {
    text-align: center;
}
.comparison-table-one tr td#image-head {
    overflow: hidden;
}
#image-head .position-relative {
    min-width: 65% !important;
}
td#image-head {
    max-width: 120px;
}
.comparison-table-one #image-head .position-relative::before {
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 60px solid #dcdcdc;
    display: block;
    position: absolute;
    bottom: -18px;
    rotate: 45deg;
    left: -55px;
    z-index: 1;
    content: "";
}
.comparison-table-one a.oct-btn {
    border-radius: 20px;
    box-shadow: #9c9c9c 0px 1px 4px !important;
}
.comparison-table-one thead th {
    font-weight: 400 !important;
    text-transform: uppercase;
}
table[class*=oct-table-] thead th:last-child {
    border-top-right-radius: 15px;
}
.oct-tbl-img {
    width: auto;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    clear: left
}
.oct-tbl-img img {
    display: block;
    max-width: 90%;
    max-height: 90%;
    height: auto;
    width: auto
}
/* 
.oct-tbl-img:hover img {
    transform: scale(1.2)
} */
.oct-table-title {
    text-align: left;
    color: #303030;
    /* font-size: 15px;
    font-weight: 400; */
    display: block;
    margin: 4px 5px 5px;
    word-break: break-word
}
.oct-tbl-ribbon,
.oct-tbl-ul ul li:before {
    position: relative;
    display: inline-block;
    font-weight: 700
}
.oct-tbl-ul {
    margin: 8px 0;
    position: relative
}
.oct-tbl-ul p,
.oct-text p {
    margin-bottom: 15px
}
.oct-box-layout-four .product-box-row.product-full-view .product-box-image .product-image-inner,
.oct-tbl-ul p:last-child {
    margin-bottom: 0
}
.oct-tbl-ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: relative
}
.oct-tbl-ul ul li {
    display: block;
    margin: 4px 0;
    position: relative;
    padding-left: 20px;
    list-style: none;
    text-align: left;
    color: #03001e;
}
.oct-tbl-ul ul li:before {
    content: "\2714";
    left: -5px;
    color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: #ffffff;
    -webkit-background-clip: text;
    font-size: 14px;
    vertical-align: middle;
    margin-left: -14px
}
.comparison-table-five .oct-tbl-ul ul li:before {
    -webkit-text-fill-color: transparent;
}
.comparison-table-eleven .table__head {
    display: flex;
}
.oct-tbl-ribbon {
    will-change: transform;
    transform: translateZ(0);
    margin: auto 0 5px -18px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border: 2px solid;
    border-image: var(--oct-theme-color) 1;
    border-color: var(--oct-theme-color);
    padding: 6px 10px;
    color: #000;
    float: left;
    font-size: 12px !important;
    word-break: break-word;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-left: 0;
}
.oct-box-wrap,
.oct-table-seven,
.oct-table-six {
    width: 100%;
    margin-bottom: 20px
}
.oct-choice-box-seven .oct-tb-row .oct-tb-items .oct-tb-top-pick:before,
.oct-tbl-ribbon:before {
    content: "";
    border-style: solid;
    border-width: 0 9px 20px 0;
    border-color: transparent var(--oct-theme-color) transparent transparent;
    position: absolute;
    left: -2px;
    top: calc(100% + 2px);
    display: block;
}
.oct-choice-box-seven .oct-tb-row .oct-tb-items .oct-tb-top-pick span,
.oct-tbl-ribbon small {
    line-height: inherit;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}
.oct-tbl-rate:not(.oct-teight-rate) {
    height: 72px;
    width: 72px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    line-height: 72px;
    --oct-rbl-rate-p: 100%
}
.oct-box-layout-four .product-box-row.product-full-view .oct-tbl-rate-svg:before,
.oct-choice-box-six .oct-tb-items .oct-tbl-rate-svg:before,
.oct-review-box .oct-tbl-rate-svg:before,
.oct-table-three tbody tr td .oct-tbl-rate-svg:before,
.oct-tbl-rate:not(.oct-teight-rate) span:after,
.oct-tbl-rate:not(.oct-teight-rate):before {
    content: "";
    /* background: var(--oct-theme-color); */
    background: #a8a9a9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    opacity: .2;
    border-radius: 100%
}
.comparison-table-eleven[class*=oct-table-] tr:nth-child(even) td {
    background-color: initial !important;
}
.oct-tbl-rate:not(.oct-teight-rate):after {
    content: "";
    background: conic-gradient(var(--oct-theme-color) var(--oct-rbl-rate-p), transparent 0 100%);
    position: absolute;
    left: 7px;
    right: 7px;
    top: 7px;
    bottom: 7px;
    border-radius: 100%
}
.oct-tbl-rate:not(.oct-teight-rate) span {
    position: relative;
    z-index: 1;
    /* color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text; */
    font-size: 22px;
    font-weight: 700;
    display: block;
    background-color: #fff;
    height: 52px;
    width: 52px;
    line-height: 52px;
    top: 10px;
    left: 10px;
    border-radius: 100%
}
.oct-tbl-rate-svg svg {
    transform: rotate(-90deg);
    fill: none;
    stroke: var(--oct-theme-color);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 0 999
}
.oct-tbl-rate-svg .cb-tbl-value {
    font-size: 20px;
    color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 700;
    height: 64px;
    width: 64px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}
.oct-table-one tbody tr td {
    border-bottom: 1px solid #f8f9fb !important;
    border-left: 1px solid #f8f9fb !important;
    background: #ffffff;
}
table[class*=oct-table-].comparison-table-one {
    box-shadow: none !important;
}
.comparison-table-one .oct-table-one tbody tr td {
    background: none !important;
}
.oct-table-one tbody tr td:last-child {
    border-right: 1px solid #f8f9fb
}
.oct-table-four thead tr th:first-child,
.oct-table-one thead tr th:last-child {
    min-width: 180px
}
.oct-box-layout-seven .oct-lc-button,
.oct-table-five tbody tr td:last-child,
.oct-table-four tbody tr td:last-child,
.oct-table-one tbody tr td:last-child,
.oct-table-seven.tbl-sidebar .oct-tbl-row .oct-table-title,
.oct-table-six .oct-table-cell .oct-table-title,
.oct-table-three tbody tr td:last-child,
.oct-table-two tbody tr td:last-child {
    text-align: center
}
.oct-table-two tbody tr {
    border: 1px solid #ddd;
    border-top: none
}
.oct-table-two tbody tr td {
    border: none
}
.oct-table-five tbody tr,
.oct-table-three tbody tr {
    border: 1px solid #ddd;
    border-top: none;
    border-right: none
}
.oct-table-five tbody tr,
.oct-table-three tbody tr td {
    border-right: 1px solid #ddd
}
.oct-table-three tbody tr td .oct-tbl-ribbon {
    float: none;
    margin: 0 0 0 -8px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: var(--oct-theme-color);
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    padding-right: 16px
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-desc-col .oct-tbl-ribbon:before,
.oct-box-accord-one[data-accord-ui=three] .oct-tbl-img-col .oct-row-number .oct-tbl-ribbon:before,
.oct-box-wrap .oct-text-content .oct-our-top-pick:empty,
.oct-box-wrap .oct-text-content .oct-our-top-pick[data-rate='']:before,
.oct-choice-box-four .oct-tb-rate span:first-child,
.oct-choice-box-four .oct-tb-rate:after,
.oct-choice-box-four .oct-tb-rate:before,
.oct-table-eight .oct-tbl-desc-col .oct-tbl-ribbon:before,
.oct-table-five tbody tr .oct-tbl-rate:before,
.oct-table-nine .oct-tbl-desc-col .oct-tbl-ribbon:before,
.oct-table-nine .oct-tbl-img-col .oct-row-number .oct-tbl-ribbon:before,
.oct-table-six .oct-table-sm-head,
.oct-table-three tbody tr td .oct-tbl-ribbon:before,
table.tbl-sidebar thead th:not(:nth-child(2)) {
    display: none
}
.oct-table-four thead tr th:last-child,
.oct-table-three thead tr th:last-child {
    width: 220px
}
.oct-box-layout-four .product-box-row.product-full-view .oct-tbl-rate-svg,
.oct-choice-box-six .oct-tb-items .oct-tbl-rate-svg,
.oct-review-box .oct-tbl-rate-svg,
.oct-table-three tbody tr td .oct-tbl-rate-svg {
    height: 72px;
    width: 72px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}
.oct-box-layout-four .product-box-row.product-full-view .oct-tbl-rate-svg {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 1
}
.oct-choice-box-five,
.oct-table-four tbody {
    counter-reset: number-counter
}
.oct-table-four tbody tr {
    border: 1px solid #ddd;
    border-top: none;
    position: relative
}
.oct-table-four tbody tr td .oct-tbl-ribbon,
.oct-table-four tbody tr td:first-child:before {
    border-radius: 0;
    box-shadow: none;
    background: var(--oct-theme-color);
    color: #fff;
    min-height: 20px;
    box-sizing: border-box
}
.oct-table-four tbody tr td:first-child {
    counter-increment: number-counter
}
.oct-table-four tbody tr td:first-child:before {
    content: counter(number-counter);
    margin: 0 0 0 -8px;
    border: none;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
    padding: 1px 12px 0 8px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    top: -3px
}
.oct-table-four tbody tr td .oct-tbl-ribbon {
    float: none;
    margin: 0 0 0 3px;
    padding: 4px 5px 2px;
    border: none;
    max-width: 150px
}
.oct-table-four tbody tr td .oct-tbl-ribbon:before {
    content: "";
    border-width: 0 0 20px 7px;
    border-color: transparent transparent var(--oct-theme-color) transparent;
    top: 0;
    left: -7px
}
.oct-table-four tbody tr td .oct-tbl-ribbon:after {
    content: "";
    border-style: solid;
    border-width: 20px 6px 0 0;
    border-color: var(--oct-theme-color) transparent transparent transparent;
    position: absolute;
    right: -6px;
    top: 0
}
.oct-table-four tbody tr td .oct-tbl-ul ul li:before {
    content: "\261B";
    font-weight: 400;
    font-size: 20px;
    top: -1px;
    line-height: 20px
}
.oct-table-four tbody tr td .oct-tbl-ribbon small {
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: inherit
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-img-col .oct-tbl-img,
.oct-table-eight .oct-tbl-img-col .oct-tbl-img,
.oct-table-four tbody tr td:first-child .oct-tbl-img,
.oct-table-nine .oct-tbl-img-col .oct-tbl-img,
.oct-table-seven .oct-tbl-img-col .oct-tbl-img,
.oct-table-six .oct-table-cell .oct-tbl-img {
    margin: 0 auto
}
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate,
.oct-table-four tbody tr td .oct-tbl-rate {
    height: auto;
    line-height: normal;
    overflow: visible;
    width: 76px;
    margin-top: -30px
}
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate:after,
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate:before,
.oct-table-four tbody tr td .oct-tbl-rate:after,
.oct-table-four tbody tr td .oct-tbl-rate:before {
    content: "";
    height: 4px;
    width: 100%;
    background: #ddd;
    top: inherit;
    border-radius: 0;
    opacity: 1;
    bottom: -8px;
    left: 0;
    right: 0;
    z-index: 0
}
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate:after,
.oct-table-four tbody tr td .oct-tbl-rate:after {
    background: var(--oct-theme-color);
    z-index: 1;
    width: var(--oct-rbl-rate-p)
}
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate span,
.oct-table-four tbody tr td .oct-tbl-rate span {
    height: auto;
    width: auto;
    line-height: normal;
    top: inherit;
    left: inherit;
    border-radius: 0;
    color: #303030
}
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate span:after,
.oct-box-accord-one:not([data-accord-ui=two]):not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate span:before,
.oct-table-four tbody tr td .oct-tbl-rate span:after,
.oct-table-four tbody tr td .oct-tbl-rate span:before {
    content: "";
    height: 15px;
    width: 76px;
    display: inline-flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
    left: 0;
    background-color: transparent;
    border-radius: 0;
    top: 46px
}
.oct-table-five tbody {
    counter-reset: counter-inc
}
.oct-table-five tbody tr td:first-child:before {
    counter-increment: counter-inc;
    content: counter(counter-inc);
    font-size: 32px;
    display: inline-block;
    min-width: 50px;
    text-align: center
}
.oct-table-five tbody tr td:first-child {
    display: flex;
    align-items: center
}
.oct-table-five tbody tr .oct-tbl-rate span:after {
    background-color: transparent
}
.oct-table-six {
    position: relative;
    overflow-y: hidden;
    display: flex;
    border: 1px solid #d6dee2;
    border-top: none;
    border-left: none;
    overflow-x: auto;
    flex-direction: column
}
.oct-table-six .oct-table-col .oct-table-cell:first-child {
    flex: 0 0 200px;
    max-width: 200px;
    position: sticky;
    left: 0;
    z-index: 2;
    box-shadow: 2px 0 0 0 hsla(0, 0%, 77%, .08), 3px 0 0 0 hsla(0, 0%, 77%, .05), 5px 0 0 0 hsla(0, 0%, 77%, .03), 8px 0 0 0 hsla(0, 0%, 77%, .03), 11px 0 0 0 hsla(0, 0%, 77%, .05);
    color: inherit;
    text-align: left;
    font-weight: 700
}
.oct-table-six .oct-table-col:first-child .oct-table-cell {
    padding-top: 70px
}
.oct-table-six .oct-table-col:first-child .oct-table-cell.highlight-col {
    border-top-color: var(--oct-tbl-highlight)
}
.oct-table-six .oct-table-col {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    min-width: calc(225px * var(--oct-table-producs))
}
.oct-table-six .oct-table-col .oct-table-cell {
    padding: 8px;
    border-top: 1px solid #d6dee2;
    flex: 0 0 225px;
    max-width: 225px;
    background-color: #fff;
    border-left: 1px solid #d6dee2;
    text-align: center;
    position: relative
}
.oct-table-six.oct-tbl-fixed .oct-table-col .oct-table-cell:not(:first-child) {
    flex: 0 0 calc((100% - 200px)/ var(--oct-table-producs));
    max-width: calc((100% - 200px)/ var(--oct-table-producs))
}
.oct-table-six .oct-table-col:nth-child(4n-5) .oct-table-cell:not(:first-child) {
    background-color: #ebeff2
}
.oct-table-six .oct-table-col .oct-table-cell.highlight-col {
    border-left-color: var(--oct-tbl-highlight)
}
.oct-table-six .oct-top-pick {
    background-color: var(--oct-tbl-highlight);
    margin: 0;
    padding: 5px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}
.oct-table-eight,
.oct-table-nine,
.oct-table-seven,
.oct-table-seven .oct-tbl-row {
    position: relative;
    box-sizing: border-box
}
.oct-table-six .oct-table-col:last-child .oct-table-cell.highlight-col {
    border-bottom: 1px solid var(--oct-tbl-highlight)
}
.oct-table-six .oct-table-col .oct-table-cell .oct-btn {
    margin: 4px
}
.oct-table-seven {
    overflow: hidden;
    counter-reset: number-counter
}
.oct-table-seven .oct-tbl-row {
    margin: 12px 24px;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .03);
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px 0
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-img-col,
.oct-table-eight .oct-tbl-img-col,
.oct-table-nine .oct-tbl-img-col,
.oct-table-seven .oct-tbl-img-col {
    padding-left: 25px;
    flex: 0 0 175px;
    max-width: 175px;
    box-sizing: border-box
}
.oct-table-eight .oct-tbl-desc-col,
.oct-table-nine .oct-tbl-desc-col,
.oct-table-seven .oct-tbl-desc-col {
    padding: 0 15px;
    flex: 0 0 calc(100% - 175px - 220px);
    max-width: calc(100% - 175px - 220px);
    box-sizing: border-box
}
.oct-table-eight .oct-tbl-btn-col,
.oct-table-nine .oct-tbl-btn-col,
.oct-table-seven .oct-tbl-btn-col {
    padding-right: 25px;
    flex: 0 0 220px;
    max-width: 220px;
    box-sizing: border-box;
    text-align: center
}
.oct-table-seven .oct-tbl-btn-col .oct-btn {
    margin: 5px 4px;
    min-width: auto
}
.oct-table-seven .oct-tbl-btn-col .oct-tbl-rate {
    margin-bottom: 14px
}
.oct-table-eight,
.oct-table-nine {
    width: 100%;
    overflow: hidden;
    counter-reset: number-counter;
    margin-bottom: 20px
}
.oct-table-eight .oct-tbl-row,
.oct-table-nine .oct-tbl-row {
    margin: 40px 8px;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 8px rgb(0 0 0 / 14%);
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px 0;
    box-sizing: border-box;
    border-radius: 4px
}
.oct-box-accord-one:not([data-accord-ui=three]) .oct-tbl-row .oct-tbl-img-col .oct-row-number,
.oct-table-eight .oct-tbl-img-col .oct-row-number,
.oct-table-seven .oct-tbl-img-col .oct-row-number {
    z-index: 1;
    counter-increment: number-counter;
    position: absolute;
    top: -14px;
    background: var(--oct-theme-color);
    border-radius: 5px;
    overflow: hidden
}
.oct-box-accord-one[data-accord-ui=two] .oct-box-accord-items .oct-tbl-row .oct-tbl-img-col .oct-row-number,
.oct-table-seven .oct-tbl-img-col .oct-row-number
 {
    top: 15px;
    left: -18px;
    border-radius: 100%;
    width: 36px;
    text-align: center;
    background: var(--oct-theme-color) !important;
}
.oct-table-eight .oct-tbl-img-col .oct-row-number:before,
.oct-table-seven .oct-tbl-img-col .oct-row-number:before {
    content: counter(number-counter);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    display: block;
    padding: 8px 12px;
    position: relative;
    z-index: 1
}
.oct-table-eight .oct-tbl-img-col .oct-row-number:after,
.oct-table-seven .oct-tbl-img-col .oct-row-number:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14px;
    background-color: rgba(0, 0, 0, .1);
    z-index: 0
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-desc-col,
.oct-box-accord-one #product_data .oct-tbl-desc-col {
    padding: 0 20px;
    flex: 0 0 calc(100% - 175px - 270px);
    max-width: calc(100% - 175px - 270px);
    box-sizing: border-box
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-desc-col .oct-table-title,
.oct-table-eight .oct-tbl-desc-col .oct-table-title,
.oct-table-nine .oct-tbl-desc-col .oct-table-title {
    margin: 4px 0 5px
}
.oct-box-accord-one[data-accord-ui=three] .oct-tbl-row .oct-tbl-btn-col .oct-tbl-rate.oct-teight-rate span,
.oct-box-layout-four .product-box-image .oct-tbl-rate.oct-teight-rate span,
.oct-box-layout-one .oct-layout-img .oct-li-ratebadge .oct-tbl-rate span,
.oct-box-layout-seven .oct-layout-img .oct-tbl-rate.oct-teight-rate span,
.oct-table-eight .oct-tbl-desc-col .oct-tbl-rate.oct-teight-rate span,
.oct-table-nine .oct-tbl-btn-col .oct-tbl-rate.oct-teight-rate span {
    margin-left: 94px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: inline-block;
    position: relative;
    white-space: nowrap
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-desc-col .oct-tbl-ribbon,
.oct-table-eight .oct-tbl-desc-col .oct-tbl-ribbon {
    display: block;
    float: none;
    max-width: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-desc-col .oct-tbl-ribbon small,
.oct-table-eight .oct-tbl-desc-col .oct-tbl-ribbon small {
    font-size: 12px;
    display: inline-flex;
    padding: 4px 16px;
    line-height: 14px;
    color: var(--oct-theme-color);
    background: var(--oct-theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    position: relative
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-desc-col .oct-tbl-ribbon small:after,
.oct-table-eight .oct-tbl-desc-col .oct-tbl-ribbon small:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--oct-theme-color);
    opacity: .14;
    border-radius: 4px
}
.oct-box-accord-one .oct-tbl-row .oct-tbl-btn-col,
.oct-box-accord-one #product_data .oct-tbl-btn-col {
    padding-right: 25px;
    flex: 0 0 270px;
    max-width: 270px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.versus-box-five .oct-tbl-btn-col {
    flex: 0 0 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.versus-box-five .oct-tbl-desc-col {
    max-width: calc(100% - 445px);
    box-sizing: border-box;
    padding: 0px 15px;
    flex: 0 0 calc(100% - 445px);
}
.versus-box-five .oct-tbl-img-col {
    flex: 0 0 175px;
}
.versus-box-five span.cta-copy a {
    width: 100%;
}
.oct-table-eight .oct-tbl-btn-col .oct-btn,
.oct-table-nine .oct-tbl-btn-col .oct-btn {
    margin: 4px;
    min-width: auto
}
.oct-box-accord-one[data-accord-ui=three] .oct-tbl-img-col .oct-row-number,
.oct-table-nine .oct-tbl-img-col .oct-row-number {
    z-index: 1;
    counter-increment: number-counter;
    position: absolute;
    top: -14px;
    display: flex;
    align-items: center
}
.oct-table-nine .oct-tbl-img-col .oct-row-number:before {
    content: counter(number-counter);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 100%;
    position: relative;
    background: var(--oct-theme-color);
    z-index: 1
}
.oct-box-accord-one[data-accord-ui=three] .oct-tbl-img-col .oct-row-number .oct-tbl-ribbon,
.oct-table-nine .oct-tbl-img-col .oct-row-number .oct-tbl-ribbon {
    margin: 0 0 0 -11px;
    border-radius: 0 5px 50px 0;
    padding: 5px 20px;
    box-shadow: none;
    font-weight: 400;
    border: none;
    background: var(--oct-theme-color);
    color: #fff;
    max-width: inherit;
    font-size: 14px !important
}
.oct-box-accord-one[data-accord-ui=three] .oct-tbl-img-col .oct-row-number .oct-tbl-ribbon small,
.oct-table-nine .oct-tbl-img-col .oct-row-number .oct-tbl-ribbon small {
    line-height: 14px
}
.oct-table-nine .oct-tbl-btn-col .oct-tbl-rate.oct-teight-rate {
    margin: 0 auto 10px;
    left: -17px
}
.oct-table-nine .oct-tbl-btn-col .oct-tbl-rate.oct-teight-rate span {
    font-size: 25px
}
.oct-box-wrap {
    position: relative;
    display: table;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 20px;
    border-radius: 5px
}
.oct-box-wrap .oct-slider {
    width: 40%;
    padding: 0 0 90px;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    float: left;
    margin: 0 25px 0 0;
    z-index: 1
}
.oct-slider {
    color: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 4px
}
.oct-slider .oct-slider-radio {
    height: 0;
    width: 0;
    margin: 0;
    position: absolute;
    opacity: 0
}
.oct-slider .oct-slide {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0
}
.oct-slider-radio:checked+.oct-slide {
    opacity: 1;
    pointer-events: auto;
    position: static
}
.oct-slider-thumb {
    margin-top: 15px;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    text-align: center
}
.oct-slider-thumb label {
    height: 64px;
    width: 64px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 5px;
    border: 2px solid #ddd;
    display: inline-block
}
.oct-slider-thumb label img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
    object-position: center
}
#oct-slide-id-1:checked~.oct-slider-thumb label[for=oct-slide-id-1],
#oct-slide-id-2:checked~.oct-slider-thumb label[for=oct-slide-id-2],
#oct-slide-id-3:checked~.oct-slider-thumb label[for=oct-slide-id-3],
.oct-slider [id*=oct-slide-id-1-]:checked~.oct-slider-thumb label[for*=oct-slide-id-1-],
.oct-slider [id*=oct-slide-id-2-]:checked~.oct-slider-thumb label[for*=oct-slide-id-2-],
.oct-slider [id*=oct-slide-id-3-]:checked~.oct-slider-thumb label[for*=oct-slide-id-3-] {
    border-color: var(--oct-theme-color)
}
.oct-slider .oct-slide-img {
    height: 295px;
    width: 100%;
    overflow: hidden
}
.oct-slider .oct-slide-img .oct-aff-link {
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 100%
}
.oct-slider .oct-slide-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
    
.summary-box-three{}
.versus-box-one{}
.versus-box-two{}
.versus-box-three{}
.versus-box-four{}
.versus-box-five{}
.comparison-table-one{}
.comparison-table-eleven{}
.academic-table-one{}
.media-gallery-one{}
.media-gallery-three {}
.media-gallery-four{}
.media-gallery-five {}
.top-box-two{}
.video-gallery-one {}
.video-gallery-two{}
.video-gallery-three{}
.comparison-table-two{}
.comparison-table-four{}
.comparison-table-three{}
product-box-one{}
.product-box2{}
.product-box3{}
.product-table4{}
.top-box-three{}
.top-box-four{}
.rating-box-one{}
.rating-box-two{}
.rating-box-three{}
.rating-box-four{}
summary-box-one{}
.summary-box-two{}
.summary-box-four{}
.comparison-table-five{}
.rating-box-five{}
.summary-box-five{}
.top-box-five{}
.product-table5{}
top-box-one{}
.media-gallery-two {}