@charset "utf-8";:root{--clr-orange: #f69117;--clr-sky: #00a8ff;--clr-sky-bright: #00cbff;--clr-sky-dark: #056ec8;--clr-sky-light: #eff6fc;--clr-green: #00a126;--clr-green-bright: #1fc100;--clr-green-light: #dde9dd;--clr-gray: #d9d9d9;--clr-gray-light: #efefef;--clr-yellow-light: #fffbdf;--clr-cream: #ffefdb;--clr-dark: #313132;--clr-black: #000000;--clr-white: #ffffff}body{font-family:segoe ui,Helvetica,sans-serif;font-size:.9rem}.container{max-width:1440px;padding-left:10px;padding-right:10px}@media screen and (max-width:1322px){#working_area{width:55%}#sidebar{width:28%}}@media screen and (max-width:1199px){#working_area{width:67%}#sidebar{width:33%}}@media screen and (max-width:991px){#working_area{width:100%}#sidebar{width:0%}}p{margin-bottom:.8rem}a{text-decoration:none}table{font-size:.8rem}.table td,.table th{border-top:1px solid #dee2e6;border-bottom:0}.text-info{color:#4b75b0!important}.form-control,.btn{font-size:.92rem}input:focus,button:focus{box-shadow:none!important}.btn-dark{background:#3f3f40!important}.btn-orange{color:var(--clr-white);background:var(--clr-orange)!important;border-radius:10px}.btn-orange:hover{color:var(--clr-white);background:#e97f00!important}.btn-orange:active{color:var(--clr-white);background:var(--clr-orange)!important}.btn-warning{background:#f5a42c!important}.btn-outline-orange{width:fit-content;color:#707070;border:1px solid #707070;border-radius:25px!important;padding:.5rem 1.5rem;margin-right:5px;font-weight:400}.btn-check-orange{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check-orange:checked+.btn-outline-orange{color:var(--clr-white);border:1px solid var(--clr-orange);background:var(--clr-orange);border-radius:16px}.bg-dark{background-color:#202020!important}.bg-less-dark{background-color:#3f3f40!important}.bg-yellow{background-color:#b2e3b9!important}.bg-green{background-color:#dde9dd!important;border:1px solid #a0a0a0}.bg-green-dark{background-color:var(--clr-green)!important}.bg-green-bright{background-color:var(--clr-green-bright)}.bg-gray{background-color:var(--clr-gray)}.bg-gray-light{background-color:var(--clr-gray-light)!important}.bg-silver{background-color:#f0f0f0!important}.bg-sky{background-color:var(--clr-sky)!important}.bg-sky-bright{background-color:var(--clr-sky-bright)!important}.bg-sky-light{background-color:var(--clr-sky-light)!important}.bg-orange{background-color:var(--clr-orange)!important}.bg-yellow-light{background-color:var(--clr-yellow-light)!important}.text-dark{color:#3f3f40!important}.text-green-bright{color:var(--clr-green-bright)}.text-sky{color:var(--clr-sky)}.text-sky-dark{color:var(--clr-sky-dark)}.text-orange{color:var(--clr-orange)!important}.form-control{background-color:#fcfcfc}.form-control:focus{border-color:#8e8e8e}.form-control-sm{height:calc(1.5em + 0.5rem + 2px);font-size:.875rem}.fw-600{font-weight:600!important}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:var(--clr-orange)!important;background-color:#f5a759}.navbar .active .nav-link{color:var(--clr-orange)!important}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#000;background-color:#f5a759}.table-active{--bs-table-accent-bg: transparent !important}.table>:not(:first-child){border-top:none}.table-active,.table-active>td,.table-active>th{background-color:#f5f5f5!important}td .copy-icon{visibility:hidden;cursor:pointer;float:left;margin-right:5px}td:hover .copy-icon{color:#0056b3!important;visibility:visible}.show_copy .copy-icon{visibility:hidden;cursor:pointer}.show_copy:hover .copy-icon{color:#0056b3!important;visibility:visible}.ucp .copy-icon-manual{float:right;visibility:hidden;color:#666!important;cursor:pointer}.ucp:hover .copy-icon-manual{color:#222!important;visibility:visible}.list-c{padding:13px 6px 6px 13px!important}.ip-v{font-weight:500}@media(max-width:575px){.ucp .copy-icon-manual{visibility:visible}.ucp .copy-icon-manual .icon{height:.8rem!important;width:.8rem!important}td .copy-icon{visibility:visible}}.ad-box{width:100%;height:auto}@media(max-width:991px){.ad-box-inside-content-tools-pages{padding-top:15px}}.box-container{background:var(--clr-white);box-shadow:0 3px 6px #00000029;border-radius:10px;padding:15px}.input-style{background-color:#efefef;color:#646464;border:1px solid #707070;border-radius:10px;padding:18px 15px!important;-webkit-appearance:none;appearance:none;outline:none!important}.btn-style{padding:18px 15px!important;font-size:16px;font-weight:700;white-space:nowrap;min-width:211px;min-height:55px;text-align:center;list-style:0}.input-style:focus{background-color:#efefef;color:#646464;box-shadow:none;border:1px solid #707070;-webkit-appearance:none;appearance:none}.side-tools{display:flex;flex-direction:column;gap:1.5rem}.tool-item{background:#dde9dd;color:var(--clr-black)!important;border-radius:5px;padding:6px 15px;font-size:14px;text-align:center;cursor:pointer}.tool-item:hover{background:#cbe1cb}#record_style label{margin-bottom:.5rem}.r{border-radius:10px!important}.single-word{background:#fff;border-radius:100px;width:fit-content;box-shadow:0 0 4px rgba(0,0,0,.25);cursor:pointer;margin:7px}.single-word:hover{background-color:#f5f5f5}*[id]{scroll-margin-top:11rem!important;scroll-snap-align:end none}.tool_error_msg{height:500px!important}@media screen and (max-width:575px){.input-style{padding:10px 12px!important}.btn-style{padding:10px 12px!important;min-width:183px;min-height:39px}}.shake-anim{animation:shake-animation .7s ease-in-out 1s infinite}@keyframes shake-animation{0%{transform:translateX(0px)}25%{transform:translateX(5px)}50%{transform:translateX(-3px)}75%{transform:translateX(5px)}100%{transform:translateX(0px)}}.header-container{padding-bottom:20px!important;position:fixed;top:0;background:var(--clr-white);box-shadow:0 5px 10px #80808026;z-index:9999}.main-content{margin-top:160px}.header-box{padding-top:10px;padding-bottom:10px}.logo-box{width:100%}.logo-box .logo img{width:100%}@media(max-width:991px){.header-container{position:static;padding-bottom:0!important}.main-content{margin-top:0}.logo-box{width:min-content}.logo-box .logo img{width:130px;height:29px}}.server_header th,.server_header td{padding:.45rem!important}.server_header th{width:20%}.server_header td{word-break:break-all}.browser-request{background:#ebebeb;padding:5px 8px;border-radius:5px;line-height:2.55em}.server-request-c-adj{margin-top:.4rem}.navbar-custom-box{padding:0}.navbar-custom .nav-item{text-transform:capitalize;font-size:14px}.navbar-custom .nav-link{padding-right:1rem!important;color:var(--clr-dark)!important}.navbar-toggler{border:none;padding:0}.navbar-toggler-icon{color:var(--clr-black);width:1.5em;height:1em}#tools_search{position:relative;width:362px;border-radius:8px}#tools_search .input-group{flex-wrap:nowrap!important}.input-search-field-items,.all_tools_loading{display:none;margin-top:10px;border-radius:10px;background-color:#fff;box-shadow:0 0 6px #00000029}#query{color:var(--dark);background:#f3f3f3;padding:8px 28px;border:none}.btn-search{background:var(--clr-orange)}.show_search_loading{display:block;cursor:pointer;color:gray;padding:10px;position:absolute;top:100%;left:0;right:0;z-index:10;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.show_search{border-bottom-left-radius:0}@media screen and (min-width:992px){.input-search-field-items p:hover{color:var(--clr-orange)}#tools_search button{border-top-right-radius:10px;border-bottom-right-radius:10px}}@media screen and (max-width:991px){.navbar_toggler_btn{width:100%}#navbarNav{order:4}#tools_search{width:min-content;border-radius:8px;order:3}.navbar-custom .nav-item{border-top:none!important}.navbar-nav .nav-item:first-of-type{border-top:2px solid #c7c7c7!important;margin-top:10px}.query-sm{position:relative!important;right:-100%}.btn-search{background:0 0}.btn-search .icon-search-bg{background-color:var(--clr-black)!important}}.search-box{width:90%!important}.search-box-input{animation:search-anim .3s linear 0s 1 forwards!important}@keyframes search-anim{from{padding:0 28px 0 10px}to{right:0%;padding:0 28px 0 10px}}.title{border-radius:3px;width:100%;margin:15px 0}.title h1,.title h2,.title h3,.title h4,.title h5,.title h6{margin-bottom:0}.title{font-size:28px;font-weight:700!important}.title small{margin-top:8px;margin-top:2px;color:#ccc}.map-view-link{margin-bottom:5px;font-size:12px;font-weight:400!important;color:var(--clr-sky)!important}.map-box{display:none}.title .last-updated-ip{font-size:11px;color:#999;margin-left:5px;text-transform:uppercase;color:var(--clr-green);float:right;font-weight:400;margin-top:6px}.h1{font-size:2rem;font-weight:600}.h2{font-size:1.5rem;font-weight:600}.h3{font-size:1.3rem;font-weight:600}.h4{font-size:1.125rem;font-weight:500}.h5{font-size:1rem;font-weight:500}.h6{font-size:.875rem;font-weight:500}.tool-label{font-size:14px!important}.tool-result-heading{font-size:28px!important;font-weight:600!important}@media screen and (max-width:575px){.tool-heading,.tool-result-heading{font-size:18px!important;font-weight:600!important}}.more-tools,.show-more-tools{font-style:normal;font-weight:600;font-stretch:normal;font-size:18px;line-height:24px;color:#00acee}.more-tools{width:max-content;margin-left:auto;margin-top:5px}.tool-form-box{padding-top:30px;padding-bottom:40px}.tool-form-box label{font-size:25px;font-weight:600;margin-bottom:19px;width:100%;text-align:center}.tool-form-box .tool-input{height:70px;font-weight:300;font-size:25px;border-color:#a0a0a0}.tool-form-box .tool-btn{padding-top:16px;padding-bottom:16px;font-size:22px;text-transform:uppercase;font-weight:300}.tool-form-box-sm{padding-top:24px;padding-bottom:34px}.tool-form-box-sm label{font-size:16px;font-weight:600;text-transform:uppercase;margin-bottom:10px;width:100%;text-align:left}.tool-form-box-sm .form-group{margin-bottom:.5rem}.tool-form-box-sm .tool-input{height:60px;font-weight:300;font-size:22px;border-color:#d98810}.tool-form-box-sm .form-text{font-size:12px;color:#000!important;text-align:left!important;margin-bottom:2px!important}.tool-form-box-sm .tool-btn{padding-top:12px;padding-bottom:12px;font-size:20px;text-transform:uppercase;font-weight:300}.tool-table-result{font-size:18px;font-weight:300}@media screen and (max-width:576px){.more_tools{height:190px;overflow:hidden}.more_tools .tool-item{width:100%}}.accordion-item{background:clr(--clr-white);border:none;margin-bottom:15px;box-shadow:0 3px 6px #00000029;border-radius:10px!important;overflow:hidden}.accordion-item:last-of-type{margin-bottom:0!important}.accordion-button{background-color:clr(--clr-white);color:var(--clr-black);cursor:pointer;font-size:1rem;font-weight:400}.accordion-button:hover{color:var(--clr-black)}.accordion-button:not(.collapsed){background-color:transparent;color:var(--clr-black)!important;box-shadow:none}.accordion-button::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzIxMjUyOSc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+)}.accordion-button:not(.collapsed)::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzIxMjUyOSc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+)}.accordion-hr{color:var(--clr-orange);height:2px!important;margin:0 1rem;opacity:1}.main-sidebar{border-radius:10px;margin-top:2rem;margin-bottom:2rem;padding:1rem;background:var(--clr-white);box-shadow:0 3px 6px #00000029;height:max-content}.sidebar-widget-box{margin-bottom:10px;width:100%}.sidebar-widget-box .title h4{font-weight:700!important;padding-left:8px;font-size:24px!important}.widget-list{list-style-position:inside;padding:0;margin-bottom:0}.widget-list li{width:100%;padding:2px 8px}.widget-list li i{display:none}.widget-list li::marker{color:var(--clr-orange)}.widget-list li .badge{margin-left:5px;font-size:10px;line-height:1.1}.widget-list li a{font-size:14px;color:#3f3f40}.widget-list li a:hover{text-decoration:none;color:#000}.footer-container{padding-top:25px;color:var(--clr-black)}.footer-widget{margin-bottom:30px}.footer-container .widget-title{text-transform:uppercase;font-weight:700!important}.footer-container .widget-list i{margin-right:5px}.footer-container .widget-list a{color:var(--clr-black)}.footer-container .widget-list a:hover{color:var(--clr-orange)}.logo-footer img{width:210px;margin-top:20px;filter:grayscale(100%);transition:all .2s ease-in-out}@media screen and (max-width:1200px){.logo-footer img{width:210px}}.logo-footer img:hover{filter:grayscale(0%)}.copyright-container{text-align:center;border-top:2px solid var(--clr-orange);padding-top:25px;padding-bottom:25px;color:var(--clr-black);background:var(--clr-white)}@media(max-width:1200px){}@media(max-width:991px){.navbar-custom-box{padding:5px 5px 5px 0!important}.navbar-dark .navbar-nav .active>.nav-link{color:rgba(255,255,255,.5);background-color:#3f3f40}.navbar-custom .nav-item{border-left:0!important;border-right:0!important;border-top:1px solid #2b2b2c}.navbar-custom .nav-item:first-of-type{border-top:0}.navbar-custom .nav-link{padding:.5rem}.navbar-custom-box .navbar-toggler{font-size:.8rem;margin-left:10px}#donation_box{display:none!important}}@media(max-width:768px){.logo-box{text-align:center}.tool-form-box{padding-top:15px;padding-bottom:26px}.tool-form-box .tool-btn{padding-top:10px;padding-bottom:10px;font-size:17px}.tool-form-box .tool-input{height:46px;font-size:18px}.tool-form-box label{font-size:20px;margin-bottom:6px}}@media(max-width:576px){p{font-size:13px;line-height:21px}.table-bordered td,.table-bordered th{font-size:12px}}@media(max-width:470px){.nav-link{font-size:11px!important}.input-group #query{font-size:12.5px;height:calc(1.5em + 0.8rem + 2px)}.input-group .btn{font-size:14px}}.ads-box-nosqr{height:60px;line-height:60px;background-color:#f9f9f9;display:block;text-align:center;color:#000}.ads-box-sqr>p{text-align:center}.ads-box-sqr{background-color:#f9f9f9;width:100%;height:278px;line-height:278px}.sidebar_ads{background-color:#f9f9f9;width:100%;display:inline-block;background:#000;height:450px;line-height:450px}.sidebar-vertical-banner-ad{width:100%;height:450px;background-color:#f9f9f9;text-align:center;padding:200px 0}.method-options-label{text-align:left!important;font-size:.9rem!important;font-weight:400!important}.loading-gif{width:8%}.input_file_btn{position:relative;overflow:hidden}.input_file_btn input{position:absolute;font-size:45px;opacity:0;right:0;top:0}.pointer{cursor:pointer}.form_fields label{font-size:14px;float:left;margin:0}.descriptions{scroll-snap-type:y mandatory}.descriptions h3,.descriptions h4,.descriptions h5,.descriptions h6{font-size:1.5rem!important;font-weight:300!important}.descriptions .box-container .h4{font-weight:300!important;font-size:28px!important}.descriptions ul li{margin-bottom:5px}@media screen and (max-width:575px){.descriptions h2{font-size:16px!important}.descriptions .box-container h2{font-size:18px!important;font-weight:600!important}.descriptions .box-container .h4{font-size:18px!important}}.mt-3px{margin-top:3px}.select_mem th,.drive_mem_selected th{font-weight:400;font-size:20px;vertical-align:inherit;color:#fff}#searched_results{background-color:#fff;box-shadow:0 0 6px #00000029;border-radius:10px;position:absolute;top:100%;left:0;right:0;overflow:hidden;margin-top:10px;z-index:3}#searched_results span{color:#b8b8b8;font-size:12px;display:block;padding:10px 16px}#searched_results_ul{list-style:none;padding:0;margin-bottom:0;max-height:350px;overflow-y:auto}#searched_results li{padding:0}#searched_results .no_result{color:#707070;padding:5px 15px;font-size:14px}#searched_results li:last-of-type{border-bottom:none!important}#searched_results li a{display:block;color:#707070;padding:5px 20px;font-size:14px}#searched_results li a .icon{-webkit-mask-size:contain;mask-size:contain;background-color:#707070;margin-right:15px;vertical-align:middle}#searched_results li a:hover{background-color:#f2f2f2}#search_tools_field{color:var(--dark);background:#f3f3f3;padding:8px 10px;border:none;border-bottom-left-radius:10px;border-top-left-radius:10px}.box_loading_container{width:100%;height:70px;display:flex;align-items:start;justify-content:center}.box_loading{display:block;position:relative;width:80px;height:40px}.box_loading div{display:inline-block;position:absolute;left:8px;width:14px;background:rgba(255,145,0,.562);animation:box_loading 1.2s cubic-bezier(0,.5,.5,1) infinite}.box_loading div:nth-child(1){left:8px;animation-delay:-.24s}.box_loading div:nth-child(2){left:32px;animation-delay:-.12s}.box_loading div:nth-child(3){left:56px;animation-delay:0}@keyframes box_loading{0%{top:8px;height:50px}50%,100%{top:24px;height:25px}}@media screen and (max-width:991px){#search_tools_field{padding:0}}.modal-open{overflow:initial!important;padding:0!important}.resultItemFocus{background-color:#f2f2f2}.cursorHide{caret-color:transparent}.cursorShow{caret-color:#000}.google_play_bg{background-image:url(../images/google-bg.png);background-size:cover;background-repeat:no-repeat;position:relative;top:7px}
     vertical-align: text-top !important;
        }

        .valign-middle {
            vertical-align: middle !important;
        }

        .valign-bottom {
            vertical-align: bottom !important;
        }

        .flag {
            display: inline-block;
            height: 11px;
            margin-top: -2px;
            vertical-align: middle;
            width: 16px;
        }

        .main_page_dns_servers td {
            padding: .4rem .75rem !important;
        }

        .main_page_text_content h2 {
            font-size: 16px;
            letter-spacing: 0.3px;
            font-weight: 700 !important;
            margin-top: 20px;
        }

        .main_page_text_content h2:first-of-type {
            margin-top: 0px;
        }

        .main_page_text_content li {
            font-size: 14px;
            letter-spacing: 0.3px;
            margin: 7px 0px;
        }

        .list-columns-2 {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            list-style-position: inside;
        }

        .user-select-all {
            -webkit-user-select: all;
            -moz-user-select: all;
            -ms-user-select: all;
            user-select: all;
        }

        .main_page_text_content p {
            margin-bottom: 10px !important;
        }

        .padding-inline-start-0 {
            padding-inline-start: 0px !important;
        }

        .list-group-item {
            font-size: 14px;
            line-height: 25px;
        }

        .number-input-index-page {
            width: 51px;
            line-height: 1;
            border: 1px solid #999999;
            font-size: 12px;
            border-radius: 4px;
            text-align: center;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        }


        /** custom left column width **/

        @media (max-width: 768px) {
            .list-columns-1-mobile {
                columns: 1;
                -webkit-columns: 1;
                -moz-columns: 1;
                list-style-position: inside;
            }
        }

        @media (max-width: 991px) {
            .container {
                padding-right: 10px;
                padding-left: 10px;
            }

            .logo-img {
                width: 182px;
                height: 48px;
            }

            .header-inner-container {
                height: 68px;
            }

            .mode_switch_btn {
                padding: 0.375rem 0.90rem;
            }
        }


        @media (min-width: 992px) {
            .left_column_custom_m_p {
                flex: 0 0 38.4%;
                max-width: 38.4% !important;
            }

            .right_column_custom_m_p {
                flex: 0 0 61.6%;
                max-width: 61.6% !important;
            }

            .tools_left_column {
                flex: 0 0 100%;
                max-width: 100% !important;
            }

            .middle-div-homepage,
            .left-div-homepage {
                position: sticky;
                position: -webkit-sticky;
            }

            .side_ad_160x600,
            .middle-div-homepage,
            .left-div-homepage {
                top: 10px;
            }

            .header-inner-container {
                height: 100px;
            }

            .logo-img {
                width: 210px !important;
                height: 56px !important;
            }

            #cookie-box {
                height: 90px;
            }
        }

        @media (min-width: 1280px) {
            .left_column_custom_m_p {
                flex: 0 0 36.4%;
                max-width: 36.4% !important;
            }

            .right_column_custom_m_p {
                flex: 0 0 50.4%;
                max-width: 50.4% !important;
            }

            .tools_left_column {
                flex: 0 0 86.8%;
                max-width: 86.8% !important;
            }

            .tools_right_column {
                flex: 0 0 13.2%;
                max-width: 13.2% !important;
            }

            .side_ad_column {
                flex: 0 0 13.2%;
                max-width: 13.2%;
                max-height: 600px;
            }

            .side_ad_160x600 {
                margin-top: .5rem !important;
                position: -webkit-sticky;
                position: sticky;
            }
        }

        @media (min-width: 1440px) {
            .left_column_custom_m_p {
                flex: 0 0 37.4%;
                max-width: 37.4% !important;
            }

            .right_column_custom_m_p {
                flex: 0 0 50.6%;
                max-width: 50.6% !important;
            }

            .side_ad_column {
                flex: 0 0 12%;
                max-width: 12%;
                max-height: 600px;
            }

            .tools_left_column {
                flex: 0 0 88%;
                max-width: 88% !important;
            }

            .tools_right_column {
                flex: 0 0 12%;
                max-width: 12% !important;
            }
        }

        @media (max-width: 1279px) {
            .side_ad_column {
                display: none;
            }

            .tools_right_column {
                display: none;
            }

            .right_column_custom_m_p {
                padding-left: 0px !important;
                padding-right: 0px !important;
            }
        }

        @media (min-width: 1600px) {
            .container {
                max-width: 1600px;
                padding-left: 10px;
                padding-right: 10px;
            }

            .tools_left_column {
                flex: 0 0 81%;
                max-width: 81% !important;
            }

            .tools_right_column {
                flex: 0 0 19%;
                max-width: 19% !important;
            }
        }
		  .serp_preview input {
            border-radius: 25px 25px 25px 25px;
        }

        .dt_page_title {
            color: #1a0dab;
            font-weight: normal;
            line-height: 1.3;
            font-size: 18px;
            font-family: arial, sans-serif;
            overflow: hidden;
        }

        .dt_page_url {
            white-space: nowrap;
            font-family: arial, sans-serif;
            font-size: 14px;
            line-height: 1.3;
            color: #202124;
            font-style: normal;
            overflow: hidden;
        }

        .dt_page_desc {
            padding-right: 5px;
            word-wrap: break-word;
            color: #545454;
            font-family: arial, sans-serif;
            font-weight: normal;
            font-size: 13px;
            overflow: hidden;
        }

        canvas {
            max-width: 100%;
            height: auto;
            margin: 0px 50px;
        }

        .desktop_view {
            overflow: hidden;
            background: #FFFFFF;
            box-shadow: 0px 59px 24px rgba(31, 41, 48, 0.01), 0px 33px 20px rgba(31, 41, 48, 0.05), 0px 15px 15px rgba(31, 41, 48, 0.09), 0px 4px 8px rgba(31, 41, 48, 0.1), 0px 0px 0px rgba(31, 41, 48, 0.1);
            border-radius: 10px 10px 0px 0px;
        }

        .desktop_view .browser_tab {
            background: #E2E2E2;
            padding: 12px 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 5px;
            margin-bottom: 10px;
        }

        .desktop_view .browser_tab .search_bar {
            display: flex;
            align-items: center;
            width: 70%;
            background: #FFFFFF;
            border-radius: 25px;
            padding: 4px 10px;
            font-weight: 600;
            font-size: 14px;
            color: #707070;
        }

        .desktop_view .browser_tab .backward,
        .desktop_view .browser_tab .forward {
            background-color: var(--clr-white);
            border-radius: 50%;
            width: 29px;
            height: 29px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #google_serp_preview_form {
            position: relative;
            background-color: var(--clr-white);
            padding-bottom: 10px;
        }

        #google_serp_preview_form .btn_style {
            padding: 6px 23px;
        }

        #google_serp_preview_form .form-control {
            background: #FBFBFB;
            border: 1px solid #AFAFAF;
            font-size: 14px;
            padding: 5px 10px;
        }

        .section_bar {
            width: 100%;
            height: 11px;
            position: relative;
            border-radius: 10px 10px 0px 0px;
            background: linear-gradient(129.56deg, #52DECF 0%, #5D73F4 92.13%);
        }

        .mobile_view {
            overflow: hidden;
            border: 7px solid #000000;
            border-bottom: none;
            box-shadow: 0px 59px 24px rgba(31, 41, 48, 0.01), 0px 33px 20px rgba(31, 41, 48, 0.05), 0px 15px 15px rgba(31, 41, 48, 0.09), 0px 4px 8px rgba(31, 41, 48, 0.1), 0px 0px 0px rgba(31, 41, 48, 0.1);
            border-radius: 30px 30px 0px 0px;
        }

        .mobile_view canvas {
            margin: 0px;
        }

        .mobile_view .m_browser_tab {
            background: #E2E2E2;
            padding: 12px 10px;
        }

        .mobile_view * {
            font-size: 11px !important;
            font-weight: 700;
        }

        .mobile_view .m_browser_tab .search_bar {
            background-color: var(--clr-white);
            width: 100%;
            padding: 8px;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .mobile_view .m_browser_tab .search_bar span {
            width: 100%;
            font-size: 14px !important;
            font-weight: 600;
            color: #707070;
            text-align: center;
        }

        .mobile_view .m_bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 2px 10px;
        }

        .mobile_view .m_bar .camera {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background-color: var(--clr-black);
            transform: translateY(10px);
        }

        .desktop_view .browser_tab .search_bar span,
        .mobile_view .m_browser_tab .search_bar span {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            text-align: center;
            padding: 0px 3px;
        }


        .nav-tabs {
            width: fit-content;
            background-color: gray;
            background: #E2E2E2;
            border-radius: 100px;
            font-size: 14px;
            font-weight: 600;
            color: var(--clr-white) !important;
            border: none;
        }

        .nav-tabs .nav-link {
            padding: 12px 16px;
            color: var(--clr-black);
            border: none;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            border: none;
        }

        .nav-tabs .nav-link.active {
            background: linear-gradient(94.82deg, #1B3D9E 4.16%, #3098CC 100%);
            border-radius: 100px;
            border: none;
            color: var(--clr-white);
        }

        #google_serp_preview_form .checkbox_style input:checked+label:after {
            top: 5px !important;
        }

        .dark_mode #google_serp_preview_form {
            background-color: #0a0e10;
        }

        .dark_mode #google_serp_preview_form .form-control::placeholder {
            color: #E2E2E2;
        }

        .dark_mode #google_serp_preview_form .form-control {
            background: #656565;
            border: 1px solid #AFAFAF;
            box-shadow: none;
            color: #E2E2E2;
        }

        .dark_mode .desktop_view {
            background: #202125;
        }

        .dark_mode .mobile_view {
            border-color: #E2E2E2;
        }

        .dark_mode .mobile_view .camera {
            background-color: #E2E2E2;
        }

        .dark_mode .desktop_view .browser_tab,
        .dark_mode .mobile_view .m_browser_tab {
            background: #303135;
        }

        .dark_mode .desktop_view .browser_tab .search_bar,
        .dark_mode .desktop_view .browser_tab .backward,
        .dark_mode .desktop_view .browser_tab .forward,
        .dark_mode .mobile_view .m_browser_tab .search_bar {
            background: #202125;
        }

        .dark_mode .browser_tab .icon-danger {
            background-color: var(--danger) !important;
        }

        .dark_mode .browser_tab .icon-orange {
            background-color: var(--orange) !important;
        }

        .dark_mode .browser_tab .icon-success {
            background-color: var(--success) !important;
        }

        .dark_mode .nav-tabs {
            background: #202125;
        }

        .dark_mode .nav-tabs .nav-link {
            color: var(--clr-white);
        }

        @media screen and (max-width:991px) {
            canvas {
                margin-left: 5px;
            }
        }

        @media screen and (max-width:767px) {
            .desktop_view .browser_tab .search_bar {
                width: 60%;
            }
        }

        @media screen and (max-width:575px) {
            .desktop_view .icon {
                width: 10px;
                height: 10px;
            }

            .desktop_view .browser_tab .backward,
            .desktop_view .browser_tab .forward {
                width: 20px;
                height: 20px;
            }

            .desktop_view .browser_tab .search_bar {
                width: 50%;
                font-size: 11px;
            }

            .desktop_view .browser_tab {
                padding: 12px;
            }

            .nav-tabs .nav-link {
                padding: 6px 10px;
                font-size: 12px;
            }
        }