.dk-container,
 .content-column {
     position: relative;
 }

 .dk-input__value .dk-input-value {
     height: 36px !important;
 }

 .dk-container ul {
     list-style: none;
     padding: 0;
 }

 /* CALCULATOR HEADER */
 .dk-container .dk-container__header {}

 .dk-container .dk-container__header .dk-icon--border {
     height: 41px;
     max-width: 43px;
     margin: 0 9px 0 0;
     padding: 5px;
     border-radius: 4px;
     border: 1px solid var(--red);
     background: var(--white);
 }

 .rtl .dk-container .dk-container__header .dk-icon--border {
     margin: 0 0 0 9px;
 }

 .dk-container .dk-container__header .header-calc {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: center;
     padding: 0 0 10px;
     border-bottom: solid 1px var(--text-color);
 }

 /* CALCULATOR BANNER ADs */
 .calc-banner--ads {
     display: flex;
     flex-flow: column nowrap;
     gap: 16px;
     margin: 0 auto;
     text-align: center;
 }

 .calc-banner--ads .mobile-img {
     display: none;
     max-width: 500px;
     width: 100%;
     height: auto;
     margin: 0 auto;
 }

 .calc-banner--ads img {
     border: 1px solid var(--border-color);
     border-radius: 4px;
 }

 @media screen and (max-width: 1024px) {
     .calc-banner--ads img:not(.mobile-img) {
         display: none;
     }

     .calc-banner--ads .mobile-img {
         display: block;
     }
 }

 /* CALCULATOR BANNER ADs - Display Logic */
 .calc-banner--ads .dkRed--banner {
     display: none;
 }

 .calc-banner--ads .pcb-builder--banner {
     display: block;
 }

 html[lang$="us"] .calc-banner--ads .dkRed--banner {
     display: block;
 }

 html[lang$="us"] .calc-banner--ads .pcb-builder--banner {
     display: none;
 }

 html[lang$="cn"] .calc-banner--ads {
     display: none;
 }

 /* ONE COLUMN */
 .dk-container__onecolumn {}

 /* TWO COLUMN */
 .dk-container .dk-container__twocolumn {
     display: grid;
     grid-template-columns: 3fr 1fr;
     grid-template-rows: min-content;
     grid-gap: 2em;
 }

 .dk-container .dk-container__twocolumn .dk-container--leftcolumn {}

 .dk-container .dk-container__twocolumn .dk-container--rightcolumn {
     display: flex;
     flex-flow: column nowrap;
     gap: 2em;
 }

 /*===[ CUSTOM CSS ]===*/
 /* CALCULATOR */
 .dk-input-group .dk-input__value input,
 .dk-input-group .dk-input__select input {
     width: 100%;
 }

 .calc-output-wrapper {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-template-rows: auto 1fr;
     grid-column-gap: 32px;
 }

 .calc-output-wrapper .calc-output-preview--internal,
 .calc-output-wrapper .calc-output-preview--external {
     grid-row-start: 1;
     grid-row-end: 2;
 }

 .calc-output-preview--internal>p,
 .calc-output-preview--external>p {
     font-size: 13px;
     text-align: center;
 }

 .calc-output-preview--internal .calc-output--diagram,
 .calc-output-preview--external .calc-output--diagram {
     position: relative;
     width: 184px;
     margin: 9px auto;
 }

 .calc-output-preview--internal .calc-output--diagram {
     margin: 25px auto 10px;
     height: 90px;
 }

 .calc-output-preview--external .calc-output--diagram {
     height: 107px;
 }

 .calc-output-preview--external .calc-output--diagram img {
     width: 120%;
 }

 .calc-output-preview--internal .calc-output--value,
 .calc-output-preview--external .calc-output--value {
     display: none;
     position: absolute;
     top: 11px;
     right: 77px;
     padding: 5px 10px;
     border-radius: 13px;
     background: #333;
     color: var(--white);
     font-size: 12px;
     text-align: right;
     white-space: nowrap;
     line-height: 100%;
 }

 .calc-output-preview--external .calc-output--value {
     top: 19px;
     right: 60px;
     padding: 4.5px 10px;
 }


 /* CALC FORMULA */
 .dk-container .calc-formula {
     display: block;
     margin: 20px auto;
     background: var(--ice-grey);
     border: 1px solid var(--outline-grey);
     border-radius: 4px;
 }

 .dkdk .dk-container .calc-formula {
     background: var(--slate-grey);
 }

 .dk-container .calc-formula h2 {
     text-transform: uppercase;
 }

 .calc-formula .formula-area {
     display: flex;
     justify-content: space-around;
 }

 .calc-formula .formula-calculate {
     text-align: center;
 }

 .calc-formula .formula-calculate svg path,
 .calc-formula .formula-calculate svg rect {
     fill: var(--text-color);
 }


 /* RELATED TOOLS */
 .related-tool-container {
     padding: 16px;
 }

 .related-tool-container h2 {
     display: none;
     margin: 0;
     padding: 0 0 10px;
     font-size: 20px;
 }

 .related-tool-container ul {
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: min-content;
     grid-gap: 16px;
     margin: 0 auto;
 }

 .related-tool-container ul li a {
     display: grid;
     grid-template-columns: 85px 1fr;
     grid-gap: 16px;
     align-items: center;
     text-align: center;
     text-decoration: none;
     padding: 0;
 }

 .related-tool-container ul li a img {
     max-height: 45px;
     margin: 0 auto;
     padding: 4px;
     background: var(--white);
     border: 1px solid var(--red);
     border-radius: 4px;
 }

 .related-tool-container ul li a span {
     padding: 10px 0 0;
     text-align: left;
     display: block;
     margin: 0 0 5px;
     font-size: 13px;
     font-weight: bold;
     color: var(--link-blue);
 }

 .rtl .related-tool-container ul li a span {
     text-align: right;
 }

 @media screen and (max-width: 1024px) {
     .related-tool-container.dk-card {
         background: transparent;
         border: 0;
         border-radius: 0;
         box-shadow: none;
         padding: 0;
     }

     .related-tool-container h2 {
         display: block;
     }

     .related-tool-container ul {
         grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
     }

     .related-tool-container ul li a {
         display: block;
         height: 100%;
         padding: 15px;
         color: var(--text-color);
         text-align: center;
         background: var(--bg-color--card);
         border: 2px solid var(--border-color);
         border-radius: 4px;
         text-decoration: none;
         box-sizing: border-box;
     }

     .related-tool-container ul li a:hover {
         border: 2px solid var(--red);
     }

     .related-tool-container ul li a span,
     .rtl .related-tool-container ul li a span {
         text-align: center;
     }
 }

 @media screen and (max-width: 500px) {
     .related-tool-container ul {
         grid-template-columns: 1fr;
     }
 }

 /* RECOMMENDED PRODUCTS */
 .dk-container .recommended-products {
     display: none;
     padding: 30px 0 0;
 }

 .dk-container .recommended-products h2 {
     font-size: 20px;
 }

 .dk-container .recommended-products ul {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
     grid-template-rows: min-content;
     grid-gap: 16px;
     margin: 0 auto;
 }

 .dk-container .recommended-products ul li a {
     display: block;
     padding: 15px;
     color: var(--text-color);
     text-align: center;
     text-decoration: none;
     box-sizing: border-box;
 }

 .dk-container .recommended-products ul li img {
     display: block;
     max-width: 133px;
     max-height: 135px;
     margin: 0 auto 15px;
 }

 .dk-container .recommended-products ul li span {
     display: block;
     margin: 0 auto 15px;
 }

 .dk-container .recommended-products ul li span:not(.dk-btn__primary) {
     color: var(--text-color);
     font-weight: 700;
 }

 /* END RECOMMENDED PRODUCTS */

 /*==========================================*/
 /* SPONSORED CONTENT */
 .sponsored-content-wrap>h2 {
     font-size: 20px;
 }

 .sponsored-content-wrap>div.dk-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-gap: 16px;
     margin: 0;
 }

 .sponsored-content-wrap div.dk-grid>div {
     width: 100% !important;
     margin: 0;
     padding: 0;
 }

 .sponsored-content-wrap>div.dk-grid>div>div {
     position: relative;
     width: 100%;
     height: 100%;
     padding: 1em !important;
     border-radius: 4px;
     box-shadow: none;
 }

 .sponsored-content-wrap a img {
     padding: 4px;
     background: var(--white);
 }

 /* SPONSORED CONTENT - TOP - ALIGNMENT ADJUSTMENT */
 .sponsored-content-wrap:first-child {
     position: absolute;
     top: 14px;
     right: 0;
     z-index: 1;
 }

 .rtl .sponsored-content-wrap:first-child {
     right: unset;
     left: 0;
 }

 .sponsored-content-wrap:first-child>div {
     width: 100% !important;
     margin: 0 !important;
 }

 .sponsored-content-wrap:first-child h2.mr-1,
 .sponsored-content-wrap:last-child h2.mr-1 {
     margin: 0 12px 0 0 !important;
     align-self: center;
 }

 .rtl .sponsored-content-wrap:first-child h2.mr-1,
 .rtl .sponsored-content-wrap:last-child h2.mr-1 {
     margin: 0 0 0 12px !important;
 }

 /* SPONSORED CONTENT - BOTTOM - ALIGNMENT ADJUSTMENT */
 .sponsored-content-wrap:last-child>div {
     justify-content: flex-end;
     margin-left: 0 !important;
     margin-right: 0 !important;
     width: auto !important;
 }

 @media screen and (max-width: 1024px) and (min-width: 768px) {
     .sponsored-content-wrap>div.dk-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media screen and (max-width: 768px) {
     .sponsored-content-wrap>div.dk-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media screen and (max-width: 600px) {
     .sponsored-content-wrap>div.dk-grid {
         grid-template-columns: 1fr;
     }

     .sponsored-content-wrap:first-child {
         position: static;
         right: inherit;
         padding-top: 0 !important;
         margin-bottom: 10px;
     }
 }


 /*==========================================*/
 /* MEDIA QUERIES */
 @media screen and (max-width: 1024px) {
     .dk-container .dk-container__twocolumn {
         grid-template-columns: 1fr;
     }

     .dk-container .dk-container__twocolumn .dk-container--rightcolumn {
         flex-flow: column-reverse;
     }
 }

 @media screen and (max-width: 991px) {
     .calc-formula .formula-area {
         display: flex;
         gap: 2em;
         justify-content: space-between;
     }
 }

 @media screen and (max-width: 768px) {
     .calc-output-wrapper {
         display: grid;
         grid-template-columns: auto;
         grid-template-rows: min-content;
         grid-column-gap: 32px;
     }

     .calc-output-wrapper .calc-output-preview--internal,
     .calc-output-wrapper .calc-output-preview--external {
         grid-row-start: auto;
         grid-row-end: auto;
     }

     .calc-formula .formula-area {
         flex-flow: column wrap;
     }
 }

 @media screen and (max-width: 600px) {}

 @media screen and (max-width: 500px) {}

 @media screen and (max-width: 450px) {}