/*
Theme Name: Twenty Twenty-Four Child
Author: Aubaidullah
Description: A child theme for Twenty Twenty-Four.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour-child
Template: twentytwentyfour
*/
a:focus{
  outline: none;
}

.tool_lnks {
    display: block !important;
}
.tool_lnks img {
    max-width: 50px;
    margin-bottom: 17px;
}
.tool_lnks {
    border: 1px solid #ffffff21;
    text-align: center;
    padding: 0px;
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.tool_lnks p {
    margin: 0px;
}
.tool_lnks a {
    display: block;
    width: 100%;
    padding: 20px 0px 60px;
    position: relative;
    z-index: 1;
}
.tool_lnks .wp-block-media-text__content {
    position: absolute;
    bottom: 0;
    z-index: 0;
    padding-bottom: 15px;
}
.tool_lnks .wp-block-media-text__content p {
    font-weight: 400;
}
.tool_lnks:hover {
    background: #ffffff2e;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
    border: 1px solid #ffffff5e;
}
.snglcet_wrp_inr .row {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    gap: 15px;
}
.learncodes .row{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 15px;
}
/* .snglcet_wrp_inr .row .col {
    flex: 0 0 auto;
    width: 19.05%;
} */
.snglcet_bx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.snglcet_thmb {
    aspect-ratio: 16/9;
    -webkit-aspect-ratio: 16/9;
    -moz-aspect-ratio: 16/9;
    -ms-aspect-ratio: 16/9;
    -o-aspect-ratio: 16/9;
}
.hdposta {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.375), 1.2rem);
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    text-transform: none;
}
.snglcet_bx a {
    text-decoration: none;
    height: 100%;
    display: block;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.category_sh {
    margin: 0px;
    width: fit-content;
    max-width: fit-content;
    min-width: fit-content;
    color: #6f6f6f;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 6px;
}
.snglcet_bx {
    height: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.snglcet_txt {
    padding: 0px 14px 16px;
}
.snglcet_bx:hover {
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
.snglcet_bx:hover a {
    color: #317ab2;
}
.sd_head_pg h4, .sd_head_pg span {
    display: block;
    border-bottom: 2px solid #5a5a5a;
    padding-bottom: 12px;
    margin-bottom: 16px;
    color: #317ab2;
    font-size: clamp(1.7rem, 1.7rem + ((1vw - 0.2rem) * 0.935), 1.7rem);
    font-style: normal;
    font-weight: 500;
}
.sd_head_pg p {
    font-size: 16px;
    color: #171717;
}
.subscrb_frm input {
    width: 100% !important;
    height: 48px !important;
    font-size: 15px !important;
    border: 1px solid #e7e7e7 !important;
}
.subscrb_frm .wpforms-submit-container button {
    background-color: #000 !important;
    border-radius: .33rem;
    border-color:  #000 !important;
    border-width: 0;
    color: #fff !important;
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.6rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.6rem !important;
    padding-left: 1rem !important;
    text-decoration: none;
    width: 100%;
    height: 47px !important;
}
.pgsidebr {
    padding-top: 10px;
}

.parhars img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}
.subscrb_frm div.wpforms-container {
    margin-top: 0px;
}

.sd_head_pg p {
    margin-bottom: 0px;
}
.subscrb_frm div.wpforms-field {
    padding-bottom: 0px;
}
.subscrb_frm .wpforms-submit-container {
    margin-top: 0px !important;
}

.wp-block-navigation__responsive-container {
    bottom: 0;
    display: none;
    left: auto;
    position: fixed;
    top: 0;
    right: 0;
}
.menuwth_icons ul {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0px;
}
.menuwth_icons ul li {
    flex: 1;
    list-style: none;
    width: fit-content;
    margin: 0px 22px;
    text-align: center;
}
.menuwth_icons ul li a {
    display: block;
    line-height: 15px;
    text-decoration: none;
    color: #ffffff;
}
.menuwth_icons ul li img {
    /* max-width: 27px; */
    height: 33px;
    width: auto;
    margin-bottom: 5px;
}
.menuwth_icons ul li span {
    display: block;
    line-height: 19px;
    font-size: 15px;
    text-wrap: nowrap;
}
button.wp-block-navigation__responsive-container-open:after {
    content: "More" !important;
    z-index: 1;
    position: absolute;
    bottom: -23px;
    left: -4px;
    right: 0;
    color: #ffffff;
    font-size: 15px;
    text-wrap: nowrap;
    margin: auto;
}
button.wp-block-navigation__responsive-container-open {
    position: relative;
}
/* .scrollUp {
    transform: translateY(-80px);
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    transition: all 0.5s;
}
body {
    padding-top: 30px;
} */

.footheds {
  font-size: 18px;
  font-weight: 500;
  width: fit-content;
  border-bottom: 2px solid #b4b0ae;
  padding-bottom: 3px;
  text-transform: uppercase;
}
.footlst_itms li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
}


.footlst_itms li a {
    text-decoration: none;
    color: #555555;
}
.footlst_itms li a:hover {
    color: #fb5914;
}
.footlst_itms li:before {
    content: ">";
    font-family: cursive;
    position: absolute;
    left: -18px;
    color: #000000;
}
.social_foos li a {
    border: 1px solid !important;
    box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.2) !important;
    padding: 4px !important;
    background: #ffffff;
}

.social_foos {
    gap: 7px !important;
}
.emailfoot {
    margin-top: 0px;
    font-size: 15px;
}
.foot_sub_heds {
    font-size: 17px;
    font-weight: 500;
    width: fit-content;
    padding-bottom: 3px;
}
.anime_lne {
    position: relative;
    overflow: hidden;
}
.anime_lne:after {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 200px;
    height: 15px;
    background: #ffffff0d;
    animation: line_moveright linear 20s infinite;
}

@keyframes line_moveright {
    0%{
        left: 0;
        transform: translate(-100%);
    }
    100%{
        left: 100%;
        transform: translate(0);
    }
}

.anime_lne:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 200px;
    height: 15px;
    background: #ffffff0d;
    animation: line_moveleft linear 20s infinite;
}

@keyframes line_moveleft {
    0%{
        right: 0%;
        transform: translate(100%);
    }
    100%{
        right: 100%;
        transform: translate(0);
        
    }
}

.pagine_brnfx {
    text-align: center;
    padding-top: 70px;
}
.pagine_brnfx span, .pagine_brnfx a {
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 2px;
}
.pagine_brnfx .page-numbers.current {
    background: #ff6a3d;
    border: 1px solid #ff6a3d;
    color: #fff;
}
.pagine_brnfx a:hover{
    background: #ff6a3d;
    border: 1px solid #ff6a3d;
    color: #fff;
}
.pgsidebr .wpforms-submit-container {
    padding-top: 15px;
}
.positnsets {
    position: relative;
}
.col-2move {
    position: absolute;
    right: 53px;
    top: 9px;
}
.animt_cogs img {
    filter: brightness(0.5) invert(1);
    opacity: 0.4;
    animation: circlemove linear 1s infinite;
}
@keyframes circlemove {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(180deg);
        
    }
}
.col-2move img{
    filter: brightness(0.5) invert(1);
    opacity: 0.5;
    animation: circle2move linear 1s infinite;
}
@keyframes circle2move {
    0%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(0);
        
    }
}
.animt_compn img {
    filter: brightness(0) invert(1);
    opacity: 0.2;
    animation: shakebrdimg linear 1s infinite;
}
@keyframes shakebrdimg {
    0%{
        transform: translate(0px, 0px)
    }
    50%{
        transform: translate(0px, 10px)
        
    }

    100%{
        transform: translate(0px, 0px)
        
    }
}


.toolscrds {
    position: relative;
}
.toolscrds:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: linear-gradient(-45deg, #ffffff 50%, #ffb7a2 50%);
    box-shadow: -6px -5px 6px -4px rgba(0, 0, 0, 0.1);
}
.row_flex {
    display: flex;
    flex-wrap: wrap;
}
.col_6 {
    flex: 0 0 auto;
    width: 50%;
}
.calc_flx {
    display: flex;
    align-items: flex-end;
    gap: 17px;
}
.calc_flx>* {
    white-space: nowrap;
}
.calc_comn span {
    display: block;
}
.calc_comn input {
    box-sizing: border-box;
    max-width: 74px;
    height: 32px;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 2px;
    padding-left: 7px;
}
.calc_col_1.calc_comn {
    width: 79px;
    font-weight: 500;
}
.calc_comn {
    margin-bottom: 10px;
}
.ampms {
    box-sizing: border-box;
    max-width: 74px;
    height: 32px;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 2px;
}
button.btn.calc_btnss {
    border: none;
    background: transparent;
    color: #f8531b;
    font-size: 15px;
    position: relative;
    top: -3px;
    cursor: pointer;
}
button.btn.calc_btnss:focus{
    outline: none;
}
button.calc_btns {
    background-color: #ff6a3d;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1rem;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
    width: 130px;
}
.calc_btnstr {
    /* text-align: center; */
    padding-left: 96px;
    padding-top: 10px;
}
.tmecalc_wrp {
    background: #fff6f3;
    padding: 30px;
    border: 1px dashed #ffaf97;
    border-radius: 4px;
}
.resulttbtime h3 {
    margin: 0px;
    font-size: 20px;
    border-bottom: 1px solid #ffdbd0;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.calc_errorm {
    max-width: 100%;
    padding-right: 100px;
    font-size: 13px;
}
span.hrsadss {
    display: block;
    background: #ffe6df;
    max-width: fit-content;
    padding: 0px 13px;
    margin-bottom: 10px;
    border-radius: 2px;
    font-weight: 500;
}
.cvrtwpimg {
    margin: 40px 0px;
    padding: 25px 25px 33px;
    background: #fff1eb;
    border: 1px dashed #ffcfb2;
    border-radius: 4px;
}

.inptwebpwrp {
    border: 1px solid #ffffff;
    width: fit-content;
    background: #fff;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
}
.cvrtwpimg input[type=file]::file-selector-button {
    background-color: #fff;
    color: #000;
    border: 0px;
    border-right: 1px solid #e5e5e5;
    padding: 10px 15px;
    margin-right: 20px;
    transition: .5s;
    cursor: pointer !important;
  }
  
  .cvrtwpimg input[type=file]::file-selector-button:hover {
    background-color: #eee;
    border: 0px;
    border-right: 1px solid #e5e5e5;
    cursor: pointer !important;
  }
  .convrtimgnw {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    color: #ff650d;
}
.sbhd {
    margin-top: 6px;
}
div#preview-container {
    display: none;
    /* display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 20px;
    margin-bottom: 20px; */
}
/* .wwpcprevimg {
    height: 50px;
    width: 60px;
    overflow: hidden;
    border: 1px solid #000;
    border-radius: 3px;
}
.wwpcprevimg img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
} */
.cvtbtns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cvtbtns button#convert-button {
    border: none;
    background-color: #ff6a3d;
    border-radius: 3px;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1rem;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px;
}
.cvtbtns button#download-all-btn {
    border: none;
    background-color: #0aad5f;
    border-radius: 3px;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1rem;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px;
}

/* Neeraj css */
.url_ganrat_main{
    width: 100%;
    margin: 0px;
    padding: 50px 0px;
}
.url_ganrat_main_contant{
    background: #F5F5F7;
    padding: 30px;
    border: 1px dashed #01015b;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
}



.ganrat_sort_url p button{
    display: block;
    margin-top: 10px;
    background-color: #ff6a3d;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    margin-top: 10px !important;
    padding-top: 5px;
    padding-right: 1rem;
    padding-bottom: 7px;
    padding-left: 1rem;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
    width: 120px;
}

.url_frm h3{
    margin: 0px;
    padding-bottom: 19px;
    font-size: 22px;
    color: #206aa3;
}

/* Image Converter */

.image-preview {
    margin-top: 0px;
    list-style-type: none;
    padding: 0;
}

.preview-item img {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 11px;
  object-fit: cover;
}
span.image-name {
  width: 100%;
}
.prev_convrtimgwrap li.preview-item .download-button {
  white-space: nowrap;
  font-size: 14px;
  text-decoration: none;
  background: #1b8dbf38;
  padding: 3px 15px;
  display: block;
  border-radius: 4px;
  color: #08597d;
}
#loadingMessage {
    display: none;
    font-weight: bold;
    margin-top: 20px;
}
#errorMessage {
    color: red;
    margin-top: 20px;
    font-weight: bold;
}
#downloadAllButton {
    display: none;
    margin-top: 20px;
}
/* End Image converter */

.progress {
            overflow: hidden;
            margin-top: 30px;
            height: 7px;
            border-radius: 2px;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .progress-bar {
            height: 100%;
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        }

        .progress-bar-striped,
        .progress-striped .progress-bar {
            background-image: linear-gradient(45deg,
                    hsla(0, 0%, 95%, 0.8) 25%,
                    transparent 0,
                    transparent 50%,
                    hsla(0, 0%, 95%, 0.8) 0,
                    hsla(0, 0%, 95%, 0.8) 75%,
                    transparent 0,
                    transparent);
            background-size: 40px 40px;
        }

        .progress-bar.active,
        .progress.active .progress-bar {
            -webkit-animation: f 2s linear infinite;
            animation: f 2s linear infinite;
        }

        .progress-bar-success {
            background-color: #ff620f;
        }

        .progress-striped .progress-bar-success {
            background-image: linear-gradient(45deg,
                    hsla(0, 0%, 100%, 0.15) 25%,
                    transparent 0,
                    transparent 50%,
                    hsla(0, 0%, 100%, 0.15) 0,
                    hsla(0, 0%, 100%, 0.15) 75%,
                    transparent 0,
                    transparent);
        }

 @-webkit-keyframes f {
            0% {
                background-position: 40px 0;
            }

            to {
                background-position: 0 0;
            }
        }

        @keyframes f {
            0% {
                background-position: 40px 0;
            }

            to {
                background-position: 0 0;
            }
        }


.banter-loader {
  width: 72px;
  height: 72px;
  margin: auto;
}
#zipLoadingMessage {
  background-color: #1b8dbf3b;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.banter-loader__box {
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.banter-loader__box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:#ff620e;
}
.zip_createlder {
  display: flex;
  justify-content: center;
}
.banter-loader__box:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 6px;
}

.banter-loader__box:nth-child(1):before, .banter-loader__box:nth-child(4):before {
  margin-left: 26px;
}

.banter-loader__box:nth-child(3):before {
  margin-top: 52px;
}

.banter-loader__box:last-child {
  margin-bottom: 0;
}
span.zip_creatlder {
  color: #000000;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
.creating_img_sqr {
  position: relative;
  top: 110px;
}


@keyframes moveBox-1 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }

  18.1818181818% {
    transform: translate(0px, 0);
  }

  27.2727272727% {
    transform: translate(0px, 0);
  }

  36.3636363636% {
    transform: translate(26px, 0);
  }

  45.4545454545% {
    transform: translate(26px, 26px);
  }

  54.5454545455% {
    transform: translate(26px, 26px);
  }

  63.6363636364% {
    transform: translate(26px, 26px);
  }

  72.7272727273% {
    transform: translate(26px, 0px);
  }

  81.8181818182% {
    transform: translate(0px, 0px);
  }

  90.9090909091% {
    transform: translate(-26px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(1) {
  animation: moveBox-1 4s infinite;
}

@keyframes moveBox-2 {
  9.0909090909% {
    transform: translate(0, 0);
  }

  18.1818181818% {
    transform: translate(26px, 0);
  }

  27.2727272727% {
    transform: translate(0px, 0);
  }

  36.3636363636% {
    transform: translate(26px, 0);
  }

  45.4545454545% {
    transform: translate(26px, 26px);
  }

  54.5454545455% {
    transform: translate(26px, 26px);
  }

  63.6363636364% {
    transform: translate(26px, 26px);
  }

  72.7272727273% {
    transform: translate(26px, 26px);
  }

  81.8181818182% {
    transform: translate(0px, 26px);
  }

  90.9090909091% {
    transform: translate(0px, 26px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(2) {
  animation: moveBox-2 4s infinite;
}

@keyframes moveBox-3 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }

  18.1818181818% {
    transform: translate(-26px, 0);
  }

  27.2727272727% {
    transform: translate(0px, 0);
  }

  36.3636363636% {
    transform: translate(-26px, 0);
  }

  45.4545454545% {
    transform: translate(-26px, 0);
  }

  54.5454545455% {
    transform: translate(-26px, 0);
  }

  63.6363636364% {
    transform: translate(-26px, 0);
  }

  72.7272727273% {
    transform: translate(-26px, 0);
  }

  81.8181818182% {
    transform: translate(-26px, -26px);
  }

  90.9090909091% {
    transform: translate(0px, -26px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(3) {
  animation: moveBox-3 4s infinite;
}

@keyframes moveBox-4 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }

  18.1818181818% {
    transform: translate(-26px, 0);
  }

  27.2727272727% {
    transform: translate(-26px, -26px);
  }

  36.3636363636% {
    transform: translate(0px, -26px);
  }

  45.4545454545% {
    transform: translate(0px, 0px);
  }

  54.5454545455% {
    transform: translate(0px, -26px);
  }

  63.6363636364% {
    transform: translate(0px, -26px);
  }

  72.7272727273% {
    transform: translate(0px, -26px);
  }

  81.8181818182% {
    transform: translate(-26px, -26px);
  }

  90.9090909091% {
    transform: translate(-26px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(4) {
  animation: moveBox-4 4s infinite;
}

@keyframes moveBox-5 {
  9.0909090909% {
    transform: translate(0, 0);
  }

  18.1818181818% {
    transform: translate(0, 0);
  }

  27.2727272727% {
    transform: translate(0, 0);
  }

  36.3636363636% {
    transform: translate(26px, 0);
  }

  45.4545454545% {
    transform: translate(26px, 0);
  }

  54.5454545455% {
    transform: translate(26px, 0);
  }

  63.6363636364% {
    transform: translate(26px, 0);
  }

  72.7272727273% {
    transform: translate(26px, 0);
  }

  81.8181818182% {
    transform: translate(26px, -26px);
  }

  90.9090909091% {
    transform: translate(0px, -26px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(5) {
  animation: moveBox-5 4s infinite;
}

@keyframes moveBox-6 {
  9.0909090909% {
    transform: translate(0, 0);
  }

  18.1818181818% {
    transform: translate(-26px, 0);
  }

  27.2727272727% {
    transform: translate(-26px, 0);
  }

  36.3636363636% {
    transform: translate(0px, 0);
  }

  45.4545454545% {
    transform: translate(0px, 0);
  }

  54.5454545455% {
    transform: translate(0px, 0);
  }

  63.6363636364% {
    transform: translate(0px, 0);
  }

  72.7272727273% {
    transform: translate(0px, 26px);
  }

  81.8181818182% {
    transform: translate(-26px, 26px);
  }

  90.9090909091% {
    transform: translate(-26px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(6) {
  animation: moveBox-6 4s infinite;
}

@keyframes moveBox-7 {
  9.0909090909% {
    transform: translate(26px, 0);
  }

  18.1818181818% {
    transform: translate(26px, 0);
  }

  27.2727272727% {
    transform: translate(26px, 0);
  }

  36.3636363636% {
    transform: translate(0px, 0);
  }

  45.4545454545% {
    transform: translate(0px, -26px);
  }

  54.5454545455% {
    transform: translate(26px, -26px);
  }

  63.6363636364% {
    transform: translate(0px, -26px);
  }

  72.7272727273% {
    transform: translate(0px, -26px);
  }

  81.8181818182% {
    transform: translate(0px, 0px);
  }

  90.9090909091% {
    transform: translate(26px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(7) {
  animation: moveBox-7 4s infinite;
}

@keyframes moveBox-8 {
  9.0909090909% {
    transform: translate(0, 0);
  }

  18.1818181818% {
    transform: translate(-26px, 0);
  }

  27.2727272727% {
    transform: translate(-26px, -26px);
  }

  36.3636363636% {
    transform: translate(0px, -26px);
  }

  45.4545454545% {
    transform: translate(0px, -26px);
  }

  54.5454545455% {
    transform: translate(0px, -26px);
  }

  63.6363636364% {
    transform: translate(0px, -26px);
  }

  72.7272727273% {
    transform: translate(0px, -26px);
  }

  81.8181818182% {
    transform: translate(26px, -26px);
  }

  90.9090909091% {
    transform: translate(26px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banter-loader__box:nth-child(8) {
  animation: moveBox-8 4s infinite;
}

@keyframes moveBox-9 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }

  18.1818181818% {
    transform: translate(-26px, 0);
  }

  27.2727272727% {
    transform: translate(0px, 0);
  }

  36.3636363636% {
    transform: translate(-26px, 0);
  }

  45.4545454545% {
    transform: translate(0px, 0);
  }

  54.5454545455% {
    transform: translate(0px, 0);
  }

  63.6363636364% {
    transform: translate(-26px, 0);
  }

  72.7272727273% {
    transform: translate(-26px, 0);
  }

  81.8181818182% {
    transform: translate(-52px, 0);
  }

  90.9090909091% {
    transform: translate(-26px, 0);
  }

  100% {
    transform: translate(0px, 0);
  }
}

.banter-loader__box:nth-child(9) {
  animation: moveBox-9 4s infinite;
}


.innr_formbnnr {
  position: relative;
  z-index: 1;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--wp--style--global--wide-size);
	    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
.wrppper_outr {
  background-image: url(https://pixr9.com/wp-content/uploads/2024/06/imageoptim_banners.webp);
  padding: 60px 0px;
  position: relative;
  background-position: center;
}
.wrppper_outr:after {
  content: "";
  position: absolute;
  background: #00000080;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.convt_flex {
  display: flex;
  align-items: center;
}
.frmconvrtwrps {
  width: 70%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 11px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 16;
  background: hsla(0, 0%, 100%, .26);
}

.innrldimglst {
  position: relative;
  z-index: 1;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--wp--style--global--wide-size);
	padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
.innr_convrt_prgwrp {
  position: relative;
  display: none;
  background: #fff;
  border-radius: 11px;
  border: 1px solid #e3e3e3;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.prev_convrtimgwrap{
  padding: 30px;
}
.loadwithcnvrtbtn {
  background: #cbefff;
  padding: 16px 30px;
}
.active-preview .innr_convrt_prgwrp{
  display: block;
}

.prev_convrtimgwrap ul li {
  display: flex;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid #00000012;
    padding: 11px 0px;
}
.prev_convrtimgwrap ul li:last-child{
  padding-bottom: 0px;
  border-bottom: none;
}
.menuwth_icons ul li a:focus {
  outline: none;
}
.menuwth_icons ul li a img {
  transform: translate(0px, 0px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.menuwth_icons ul li a:hover img {
  transform: translate(0px, -2px);
}
.search_hm_nner form#searchform {
  position: relative;
  display: flex;
  align-items: center;
}
.search_hm_nner form#searchform input {
    width: 100%;
    height: 60px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 11px;
    padding-left: 25px;
    font-size: 25px;
    color: #fff;
}


.search_hm_nner form#searchform button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0px 18px;
}
.search_hm_nner form#searchform button img {
  width: 30px;
  height: 30px;
}
.search_hm_nner {
  max-width: 1000px;
  width: 100%;
  margin: 45px auto 0px;
}
.search_hm_nner form#searchform button:focus, .search_hm_nner form#searchform input:focus{
  outline: none;
  box-shadow: none;
}

.search_hm_nner form#searchform input::placeholder{
  color: #ffffff9d;
}

.sld_cteg_item {
  background: #fff1e7;
  margin: 10px;
  text-align: center;
  border-radius: 13px;
}
.sld_cteg_item img {
  max-width: 58px;
  height: 58px;
  margin: auto;
  margin-bottom: 10px;
}
.sld_cteg_item a {
  text-decoration: none;
  line-height: 21px;
  color: #01405c;
  display: block;
  padding: 20px 15px;
}

.sld_cteg_item span {
  display: block;
  font-size: 17px;
  font-weight: 500;
}
.sld_cteg_item:focus{
  outline: none;
}
.sld_cteg_item, .sld_cteg_item img, .sld_cteg_item span{
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.sld_cteg_item:hover img{
  transform: translate(0px, -3px);
}
.sld_cteg_item:hover span{
  transform: translate(0px, -2px);
}
.sld_cteg_item:hover{
  transform: translate(0px, -4px);
}
.max_width_set {
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
}
.feturd_crd {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.feturd_crd:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 400px;
  height: 600px;
  position: absolute;
  left: -200px;
  top: -200px;
  bottom: 0;
  rotate: 40deg;
  z-index: 0;
}
.feturd_crd:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 150px;
  height: 300px;
  position: absolute;
  right: -70px;
  bottom: -100px;
  rotate: 40deg;
  z-index: 0;
}
.block_lsft_card:before, .block_lsft_card:after{
  background: #e8333314;
}
.block_rght_card:before, .block_rght_card:after{
  background: #1b8ebf26;
}
.feturd_crd:hover:before {
  left: -210px;
  top: -210px;
}
.feturd_crd:hover:after {
  right: -80px;
  bottom: -110px;
}
.relativ_tp {
  position: relative;
}
.button_custom_outline a.wp-block-button__link{
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button_custom_outline a.wp-block-button__link:hover {
  background-color: #fb5915 !important;
  color: #fff !important;
  border-color: #fb5915 !important;
}

.right_urlshort_bx {
  position: relative;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  left: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.right_urlshort_bx:before {
  content: "";
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  background-size: 100%;
  bottom: 0;
  background-image: url(img/radious_shape_left.webp);
  position: absolute;
  z-index: 1;
  left: -30px;
}
.right_urlshort_bx:after {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  position: absolute;
  bottom: 0;
  background-image: url(img/radious_shape_right.webp);
  height: 30px;
  z-index: 1;
  right: -30px;
}

.right_urlshort_bx:hover {
  left: -30px;
}
.subscribe_frm form {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.subscribe_frm form .wpforms-field-container {
  width: 100%;
}
.subscribe_frm form div.wpforms-field {
  padding: 0px;
}
.subscribe_frm form .wpforms-submit-container {
  margin: 0px !important;
  white-space: nowrap;
}
.subscribe_frm form div.wpforms-field input.wpforms-field-large {
  background: transparent;
  height: 60px !important;
  border: 1px solid #fff !important;
  border-top-left-radius: 11px !important;
  border-bottom-left-radius: 11px !important;
  font-size: 20px !important;
  color: #fff !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.subscribe_frm form div.wpforms-field input.wpforms-field-large::placeholder{
  color: #ffffff93;
}
.subscribe_frm form .wpforms-submit-container button.wpforms-submit {
  height: 60px;
  border: 1px solid #fff;
  border-top-right-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important;
  font-size: 20px;
  font-weight: 400;
  background-color: #fb5915 !important;
}
.subscribe_frm form .wpforms-submit-container button.wpforms-submit:hover{
  background: #fff !important;
  color: #fb5915 !important;
  opacity: 1 !important;
}

.tsm_inner_wrps {
  display: flex;
  gap: 35px;
  align-items: center;
}
.tsm_outer_wrp {
  background: #ecfaff;
  padding: 50px;
  border-radius: 11px;
  position: relative;
  margin-top: 0px;
}
.tsm_auth_prile {
  width: 80px;
  height: 80px;
  background: #1b8dbf61;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  border-radius: 10px;
  font-weight: 400;
  color: #1b8dbf;
  margin-bottom: 18px;
}
span.authtsm_name {
  font-size: 23px;
  margin-bottom: 0px;
  display: block;
  white-space: nowrap;
  line-height: 23px;
}
small.tsm_authr_posn {
  display: block;
  margin-top: 0px;
  font-size: 15px;
  color: #000000a8;
  white-space: nowrap;
}
.tsm_txt_area p {
  font-size: 18px;
}
.tsm_uth_img {
  border-right: 2px solid #1b8dbf66;
  padding-right: 31px;
}
.rating_user i {
  font-size: 30px;
  display: inline-block;
  font-style: normal;
  color: #bbbb25;
}
.rating_user {
  width: fit-content;
  /* background: #ccc; */
  padding: 0px 0px;
  height: 25px;
}
span.quoteimg_tsm img {
  width: 70px;
  height: 70px;
}
span.quoteimg_tsm {
  display: block;
  position: absolute;
  right: -13px;
  bottom: -13px;
}

.trust_polate img {
  max-width: 80px;
  height: auto;
}
.trust_polate {
  margin-top: 0;
  margin-bottom: 0px;
}
.foologodsgn {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #ffffff;
  padding: 40px 30px 20px;
  max-width: fit-content;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
  box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.1);
}
.foologodsgn:after {
  content: "";
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  background-size: 100%;
  top: 0;
  background-image: url(img/radious_shape_left.webp);
  position: absolute;
  z-index: 1;
  left: -30px;
  transform: rotate(-90deg);
}

.foologodsgn:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  position: absolute;
  top: 0;
  background-image: url(img/radious_shape_right.webp);
  height: 30px;
  z-index: 1;
  right: -30px;
  transform: rotate(90deg);
}

.innrbnrcnvrttxt {
  padding-right: 180px;
}
.innrbnrcnvrttxt h1 {
  color: #fff;
  margin-bottom: 0px;
}
.innrbnrcnvrttxt p {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
label.attachment_imgfile img {
  max-width: 80px;
  display: block;
  height: auto;
  margin: auto;
  margin-bottom: 19px;
}
.convrt_imgchoos label {
  border: 1px dashed #ffffff4f;
  background: #ffffff0a;
  padding: 27px;
  border-radius: 11px;
  text-align: center;
  display: block;
  cursor: pointer;
}
label.attachment_imgfile input#images {
  display: none;
}
span.imgdrg {
  display: block;
  font-size: 20px;
}
span.chslocls {
  font-size: 15px;
}
.convert_slctttile {
  display: block;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 11px;
}
#formatOptions label input{
  display: none;
}

#formatOptions input:checked + span {
  color: #ffffff;
  text-shadow: none;
  text-transform: uppercase !important;
  background: #1b8dbf;
  border: 1px solid #f8fdff;
}
#formatOptions label input + span {
  color: #fff;
  background: transparent;
  display: inline-block;
  padding: 3px 21px;
  border: 1px solid #fff;
  font-size: 15px;
  cursor: pointer;
  border-radius: 3px;
}
div#formatOptions label {
  margin-right: 10px;
}
div#formatOptions {
  margin-bottom: 25px;
}
.convert_img_btn {
  background: #fb5915;
  cursor: pointer;
  border: none;
  height: 43px;
  width: 145px;
  font-size: 17px;
  border-radius: 5px;
  color: #fff;
}
.convert_img_btn:focus{
  outline: none;
}
.formconvrtwrps div#errorMessage {
  color: #ffc0c0;
  margin-top: 4px;
  margin-bottom: 14px;
  font-weight: 300;
  font-size: 14px;
}
.loadimgconvrt_lst.active-preview {
  margin-top: -100px;
}
.wrppper_outr.images_select_usr {
  padding-bottom: 150px;
}
.numberof_img_upload {
  font-size: 22px;
  font-weight: 500;
  color: #1b8dbf;
}
.numberof_img_converted {
  font-size: 18px;
  line-height: 18px;
}
.donldcnvrtbtns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.donldcnvrtbtns button#zipDownloadButton {
  height: 43px;
  border: none;
  background: #1b8dbf;
  color: #fff;
  padding: 0px 16px;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
}
.donldcnvrtbtns button#zipDownloadButton img {
  max-width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
  position: relative;
  top: 5px;
  margin-right: 6px;
}
.donldcnvrtbtns button#zipDownloadButton:hover {
  background: #1075a2;
}
div#convertLoadingMessage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1b8dbf3b;
  z-index: 1;
}
div#convertLoadingMessage figure {
  width: 100%;
  max-width: 500px;
  margin: auto;
  position: relative;
  top: 130px;
}
span.convrtng_img {
  color: #000000;
  font-size: 21px;
  text-align: center;
  display: block;
  font-weight: 500;
}
.faq_section_dsgn .wp-block-aab-accordion-item {
  background: #fff !important;
  border: none !important;
  box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 6%);
  border-radius: 4px !important;
}
.faq_section_dsgn .wp-block-aab-accordion-item h4.aagb__accordion_title {
  font-size: 19px !important;
  font-weight: 500 !important;
}
.faq_section_dsgn .aagb__accordion_head {
  padding: 23px 15px !important;
}

.faq_section_dsgn .aagb__accordion_head:focus{
  border: none !important;
}
.faq_section_dsgn .aagb__accordion_body {
  border-top: 1px solid #e2e2e2 !important;
}
.url_shrt_wrps_frm {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.url_shrt_wrps_frm input {
  height: 60px;
  padding: 0px 22px;
  font-size: 18px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.url_shrt_wrps_frm input:focus, .url_shrt_wrps_frm button#submit_url:focus {
  outline: none;
}
.url_shrt_wrps_frm input#original_url {
  width: 60%;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}
.url_shrt_wrps_frm input#custom_text {
  width: 20%;
  border-left: 0px;
}
.url_shrt_wrps_frm button#submit_url {
  height: 62px;
  border: 1px solid #fff;
  border-radius: 0px;
  border-left: 0px !important;
  font-size: 18px;
  white-space: nowrap;
  width: 20%;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  cursor: pointer;
  background-color: #fb5915;
  color: #fff;
}
.url_shrt_wrps_frm input::placeholder{
  color: #ffffff70;
}
.url_shrt_heads h1 {
  margin: 0px;
  color: #fff;
}
.url_shrt_heads p {
  margin: 0px;
  font-size: 20px;
  color: #fff;
}
.url_shrt_heads {
  padding-bottom: 30px;
}
.show_short_infrslt {
  display: block !important;
}
.short-url-output {
  background: #fff;
  position: relative;
  margin-top: 40px;
  margin-bottom: -65px;
  padding: 43px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  box-shadow: 0px -12px 6px 0px rgb(0 0 0 / 5%);
}
.short-url-output:after {
  content: "";
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  background-size: 100%;
  bottom: 0;
  background-image: url(img/radious_shape_left.webp);
  position: absolute;
  z-index: 1;
  left: -30px;
}

.short-url-output:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  position: absolute;
  bottom: 0;
  background-image: url(img/radious_shape_right.webp);
  height: 30px;
  z-index: 1;
  right: -30px;
}
.shorf_rsb_copy {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #e8e8e8;
  padding: 16px;
  margin-top: 17px;
  position: relative;
  box-sizing: border-box;
}
span.shortresult_hdng {
  display: block;
  font-size: 25px;
  font-weight: 600;
  font-family: "Instrument Sans", sans-serif;
  color: #0081b6;
}
span#short-url {
  margin-right: auto;
  margin-left: 20px;
  color: #fb5915;
  font-weight: 700;
  font-size: 20px;
  text-decoration: underline;
}
.shorf_rsb_copy button#copy-btn {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  cursor: pointer;
}
.shorf_rsb_copy button#copy-btn:focus{
  outline: none;
}
.copy-message{
  margin: 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #ffffffb0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share_urlshrt {
  text-align: right;
  padding-top: 19px;
}
span.share_url_txts {
  display: block;
  color: #0083b7;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: underline;
}
.share_urlshrt img {
  max-width: 40px;
}
.share_urlshrt img {
  max-width: 40px;
  display: block;
  margin: auto;
}
.share_urlshrt a {
  display: inline-block;
  text-align: center;
  margin-left: 0px;
}
img.whtap {
  max-width: 30px;
  padding: 5px;
}
.word_cnt_outr {
  display: flex;
  position: relative;
  background: #fff;
  margin-top: -120px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

.word_cnt_outr:after {
  content: "";
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  background-size: 100%;
  top: 72px;
  background-image: url(img/radious_shape_left.webp);
  position: absolute;
  z-index: 1;
  left: -30px;
}

.word_cnt_outr:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  position: absolute;
  top: 72px;
  background-image: url(img/radious_shape_right.webp);
  height: 30px;
  z-index: 1;
  right: -30px;
}
.wrd_count_txtarea {
  width: 75%;
}
.word_cnt_rslt {
  width: 25%;
  border-left: 1px solid #ccc;
}
div#analysis-results ul li, div#keyword-density ul li {
  list-style: none;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #cccccc9e;
  font-weight: 500;
}
div#analysis-results ul li span, div#keyword-density ul li span {
  background: #fe6f0617;
  float: right;
  padding: 0px 9px;
  font-size: 15px;
  font-weight: 400;
  color: #c95309;
  border-radius: 3px;
}
div#analysis-results ul, div#keyword-density ul {
  margin: 0px;
  padding: 0px;
}
div#analysis-results {
  padding: 35px 20px 20px;
}
span.details_w_counts {
  display: block;
  font-size: 19px;
  background: #b5e8ff;
  padding: 3px 13px;
  margin-bottom: 12px;
  box-shadow: inset 3px 0px 0px #1b8dbf;
  color: #02435f;
}
span.denstyna {
  display: block;
}
div#keyword-density {
  padding-left: 20px;
  padding-right: 20px;
}
.innr_word_cnt_input {
  padding: 28px 25px 20px;
}
.innr_word_cnt_input textarea {
  width: 100% !important;
  box-sizing: border-box;
  border: 1px solid #ccc;
  min-height: 530px;
  resize: vertical;
  overflow: auto;
  border-radius: 7px;
  padding: 20px;
  font-size: 17px;
}
.innr_word_cnt_input textarea:focus{
  outline: none;
}
.word_cnt_densty label input {
  display: none;
}
.word_cnt_densty label span {
  background: transparent;
  display: inline-block;
  width: 58px;
  text-align: center;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  color: #fb5915;
  border: 1px solid #fb5915;
  cursor: pointer;
}
span.keywr_dn_set {
  /* display: block; */
  margin-right: 12px;
  font-weight: 500;
  font-size: 18px;
}
.word_cnt_densty {
  margin-bottom: 20px;
}
.word_cnt_densty label input:checked + span {
  background: #fb5915;
  color: #fff;
}
div#qr-code-generator {
  display: flex;
  position: relative;
  background: #fff;
  margin-top: -120px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

div#qr-code-generator:after {
  content: "";
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  background-size: 100%;
  top: 72px;
  background-image: url(img/radious_shape_left.webp);
  position: absolute;
  z-index: 1;
  left: -30px;
}

div#qr-code-generator:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  position: absolute;
  top: 72px;
  background-image: url(img/radious_shape_right.webp);
  height: 30px;
  z-index: 1;
  right: -30px;
}
.qr_innr_wrps {
  display: flex;
  width: 100%;
}
.qr_lft_bx {
  width: 75%;
  max-width: 75%;
}
.rt_qr_wrps {
  width: 25%;
  max-width: 25%;
}
.qr_bx_setpr {
  padding: 30px;
  border-right: 1px solid #00000021;
}
.rt_qr_innr_bx {
  padding: 30px;
}
div#qr-code img {
  max-width: 100%;
}
.form_wrap_qr label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #353535;
  font-weight: 400;
}
.form_wrap_qr input[type="text"], .form_wrap_qr input[type="url"] {
  width: 100%;
  height: 45px;
  padding: 0px 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

input[type="range"] {
  -webkit-appearance: none;
   appearance: none;
   background: transparent;
   cursor: pointer;
   width: 15rem;
}

input[type="range"]:focus {
 outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  background-color: #cae9ffa1;
  border-radius: 0.5rem;
  height: 0.8rem;  
}

input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none; 
  appearance: none;
  margin-top: -6px; 
  border-radius: 100px;

  background-color: #1B8DBF;
  height: 1.5rem;
  width: 1.5rem;
}

input[type="range"]:focus::-webkit-slider-thumb {   
 border: 1px solid #cae9ffa1;
 outline: 3px solid #cae9ffa1;
 outline-offset: 0.125rem; 
}

input[type="range"]::-moz-range-track {
  background-color: #cae9ffa1;
  border-radius: 0.5rem;
  height: 0.8rem;
}

input[type="range"]::-moz-range-thumb {
  border: none; 
  border-radius: 100px;


  background-color: #1B8DBF;
  height: 1.5rem;
  width: 1.5rem;
}

input[type="range"]:focus::-moz-range-thumb {
 border: 1px solid #cae9ffa1;
 outline: 3px solid #cae9ffa1;
 outline-offset: 0.125rem; 
}
.form_wrap_qr input#qr-size {
  width: calc(100% - 44px);
}
.form_wrap_qr input#qr-color {
  width: 100%;
}
.qr_size_colr {
  display: flex;
  width: 100%;
}
.qr_size_colr .form_wrap_qr:last-child {
  width: 15%;
}
.qr_size_colr .form_wrap_qr {
  width: 85%;
}
.form_wrap_qr textarea#qr-textarea {
  width: 100%;
  min-height: 200px;
  padding: 10px 10px;
  font-size: 17px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: vertical;
  overflow: auto;
}
.form_wrap_qr input, .form_wrap_qr textarea {
  box-sizing: border-box;
}
.qr_bx_setpr button#generate-button {
  background: #fb5915;
  cursor: pointer;
  border: none;
  height: 45px;
  width: 189px;
  font-size: 17px;
  border-radius: 5px;
  color: #fff;
  white-space: nowrap;
}

.form_wrap_qr {
  margin-bottom: 21px;
}
.qr_bx_setpr div#error-message {
  margin-bottom: 20px;
}
.top_calc_shft {
  margin-top: -107px;
}


/* Image Optimize */
.image-item-optmz .progress-bar {
  width: 100%;
  background-color: #f3f3f3;
  height: 2px;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 10px;
  box-shadow: none !important;
}
.image-item-optmz .progress-bar-fill {
  height: 100%;
  background-color: #4caf50;
  width: 0;
  transition: width 0.5s;
}
#downloadZipBtn {
  display: none;
}
.image-item-optmz {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0px !important;
  margin-bottom: 11px;
  border: none !important;
}
.image-wrapper-optmz {
  width: 60px;
  height: 60px;
}
.image-wrapper-optmz img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 11px;
  object-fit: cover;
}
.details_opt_info {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 200px);
}
.ttle_orgn span {
  display: block;
}
.updted_info_opz span {
  display: block;
  text-align: right;
}
.image-item-optmz button.download-btn {
  white-space: nowrap;
  font-size: 14px;
  text-decoration: none;
  background: #1b8dbf38;
  padding: 3px 15px;
  display: block;
  border-radius: 4px;
  color: #08597d;
  border: none;
  font-family: inherit;
  width: 92px;
  margin: 0 0 0 auto;
  cursor: pointer;
}
span.info_i_title {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  color: #1b8dbf;
}
span.info_sz_text {
  font-size: 16px;
  color: #848484;
}
span.updt_szesho {
  color: #fb5915;
  font-size: 19px;
  font-weight: 500;
}
span.updt_redcsho {
  font-size: 15px;
  font-weight: 500;
  color: #444444;
}
.totalSizeandzip {
  display: flex;
  gap: 20px;
}
.totalSizeandzip button#downloadZipBtn {
  height: 43px;
  border: none;
  background: #1b8dbf;
  color: #fff;
  padding: 0px 16px;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer !important;
}
.totalSizeandzip button#downloadZipBtn:focus, .image-item-optmz button.download-btn:focus{
  outline: none !important;
  box-shadow: none !important;
}
.totalSizeandzip button#downloadZipBtn img {
  max-width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
  position: relative;
  top: 5px;
  margin-right: 6px;
}
span.totl_cmp_sz {
  color: #fb5915;
  font-size: 19px;
  font-weight: 500;
  display: block;
  text-align: right;
}
span.rdcedbyimg {
  font-size: 15px;
  font-weight: 500;
  color: #444444;
  display: block;
  text-align: right;
}
div#qualityofimgwrp label {
  width: 100%;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 5px;
}
div#qualityofimgwrp input#qualityRange {
  width: calc(100% - 63px);
  margin-right: 10px;
}
#qualityofimgwrp span#qualityValue {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
span.qltperc_smbl {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-left: 2px;
}
div#qualityofimgwrp {
  /* border: 1px dashed #ffffff4f; */
  background: #ffffff24;
  padding: 12px;
  border-radius: 11px;
  text-align: center;
  display: block;
  margin-top: 14px;
}
.otpstrt_btns {
  margin: auto;
  margin-top: 16px;
}
.editbx_wrps {
  background: #1D1D1D;
  border-top: 19px solid #333333;
  margin-top: -120px !important;
}
.flx_innrbx_edit {
  display: flex;
  gap: 3px;
}
.prev_editinr canvas, .brd_set_imgview {
  max-width: 100%;
  height: 100%;
  max-height: 650px;
  background: #fff;
}
.prev_editinr {
  width: 100%;
  min-height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seting_edit_wrps {
  max-width: 244px;
  width: 100%;
  padding: 30px;
}
.prev_edit_wrps {
  width: 100%;
  background: #0c0c0c59;
  padding: 30px;
  border: 1px solid #000;
}
.img_selc_edt_inpt label input {
  display: none;
}
.img_selc_edt_inpt label {
  background: #1b8dbf;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: inherit;
}
div#controls_edts label {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-bottom: 0px;
}
div#controls_edts {
  margin-top: 35px;
  margin-bottom: 30px;
}
.fltr_rng_edt {
  margin-bottom: 15px;
}


.fltr_rng_edt input[type="range"] {
  -webkit-appearance: none;
   appearance: none;
   background: transparent;
   cursor: pointer;
   width: 15rem;
}

.fltr_rng_edt input[type="range"]:focus {
 outline: none;
}

.fltr_rng_edt input[type="range"]::-webkit-slider-runnable-track {
  background-color: #cae9ffa1;
  border-radius: 0.5rem;
  height: 0.2rem;  
}

.fltr_rng_edt input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none; 
  appearance: none;
  margin-top: -6px; 
  border-radius: 100px;

  background-color: #1B8DBF;
  height: 0.9rem;
  width: 0.9rem;
}

.fltr_rng_edt input[type="range"]:focus::-webkit-slider-thumb {   
 border: 1px solid #cae9ffa1;
 outline: 3px solid #cae9ffa1;
 outline-offset: 0.125rem; 
}

.fltr_rng_edt input[type="range"]::-moz-range-track {
  background-color: #cae9ffa1;
  border-radius: 0.5rem;
  height: 0.2rem;
}

.fltr_rng_edt input[type="range"]::-moz-range-thumb {
  border: none; 
  border-radius: 100px;


  background-color: #1B8DBF;
  height: 0.9rem;
  width: 0.9rem;
}

.fltr_rng_edt input[type="range"]:focus::-moz-range-thumb {
 border: 1px solid #cae9ffa1;
 outline: 3px solid #cae9ffa1;
 outline-offset: 0.125rem; 
}
.setng_innr_edt button#resetButton {
  background: transparent;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  cursor: pointer;
}

.setng_innr_edt button#downloadButton, .grayscl_dwnlbtn, .downlod_brdimg, .dnload_blr_img {
  background: #fb5915;
  cursor: pointer;
  border: none;
  height: 43px;
  width: 100%;
  font-size: 17px;
  border-radius: 3px;
  color: #fff;
  margin-top: 40px;
}


.setng_innr_edt button#downloadButton:focus, .setng_innr_edt button#resetButton:focus, .grayscl_dwnlbtn:focus, .downlod_brdimg:focus, .dnload_blr_img:focus{
  outline: none;
  box-shadow: none;
}



/* Translator */

.translator_wrps .loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #ff630e;
  width: 20px;
  height: 20px;
  animation: spin 0.2s linear infinite;
  display: none;
  margin: 20px auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

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

  100% {
      transform: rotate(360deg);
  }
}

.translator_wrps .hidden {
  display: none;
}

.translator_wrps button {
  padding: 10px 15px;
  margin-right: 5px;
  cursor: pointer;
  border: none;
  background-color: #54BE74;
  color: white;
  border-radius: 5px;
  transition: background-color 0.3s;
}
.translator_wrps .setng_innr_edt {
  display: flex;
  flex-wrap: wrap;
}
.translator_wrps button.active {
  background-color: #ff630e;
  border: 1px solid #ff630e;
}

.translator_wrps .copy_txt_icn textarea#MainContent_myarea {
  width: 100%;
  height: 100%;
  min-height: 650px;
  background: transparent;
  border: none;
  color: #000;
  font-size: 18px !important;
  border-radius: 0px;
  font-weight: 500;
  resize: vertical;
}

.translator_wrps textarea#MainContent_myarea:focus {
  outline: none;
  border-color: #000000;
  box-shadow: none;
}

.translator_wrps .btn_translte {
  padding: 9px 20px;
  background: transparent;
  font-size: 15px;
  border-radius: 2px;
  width: 47%;
  margin-bottom: 7px;
  color: #0083b7;
  border: 1px solid #0083b7;
}

.translator_wrps .btn_translte.active {
  color: #fff;
}

.translator_wrps .btn_translte:focus {
  outline: none;
  box-shadow: none;
}

.translator_wrps {
  position: relative;
}

.translator_wrps span#copyMessage {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0084b80d;
  font-size: 16px;
  font-weight: 600;
  color: #0084b8;
  top: 0;
  left: 0;
}

.translator_wrps .copy_txt_icn {
  width: 100%;
  height: 100%;
  min-height: 650px;
}

.translator_wrps button#copy-btn {
  background: transparent;
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  padding: 0px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #000;
}
.translater_editr {
  background: #e7e7e7;
  border-top: 19px solid #cacaca;
}
.translater_editr .prev_edit_wrps {
  background: #c7c7c759;
  border: 1px solid #dbdbdb;
  position: relative;
}

.translator_wrps button#copy-btn:focus{
  outline: none;
  box-shadow: none;
}
.translator_wrps h2 {
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 27px;
  color: #000000;
  text-decoration: underline;
}


/* Image Border */
.border_stle_sl input {
  display: none;
}
.slct_brd_stlwrap>label {
  width: 100%;
  display: block;
  margin-bottom: 10px !important;
}
.slct_brd_stlwrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.border_stle_sl label {
  font-size: 12px !important;
  cursor: pointer;
  padding: 4px 0px;
  border-color: #fff;
}
.border_stle_sl {
  flex: 1;
  margin-right: 7px;
  text-align: center;
}
.border_stle_sl label[for='solid'] {
  border: 3px solid;
}
.border_stle_sl label[for='double'] {
  border: 3px double;
}

.border_stle_sl label[for='dotted'] {
  border: 3px dotted;
}

.border_stle_sl label[for='dashed'] {
  border: 3px dashed;
}
.brdrrnge_set input#border-width {
  width: calc(100% - 38px);
}
.brdrrnge_set span#border-width-value {
  color: #fff;
  font-size: 12px;
}
.color_rngslct input#border-color {
  margin-top: 9px;
  width: 100%;
  cursor: pointer;
}
.brdrrnge_set {
  margin-bottom: 30px;
}
.color_rngslct {
  margin-bottom: 30px;
}
.border_rm_wrps_inr input {
  display: none;
}
.border_rm_wrps_inr label {
  display: block;
  height: 25px;
  border: 3px solid #fb5915;
  flex: 1;
  cursor: pointer;
}
.border_rm_wrps_inr {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 17px;
}
.border_rm_wrps_inr label[for="border-top"] {
  border-top: none;
}
.border_rm_wrps_inr label[for="border-right"] {
  border-right: none;
}
.border_rm_wrps_inr label[for="border-bottom"] {
  border-bottom: none;
}
.border_rm_wrps_inr label[for="border-left"] {
  border-left: none;
}

.border_stle_sl input[type="radio"]:checked + label {
  border-color: #fb5915;
  color: #fb5915 !important;
}

.border_rm_wrps_inr input[type="checkbox"]:checked + label {
  border-color: #ffffff;
  color: #ffffff !important;
}



/* New QR Code */
div#qr-code img {
  border-radius: 10px;
}
div#qr-code-generator_ny {
  background: #E7E7E7;
  margin-top: -120px;
}
.qr_innr_wrps_ny {
  display: flex;
}
.qr_lft_bx_ny {
  width: 100%;
  padding: 30px;
  background: #fafafa;
  border: 1px solid #e7e7e7;
}
.rt_qr_wrps_ny {
  min-width: 300px;
  max-width: 300px;
  padding: 30px;
  border: 1px solid #e7e7e7;
}
.txt_qr_ny input, .url_qr_ny input {
  width: 100%;
  box-sizing: border-box;
  height: 45px;
  padding: 0px 14px;
  background: transparent;
  border: none;
  font-family: inherit;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}
.txtarea_wrap_qr textarea {
  width: 100%;
  box-sizing: border-box;
  height: 100px;
  padding: 0px 14px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  font-size: 16px;
  resize: vertical;
}
.qr_bx_setpr_ny div#error-message {
  margin-bottom: 15px;
  color: #ff1b1b;
}
.logo_qr_ny label {
  display: block;
}
.logo_qr_ny input#logo {
  border: 1px solid #ccc;
  background: #fff;
  padding: 11px;
}
.in_onelne_optn {
  display: flex;
  gap: 30px;
}
.qr_styl_ny select#style {
  width: 100%;
  box-sizing: border-box;
  height: 27px;
  padding: 0px 4px;
  background: transparent;
  border: none;
  font-family: inherit;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}
.in_onelne_optn input[type="color"] {
  width: 100%;
}
.in_onelne_optn>* {
  flex: 1;
}
.zise_wrap_qr {
  display: flex;
  flex-wrap: wrap;
}
.zise_wrap_qr input#qr-size {
  display: block;
  width: calc(100% - 72px);
}
.zise_wrap_qr label {
  width: 100%;
}
.zise_wrap_qr output#size-output {
  margin-left: 8px;
}
.txt_qr_ny, .url_qr_ny, .zise_wrap_qr, .logo_qr_ny, .in_onelne_optn, .trsn_wrap_qr_ny, .txtarea_wrap_qr {
  margin-bottom: 40px;
}

.txt_qr_ny label, .url_qr_ny label, .zise_wrap_qr label, .logo_qr_ny label, .in_onelne_optn label, .trsn_wrap_qr_ny label, .txtarea_wrap_qr label {
  font-size: 15px;
  margin-bottom: 5px;
  display: block;
  color: #373737;
}

.txt_qr_ny input:focus, .url_qr_ny input:focus, .zise_wrap_qr input:focus, .logo_qr_ny input:focus, .in_onelne_optn input:focus, .trsn_wrap_qr_ny input:focus, .txtarea_wrap_qr textarea:focus, .qr_styl_ny select#style:focus{
outline: none;
box-shadow: none;
}
.rt_qr_innr_bx_ny div#qr-code canvas {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.trsn_wrap_qr_ny {
  margin-bottom: 20px;
}
.qr_bx_setpr_ny button#generate-button{
  background: #fb5915;
  cursor: pointer;
  border: none;
  height: 43px;
  width: fit-content;
  font-size: 17px;
  border-radius: 3px;
  color: #fff;
  margin-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
}
.qr_bx_setpr_ny button#generate-button:focus{
  outline: none;
  box-shadow: none;
}
.rt_qr_innr_bx_ny a#download-link {
  background: #1b8dbf;
  cursor: pointer;
  border: none;
  height: 43px;
  width: 100%;
  font-size: 17px;
  border-radius: 3px;
  color: #fff;
  margin-top: 40px;
  display: block;
  line-height: 43px;
  padding: 0px 20px;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}
.size_padset>* {
  flex: 1;
}
.size_padset {
  display: flex;
  gap: 60px;
}
.padding_wrap_qr_ny label {
  font-size: 15px;
  margin-bottom: 5px;
  display: block;
  color: #373737;
}
.padding_wrap_qr_ny input#qr-padding {
  width: calc(100% - 53px);
}
.zise_wrap_qr {
  font-size: 15px;
}
.padding_wrap_qr_ny {
  font-size: 15px;
}

/* Blurr Image */
.canvas-wrapper_blrrr {
  width: 100%;
  min-height: 650px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Base64 Rest */

div#resdwon_copywrpr button.bserest {
  background: transparent;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  cursor: pointer;
  justify-content: flex-end;
}
div#resdwon_copywrpr {
  flex-wrap: wrap;
  padding-top: 30px;
}
.btn_copycode {
  background: transparent;
  cursor: pointer;
  border-radius: 3px;
  color: #fff;
  margin-top: 0px;
  white-space: nowrap;
  font-size: 16px;
  border: none;
  padding: 0px;
  align-items: center;
  gap: 9px;
}
button.btn_downloadcod {
  background: #fb5915;
  cursor: pointer;
  height: 43px;
  border-radius: 3px;
  color: #fff;
  margin-top: 40px;
  white-space: nowrap;
  font-size: 16px;
  border: 1px solid #fb5915;
  padding: 0px 12px;
  width: 100%;
}
#resdwon_copywrpr button:focus{
  outline: none;
  box-shadow: none;
}
.output_base64_wrps {
  width: 100%;
  height: 100%;
}
.output_base64_wrps textarea#base64Output {
  width: 100%;
  min-height: 360px;
  background: transparent;
  border: none !important;
  color: #fff;
}
.output_base64_wrps img#outputImage {
  margin: auto;
  width: 230px;
  margin-bottom: 22px;
  background: #fff;
  border-radius: 8px;
  display: flex;
}
div#copyMessage {
  color: #fb5915;
  margin-top: 19px;
  font-weight: 300;
}

.list_gap li {
  margin-bottom: 10px;
}
.img-w-100 img{
  width: 100% !important;
}
.list_dsns {
  padding: 0px !important;
}
.list_dsns li {
  background: #fff6f2;
  margin-bottom: 12px;
  padding: 16px 16px 16px 25px;
  list-style: none;
  box-shadow: inset 5px 0px 0px #ffb191;
  color: #000000;
  font-weight: 400;
}
.list_dsns {
  padding: 0px !important;
}

.comment-form input#submit {
  border-radius: 3px;
  font-size: 18px;
}
.comment-form input#submit:hover {
  color: #fff !important;
}
.comment-form input#submit:focus {
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}
.contformspg button.wpforms-submit {
  background-color: #ff6a3d !important;
  border-radius: 3px !important;
  border-color: #ff6a3d !important;
  border-width: 0 !important;
  color: #fff !important;
  font-family: inherit;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: inherit;
  text-decoration: none;
  height: 45px !important;
}
.contformspg button.wpforms-submit:focus{
  outline: none !important;
  box-shadow: none !important;
}

.login_reg_btns {
  text-align: center;
  padding-top: 20px;
}
.ordshngt {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}
.loginred_innrsa a {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #fff;
  padding: 3px 17px;
  display: inline-block;
  margin: 0px 5px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.loginred_innrsa {
  padding-top: 14px;
}
.dflex_categhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.innrcategmntitle h2 {
  color: #fc5812;
  margin: 0px;
}
.viewall_arrowbtn a {
  color: #1b8dbf;
  font-weight: 600;
}
.snglcet_wrp_inr:not(:last-child) {
  padding-bottom: 80px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 40px;
}



@media(min-width:701px){
	.displonmbonl{
		display:none !important;
	}
}
@media (min-width:1200px) {
  .mobilenv_show {
    display: none !important;
}
}

@media(max-width:1470px) {
	div#formatOptions label {
    margin-right: 10px;
    margin-bottom: 13px;
    display: inline-block;
}
	.frmconvrtwrps {
    width: 70%;
    min-width: 50%;
	}
	
	.wrppper_outr {
    background-repeat: no-repeat;
    background-size: cover;
}
	
	
	
	
	
	
	
}
@media(max-width:1370px) {
    .snglcet_wrp_inr .row {
        grid-template-columns: auto auto auto auto;
    }
    .learncodes .row{
        grid-template-columns: auto auto auto;
    }
	.in_onelne_optn>* {
    flex: 0 0 46%;
}
.in_onelne_optn {
    flex-wrap: wrap;
}
	
}

@media(max-width:1199px) {
    .snglcet_wrp_inr .row {
        grid-template-columns: auto auto auto auto;
    }
    .learncodes .row{
        grid-template-columns: auto auto auto;
    }
    .tsm_inner_wrps {
      display: block;
  }
  .tsm_uth_img {
    border-right: none;
    padding-right: 0px;
}
.hide_mobile{
  display: none !important;
}
button.wp-block-navigation__responsive-container-open:after{
  display: none;
}
.foot_wrps{
  padding-top: 130px !important;
  overflow: hidden;
}
.size_padset {
    display: block;
	margin-bottom: 20px;
}
.zise_wrap_qr {
    margin-bottom: 19px;
}	
	
.innrbnrcnvrttxt {
    padding-right: 70px;
}	
	.tmecalc_wrp .row_flex {
    display: block;
}
.tmecalc_wrp .row_flex .col_6 {
    width: 100%;
}	
	.resulttbtime {
    margin-top: 30px;
}
	
}

@media(max-width:1000px) {
    .snglcet_wrp_inr .row {
        grid-template-columns: auto auto auto;
    }
    .learncodes .row{
        grid-template-columns: auto auto;
    }
	.url_shrt_wrps_frm {
    display: block;
}
.url_shrt_wrps_frm button#submit_url {
    margin-top: 20px;
    border-radius: 11px !important;
    padding: 0px 30px !important;
    width: fit-content !important;
}
.url_shrt_wrps_frm input#custom_text {
    width: 100%;
    border-left: 1px solid;
    border-radius: 9px;
    margin-top: 20px;
	box-sizing: border-box;
}	
.url_shrt_wrps_frm input#original_url {
    width: 100%;
    box-sizing: border-box;
	border-radius: 9px;
}	
.donldcnvrtbtns {
    display: block;
}
.totalSizeandzip {
    display: block;
}	
span.totl_cmp_sz {
    text-align: left;
}
span.rdcedbyimg {
    text-align: left;
}
div#totalCompressedSize {
    margin-top: 20px;
    margin-bottom: 20px;
}	
.prev_convrtimgwrap li.image-item-optmz {
       display: block;
}	
.prev_convrtimgwrap li.image-item-optmz .details_opt_info {
    display: block;
	 width: 100%;
}	
.prev_convrtimgwrap li.image-item-optmz .updted_info_opz span {
    text-align: left;
}
.prev_convrtimgwrap li.image-item-optmz .updted_info_opz {
    padding-top: 12px;
    padding-bottom: 15px;
}	
.image-item-optmz button.download-btn {
    margin: 0;
    margin-bottom: 20px;
}	
	
	
	
}

@media(max-width:900px) {
	.qr_innr_wrps_ny {
    display: block;
}
.qr_lft_bx_ny {
    max-width: 100%;
    box-sizing: border-box;
}	
div#qr-code-generator_ny {
    margin-top: 40px;
}	
	.mobtabpads {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}
.convt_flex {
    display: block;
}	
.frmconvrtwrps {
	width: 100%;
	min-width: 100%;
	box-sizing: border-box;
	margin-top: 45px;
	}	

    .innrbnrcnvrttxt {
        padding-right: 0px;
    }	
.wrppper_outr {
        padding-top: 30px;
    }	
	.word_cnt_outr {
    display: block;
    margin-top: 0px;
}
.wrd_count_txtarea {
    width: 100%;
    box-sizing: border-box;
}	
.word_cnt_rslt {
    width: 100%;
    border-left: none;
}	
.innr_word_cnt_input {
    padding: 0px;
}
div#analysis-results {
    padding: 22px 0px;
}	
div#keyword-density {
    padding-left: 0;
    padding-right: 0;
}
.word_cnt_outr {
    padding-top: 30px;
}	
.editbx_wrps {
    margin-top: 30px !important;
}	
	.top_calc_shft {
    margin-top: 40px;
}
	
	
	
}

@media(max-width:800px) {
    .snglcet_wrp_inr .row {
        grid-template-columns: auto auto auto;
    }
    .tsm_outer_wrp {
      padding: 26px;
  }
  .foot_pstlist ul.footlst_itms {
    padding-left: 17px;
  }
	
.flx_innrbx_edit {
    display: block;
}	
.translator_wrps .btn_translte {
    width: auto;
}	
.seting_edit_wrps {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.translater_editr .prev_edit_wrps {
    box-sizing: border-box;
}	
	.translator_wrps .copy_txt_icn textarea#MainContent_myarea, .translator_wrps .copy_txt_icn, .translator_wrps .prev_editinr{
		min-height:200px;
	}	
.prev_edit_wrps {
    box-sizing: border-box;
}	
	
	
	.fltr_rng_edt input[type="range"] {
    width: 100%;
}	
	
	
}
@media(max-width:700px) {
    .snglcet_wrp_inr .row {
        grid-template-columns: auto auto;
    }
	.frmconvrtwrps {
        padding: 18px;
    }
.donldcnvrtbtns {
    display: block;
}
 .donldcnvrtbtns button#zipDownloadButton {
    margin-top: 20px;  
	}
    .calc_flx {
        flex-wrap: wrap;
        border-bottom: 1px solid #ffa081;
        margin-bottom: 22px;
        /* width: 100%; */
        gap: 0;
    }
.calc_col_1.calc_comn {
    width: 100%;
	max-width: 100%;
    flex: 0 0 100%;
}
.calc_flx>* {
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }	
select.ampms, .calc_comn input {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px;
}
.calc_btnstr {
    /* text-align: center; */
    padding-left: 0px;
    padding-top: 10px;
}	
button.calc_btns {
    width: 100%;
}
	
	
}

@media(max-width:500px) {
    .snglcet_wrp_inr .row {
        grid-template-columns: auto;
    }
    .learncodes .row{
        grid-template-columns: auto;
    }
	.short-url-output {
    padding: 14px;
}
.shorf_rsb_copy button#copy-btn {
    margin-top: 26px;
}
	.share_urlshrt img {
    max-width: 26px;
}
.share_urlshrt a {
    margin-left: 5px;
}	
.shorf_rsb_copy {
    border: none;
    padding: 0px;
}	
	span#short-url {
    margin-left: 0px;
}
span.share_url_txts {
    margin-bottom: 19px;
}
.logo_qr_ny input#logo {
    box-sizing: border-box;
    max-width: 100%;
}
	.rt_qr_wrps_ny {
    min-width: inherit;
    max-width: 100%;
    padding: 30px;
}
.innrbnrcnvrttxt h1 {
    font-size: 25px;
}	
	
.prev_convrtimgwrap ul li {
    flex-wrap: wrap;
}	
	span.image-name {
    width: calc(100% - 80px);
}
.prev_convrtimgwrap li.preview-item .download-button {
    display: block;
    width: 100%;
    max-width: fit-content;
}	
span.keywr_dn_set {
    display: block;
    margin-bottom: 11px;	
	}
	.innr_word_cnt_input textarea {
    border: 1px solid #ccc;
    min-height: 250px;
	}
.wp-block-image img {
    max-width: 190px;
}	
	
	
}

span.totlalcounts {
    display: block;
    margin: 0px;
}