/*
Theme Name: iData Backup Viewer Blog
Theme URI: https://idatabackupviewer.com/
Author: CYBERSICS SOLUTIONS PRIVATE LIMITED
Author URI: https://www.cybersics.com/
Description: A fast, SEO-optimized, modern blog theme built to match the iData Backup Viewer brand (idatabackupviewer.com) header, footer and visual identity.
*/

html { scroll-behavior: smooth; font-size: 16px; }
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color:#151515;
  background-color: #fff;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}


h1,h2,h3,h4,h5,h6{
	margin-top:0;
	margin-bottom:.5rem;
	padding-top:20px;
	font-weight: 800;
	line-height:1.2;
	letter-spacing: -0.02em;
	color: #0f172a;
}
.h1,h1{
	font-size:calc(1.375rem + 1.5vw)
}
.h2,h2{
	font-size:calc(1.325rem + .9vw)
}
.h3,h3{
	font-size:calc(1.3rem + .6vw)
}
.h4,h4{
	font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px){
	.h1,h1{
		font-size:2rem
	}
	.h2,h2{
		font-size:1.75rem
	}
	.h3,.h4,h3,h4{
		font-size:1.5rem
	}
}
.h5,h5{
	font-size:1.25rem
}
.h6,.postform,h6{
	font-size:1rem
}
a{
 color: #2563eb;
 text-decoration:none
}
a:hover{
 color:#1d4ed8;
}
.initial_caps{
 text-transform:capitalize;
}
.plead{
 font-size:1.25rem!important;
 font-weight:300!important;
 line-height:34px;
}
blockquote{
	padding:20px;
	margin:20px 0;
	border-left:5px solid #004ac5;
	background-color:#004ac514;
	color:#000;
	font-size:16px
}
blockquote:before{
	font-size:50px;
	line-height:1;
	top:30px;
	left:25px;
	content:'\275D';
	color:#004ac5
}
blockquote .blue{
	background-color:#1e4679;
	color:#fff
}
.img-responsive{
	display:inline!important
}

.alignnone{
	margin:5px 20px 20px 0;
	height:auto
}
.aligncenter,div.aligncenter{
	display:block;
	margin:5px;
	height:auto
}
.alignright,a img.alignright{
	float:right;
	margin:5px 0 20px 20px
}
.alignleft,a img.alignleft{
	float:left;
	margin:5px 20px 20px 0
}
.wp-caption.alignleft,.wp-caption.alignnone,a img.alignnone{
	margin:5px 20px 20px 0
}
a img.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto
}
.postform{
	display:block;
	width:100%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem .75rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.wp-caption{
	background:#fff;
	border:1px solid #f0f0f0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center
}
.wp-caption.alignright{
	margin:5px 0 20px 20px
}
.wp-caption img{
	border:0;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto
}
.wp-caption p.wp-caption-text{
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px
}
.screen-reader-text:focus{
	background-color:#eee;
	clip:auto!important;
	clip-path:none;
	color:#444;
	display:block;
	font-size:1em;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	top:5px;
	width:auto;
	z-index:100000
}
.wp-block-image img,.wp-post-image{
	height:auto;
	width:100%
}
.bypostauthor,.gallery-caption{
	display:block
}
.screen-reader-text{
	clip-path:inset(50%);
	word-wrap:normal!important;
	border:0;
	clip:rect(1px,1px,1px,1px);
	-webkit-clip-path:inset(50%);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute!important;
	width:1px;
	word-wrap:normal!important;
	word-break:normal
}
.page-link,.page-link:hover{
	padding:.5rem .75rem;
	margin-left:-1px;
	display:block
}
.post_format-post-format-quote{
	font-size:30px;
	line-height:40px;
	font-style:italic
}
.page-item.active .page-link{
	background-color:#004ac5;
	border-color:#004ac5;
	color:#fff!important
}
.page-link{
	position:relative;
	line-height:1.25;
	color:#004ac5!important;
	border:1px solid #dee2e6
}
.page-link:hover{
	z-index:2;
	position:relative;
	line-height:1.25;
	color:#004ac5;
	border:1px solid;
	background-color:#e9ecef
}
.embed-container{
	overflow:hidden;
	padding-top:56.25%;
	position:relative
}
.embed-container iframe{
	border:0;
	height:100%!important;
	left:0;
	position:absolute;
	top:0;
	width:100%!important
}
.header-product{
	height:auto;
	margin:0 auto;
	width:100%
}
.img-hover{
	width:auto;
	height:auto;
	margin:0;
	padding:0
}
.img-hover .img-thumb{
	border-radius:10px;
	overflow:hidden
}
.img-hover:hover .img-thumb{
	bottom:-36px;
	opacity:1
}
.img-hover .ani-zoom{
	-webkit-transform:rotate(0) scale(1) s;
	transform:rotate(0) scale(1);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
.img-hover:hover .ani-zoom{
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}


ul.list-right{
	list-style:none;
	padding-left:14px
}
ul.list-right li{
	position:relative;
	text-align:left;
	padding-bottom:.5rem
}
ul.list-right li::before{
	position:absolute;
	height:20px;
	width:20px;
	content:"";
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 50 50"><path fill="#c8c8c8" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') 0 0/17px 17px no-repeat;
	top:7px;
	margin-left:-20px
}
.left_debar .table_content_list li a,.left_debar .table_content_list li a:hover{
	color:#000;
	display:block;
	margin:.7rem 0;
	font-size:.875rem
}
.avatar{
	border-radius:50%
}
.size-full{
	max-width:100%;
	height:auto
}
.well{
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	background-color:#f5f5f5;
	border:1px solid #e3e3e3;
	border-radius:4px
}
.well-yellow{
	background-color:#f8f6a2
}
.youtube-player{
	position:relative;
	padding-bottom:56.23%;
	height:0;
	overflow:hidden;
	max-width:100%;
	background:#000;
	margin:5px
}
.youtube-player iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:0 0
}
.youtube-player img{
	bottom:0;
	display:block;
	left:0;
	margin:auto;
	max-width:100%;
	width:100%;
	position:absolute;
	right:0;
	top:0;
	border:none;
	height:auto;
	cursor:pointer;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s
}
.youtube-player img:hover{
	-webkit-filter:brightness(75%)
}
.youtube-player .play{
	height:72px;
	width:72px;
	left:50%;
	top:50%;
	margin-left:-36px;
	margin-top:-36px;
	position:absolute;
	background:url(https://i.imgur.com/TxzC70f.png) no-repeat;
	cursor:pointer
}
.logo-overlay{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center
}
.logo-overlay::before{
	content:'';
	background:url('https://idatabackupviewer.com/static/img/logo-sm.png') center bottom no-repeat;
	position:absolute;
	opacity:.4;
	bottom:20px;
	left:50%;
	margin-left:-70px;
	width:140px;
	height:40px;
	z-index:100
}
.breadcrumb-white,.breadcrumb-white a{
	color:#fff;
	padding:5px
}
.breadcrumb-white a:hover{
	color:#eee
}
.post-edit-link{
	background:#fff;
	color:#004ac5!important;
	padding:3px;
	font-weight:700;
	margin:0 2px;
	border-radius:5px
}
.blockquote-1,.blockquote-1 p.h1{
	position:relative;
	font-weight:800
}
button.gotoTop{
	position: fixed;
	z-index: 1100;
	right: 0;
	bottom: 50px;
	width: 50px;
	color: #FFF;
	background-color: #2453F3;
	padding: 2px 10px 5px 10px;
	display: none;
	height: 50px;
	margin: 20px;
	color: #fff;
	border-radius: 12px;
	border: none;
	border: 1px solid #1642D7;
	font-weight: bold;
}
button.gotoTop:hover{
	background-color:#1642D7;
}
.text-wrap{
	word-wrap:break-word
}
.post-box{
	padding:1rem;
	background:#fff;
	border-radius:1rem;
	box-shadow:1px 1px 20px 2px #1b213c1c;
	border:none
}

.card-author{
	background:#fff;
	box-shadow:0 1px 10px 0 rgb(191 191 191 / .35)
}

.card-author{
	border-radius:15px;
	border:none;
	width:95%;
	margin:auto
}
.live,.live:hover{
	border-radius:10px;
	color:#fff!important
}
.btn-buy,.btn-download{
	padding:.4em 1.3rem;
	display:inline-block;
	margin-right:10px;
	font-size:20px
}

.btn-danger{
	color:#fff!important;
	background-color:#dc3545;
	border-color:#dc3545
}
.btn-success{
	color:#fff!important;
	background-color:#198754;
	border-color:#198754
}
.btn-orange{
	background-color:#004ac5;
	color:#fff;
	border-color:#004ac5
}
.btn-orange:hover{
	background-color:#d93902;
	color:#fff;
	border-color:#d93902
}
.btn-download{
	background:linear-gradient(45deg,#004ac5,#cd00eb);
	color:#fff;
	border-radius:10px
}
.btn-buy:hover,.btn-download:hover{
	background:linear-gradient(45deg,#cd00eb,#004ac5);
	color:#fff;
	text-decoration:none
}
.btn-buy{
	background:linear-gradient(45deg,transparent,transparent);
	color:#004ac5;
	border:1px solid #004ac5;
	border-radius:10px
}
.card-blue,.card-blue-dotted,.card-green,.card-orange,.card-red,.card-yellow,.card-yellow-dotted{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-blue{
	box-shadow:0 0 5px #007dff;
	background:#eff7ff;
	color:#004085
}
.card-yellow{
	box-shadow:0 0 5px #d29e00;
	background:#fff3cd;
	color:#856404
}
.card-green{
	box-shadow:0 0 1px #00841e;
	background:#d4edda;
	color:#155724
}
.card-orange{
	box-shadow:0 0 1px #bf5001;
	background:#ffc9a2;
	color:#c76e2e
}
.card-red{
	box-shadow:0 0 1px #bb0014;
	background:#f8d7da;
	color:#721c24
}
.card-blue-dotted{
	box-shadow:0 0 2px #007dff;
	background:#eff7ff;
	color:#004085;
	border:dotted
}
.card-yellow-dotted{
	box-shadow:0 0 2px #d29e00;
	background:#fff3cd;
	color:#856404;
	border:dotted
}
.card-green-dotted,.card-orange-dotted{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-green-dotted{
	box-shadow:0 0 2px #00841e;
	background:#d4edda;
	color:#155724;
	border:dotted
}
.card-orange-dotted{
	box-shadow:0 0 2px #bf5001;
	background:#ffc9a2;
	color:#c76e2e;
	border:dotted
}
.card-blue-dashed,.card-red-dotted{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-red-dotted{
	box-shadow:0 0 2px #bb0014;
	background:#f8d7da;
	color:#721c24;
	border:dotted
}
.card-blue-dashed{
	box-shadow:0 0 2px #007dff;
	background:#eff7ff;
	color:#004085;
	border:dashed
}
.card-green-dashed,.card-yellow-dashed{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-yellow-dashed{
	box-shadow:0 0 2px #d29e00;
	background:#fff3cd;
	color:#856404;
	border:dashed
}
.card-green-dashed{
	box-shadow:0 0 2px #00841e;
	background:#d4edda;
	color:#155724;
	border:dashed
}
.card-orange-dashed,.card-red-dashed{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-orange-dashed{
	box-shadow:0 0 2px #bf5001;
	background:#ffc9a2;
	color:#c76e2e;
	border:dashed
}
.card-red-dashed{
	box-shadow:0 0 2px #bb0014;
	background:#f8d7da;
	color:#721c24;
	border:dashed
}
.card-blue-border,.card-yellow-border{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-blue-border{
	color:#004085;
	border:2px solid #007dff
}
.card-yellow-border{
	color:#856404;
	border:2px solid #d29e00
}
.card-green-border,.card-orange-border{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-green-border{
	color:#155724;
	border:2px solid #00841e
}
.card-orange-border{
	color:#c76e2e;
	border:2px solid #bf5001
}
.card-blue-border-dotted,.card-red-border{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-red-border{
	color:#721c24;
	border:2px solid #bb0014
}
.card-blue-border-dotted{
	color:#004085;
	border:2px dotted #007dff
}
.card-green-border-dotted,.card-yellow-border-dotted{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-yellow-border-dotted{
	color:#856404;
	border:2px dotted #d29e00
}
.card-green-border-dotted{
	color:#155724;
	border:2px dotted #00841e
}
.card-orange-border-dotted,.card-red-border-dotted{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-orange-border-dotted{
	color:#c76e2e;
	border:2px dotted #bf5001
}
.card-red-border-dotted{
	color:#721c24;
	border:2px dotted #bb0014
}
.card-blue-border-dashed,.card-yellow-border-dashed{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-blue-border-dashed{
	color:#004085;
	border:2px dashed #007dff
}
.card-yellow-border-dashed{
	color:#856404;
	border:2px dashed #d29e00
}
.card-green-border-dashed,.card-orange-border-dashed{
	border-radius:30px;
	overflow:hidden;
	padding:2rem;
	margin-top:4rem;
	margin-bottom:4rem
}
.card-green-border-dashed{
	color:#155724;
	border:2px dashed #00841e
}
.card-orange-border-dashed{
	color:#c76e2e;
	border:2px dashed #bf5001
}
.card-red-border-dashed{
	overflow:hidden;
	padding:2rem;
	border-radius:30px;
	color:#721c24;
	margin-top:4rem;
	margin-bottom:4rem;
	border:2px dashed #bb0014
}
.blockquote-wrapper{
	display:flex;
	padding:0 20px;
	background-color:#1f53f1
}
.blockquote-1{
	font-family:Montserrat,sans-serif;
	color:#fff;
	padding:30px 0;
	width:100%;
	max-width:500px;
	z-index:1;
	margin:80px auto;
	align-self:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff
}
.blockquote-1 p.h1{
	color:#fff;
	font-size:20px;
	line-height:1.25;
	margin:0
}
.blockquote-1 p.h4,.blockquote-2 p.h1{
	position:relative;
	line-height:1;
	margin:0;
	font-weight:400
}
.blockquote:after{
	position:absolute;
	height:70px;
	width:70px;
	content:"";
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255, 255, 255)" d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"></path></svg>') 0 0/70px 70px no-repeat;
	margin-left:70%;
	margin-top:0
}
@media all and (min-width:600px){
	.blockquote-1 p.h1{
		font-size:30px
	}
}
.blockquote-1 p.h4{
	color:#fff;
	font-size:1.2rem;
	padding-top:20px;
	z-index:1
}
.blockquote-wrapper-2{
	display:flex;
	padding:0 20px;
	background-color:transparent
}
.blockquote-2{
	position:relative;
	font-family:'Barlow Condensed',sans-serif;
	max-width:620px;
	margin:40px auto;
	align-self:center
}
.blockquote-2 p.h1{
	font-family:'Abril Fatface',cursive;
	color:#000;
	font-size:20px;
	border:2px solid;
	border-radius:20px;
	padding:25px
}
.blockquote-2 p.h1:after{
	content:"";
	position:absolute;
	border:2px solid #000;
	border-radius:0 50px 0 0;
	width:60px;
	height:60px;
	bottom:-60px;
	left:50px;
	border-bottom:none;
	border-left:none;
	z-index:3
}
.blockquote-2 h1:before{
	content:"";
	position:absolute;
	width:80px;
	border:6px solid #292a2b;
	bottom:-3px;
	left:50px;
	z-index:2
}
@media(min-width:600px){
	.blockquote-2 p.h1{
		font-size:20px;
		line-height:1.2
	}
}
.blockquote-2 p.h4{
	position:relative;
	color:#000;
	font-size:1.2rem;
	font-weight:400;
	line-height:1.2;
	margin:0 0 0 150px;
	padding-top:15px;
	z-index:1;
	padding-left:12px
}
.blockquote-2 p.h4:first-letter{
	margin-left:-12px
}
.otro-blockquote{
	font-size:1rem;
	margin:50px auto;
	font-family:Open Sans;
	font-style:italic;
	color:#555;
	padding:1.2em 30px 1.2em 75px;
	border-left:8px solid #0954d3;
	line-height:1.6;
	position:relative;
	background:#d9e7ff
}
.left-border-blue,.left-border-green,.left-border-orange,.left-border-red,.left-border-yellow{
	width:100%;
	overflow:hidden;
	padding:20px;
	margin-bottom:1rem;
	margin-top:1rem
}
.otro-blockquote::before{
	font-family:Arial;
	content:"\201C";
	color:#0954d3;
	font-size:4em;
	position:absolute;
	left:10px;
	top:-10px
}
.highlighted-box-bulb:before,.highlighted-box-link:before,.highlighted-box-steps:before{
	top:-28px;
	width:70px;
	height:90px;
	right:-15px;
	content:'';
	display:block
}
.otro-blockquote::after{
	content:''
}
.otro-blockquote span{
	display:block;
	color:#16306c;
	font-style:normal;
	font-weight:700;
	margin-top:1em
}
.left-border-red{
	background-color:#fcf3f3;
	border-left:5px solid #bf0d0b
}
.left-border-green{
	background-color:#d3f8d0;
	border-left:5px solid #11640a
}
.left-border-orange{
	background-color:#f9ede5;
	border-left:5px solid #ec6f25
}
.left-border-yellow{
	background-color:#f7f3b0;
	border-left:5px solid #f3e813
}
.left-border-blue{
	background-color:#deebfb;
	border-left:5px solid #004085
}
.single-content ol li,.single-content ul li{
	line-height:1.5;
	margin-top:1rem
}
.single-content li img{
	margin-top:.5rem
}
.list-arrow,.list-bookmark,.list-check,.list-checkb,.list-note,.list-pin,.list-righta,.list-rightc{
	list-style:none;
	padding-left:20px
}
.highlighted-box-bulb,.highlighted-box-faq,.highlighted-box-link,.highlighted-box-steps{
	position:relative;
	padding:1.5rem 5rem 1.5rem 1.5rem;
	color:#12181f;
	margin-top:2rem;
	margin-bottom:2rem
}
.list-arrow li,.list-bookmark li,.list-check li,.list-checkb li,.list-note li,.list-pin li,.list-righta li,.list-rightc li{
	margin-top:15px;
	margin-left:10px
}
.list-righta li:before{
	position:absolute;
	height:16px;
	width:16px;
	content:"";
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 50 50"><path fill="rgb(0,0,0,.5)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') 0 0/20px 20px no-repeat;
	margin-left:-30px;
	margin-top:2px
}
.list-arrow li:before,.list-bookmark li:before,.list-check li:before,.list-checkb li:before,.list-note li:before,.list-rightc li:before{
	height:20px;
	width:20px;
	content:"";
	margin-left:-30px;
	position:absolute
}
.list-rightc li:before{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(9, 84, 211,.9)" d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z"></path><path fill="rgba(9, 84, 211,.9)" d="M5.543 11.043l1.414 1.414 4.457-4.457-4.457-4.457-1.414 1.414 3.043 3.043z"></path></svg>') 0 0/20px 20px no-repeat;
	margin-top:2px
}
.list-checkb li:before{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(9, 84, 211,.9)" d="M6.21 14.339l-6.217-6.119 3.084-3.035 3.133 3.083 6.713-6.607 3.084 3.035-9.797 9.643zM1.686 8.22l4.524 4.453 8.104-7.976-1.391-1.369-6.713 6.607-3.133-3.083-1.391 1.369z"></path></svg>') 0 0/20px 20px no-repeat;
	margin-top:2px
}
.list-check li:before{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(8, 104, 29,.9)" d="M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z"></path></svg>') 0 0/18px 18px no-repeat;
	margin-top:2px
}
.list-note li:before{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(236, 111, 37,.9)" d="M14.5 2h-4.5c0-1.105-0.895-2-2-2s-2 0.895-2 2h-4.5c-0.276 0-0.5 0.224-0.5 0.5v13c0 0.276 0.224 0.5 0.5 0.5h13c0.276 0 0.5-0.224 0.5-0.5v-13c0-0.276-0.224-0.5-0.5-0.5zM8 1c0.552 0 1 0.448 1 1s-0.448 1-1 1c-0.552 0-1-0.448-1-1s0.448-1 1-1zM14 15h-12v-12h2v1.5c0 0.276 0.224 0.5 0.5 0.5h7c0.276 0 0.5-0.224 0.5-0.5v-1.5h2v12z"></path><path fill="rgba(236, 111, 37,.9)" d="M7 13.414l-3.207-3.707 0.914-0.914 2.293 1.793 4.293-3.793 0.914 0.914z"></path></svg>') 0 0/18px 18px no-repeat;
	margin-top:2px
}
.list-arrow li:before{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(8, 104, 29,.9)" d="M9.707 13.707l5-5c0.391-0.39 0.391-1.024 0-1.414l-5-5c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l3.293 3.293h-9.586c-0.552 0-1 0.448-1 1s0.448 1 1 1h9.586l-3.293 3.293c-0.195 0.195-0.293 0.451-0.293 0.707s0.098 0.512 0.293 0.707c0.391 0.391 1.024 0.391 1.414 0z"></path></svg>') 0 0/18px 18px no-repeat;
	margin-top:2px
}
.list-bookmark li:before{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(236, 111, 37,.9)" d="M3 0v16l5-5 5 5v-16z"></path></svg>') 0 0/18px 18px no-repeat;
	margin-top:5px
}
.highlighted-box-bulb{
	border:2px solid #45c968;
	border-radius:5px
}
.highlighted-box-bulb:before{
	background:url(https://idatabackupviewer.com/static/img/elements/highlihgted-box-icon-bulb.svg) 0 0/contain no-repeat;
	position:absolute
}
.highlighted-box-steps{
	border:2px solid #fe8719;
	border-radius:5px
}
.highlighted-box-steps:before{
	background:url(https://idatabackupviewer.com/static/img/elements/highlihgted-box-icon-steps.svg) 0 0/contain no-repeat;
	position:absolute
}
.highlighted-box-faq,.highlighted-box-link{
	background-color:#fafbfc;
	border:2px solid #e7eaed;
	border-radius:5px
}
.highlighted-box-link:before{
	background:url(https://idatabackupviewer.com/static/img/elements/highlihgted-box-icon-link.svg) 0 0/contain no-repeat;
	position:absolute
}
.highlighted-box-faq:before{
	background:url(https://idatabackupviewer.com/static/img/elements/highlihgted-box-icon-faq.svg) 0 0/contain no-repeat;
	width:70px;
	height:90px;
	top:-38px;
	right:-15px;
	position:absolute;
	content:'';
	display:block
}
.highlighted-box-bulb h2,.highlighted-box-bulb h3,.highlighted-box-bulb h4,.highlighted-box-bulb h5,.highlighted-box-bulb h6,.highlighted-box-faq h2,.highlighted-box-faq h3,.highlighted-box-faq h4,.highlighted-box-faq h5,.highlighted-box-faq h6,.highlighted-box-link h1,.highlighted-box-link h3,.highlighted-box-link h4,.highlighted-box-link h5,.highlighted-box-link h6,.highlighted-box-steps h2,.highlighted-box-steps h3,.highlighted-box-steps h4,.highlighted-box-steps h5,.highlighted-box-steps h6{
	padding-top:0
}

/*====================================================*/


/* ══════════════════════════════════════════════
   NAVBAR
══════════════════════════════════════════════ */
/* =========================
   COLORS & COMMON STYLES
========================= */

.custom-navbar{
    background:#fffffff5;
    border-bottom:1px solid #ececec;
    padding:16px 0;
}

.navbar-brand{
    text-decoration:none;
}

.brand-text{
    font-size:18px;
    font-weight:700;
    color:#111827;
}

.navbar-nav{
    gap:18px;
}

.nav-link{
    color:#111827;
    font-size:16px;
    font-weight:500;
    transition:.3s;
    padding:8px 6px !important;
}
@media(max-width: 991px){
  .nav-link{
      padding:2px 6px !important;
  }	
}

.nav-link:hover{
    color:#2453F3;
}

.nav-link.active{
    color:#2453F3 !important;
    font-weight:600;
}

.btn-download{
    background:#2453F3;
    color:#fff;
    border-radius:10px;
    padding:12px 22px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.btn-download:hover{
    background:#1740d8;
    color:#fff;
}

.navbar-toggler{
    padding:0;
}

.navbar-toggler:focus{
    box-shadow:none;
}

/* Desktop */
@media (min-width:992px){

    .navbar-collapse{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

}

/* Mobile */
@media (max-width:991px){

    .navbar-nav{
        gap:8px;
        margin:20px 0;
    }

    .btn-download{
        width:100%;
        text-align:center;
    }

}

/* =========================
   FOOTER
========================= */

.site-footer {
  background: #0f172a;
  color: rgba(255, 255, 255, 0.7);
  padding: 56px 0 28px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 1.15rem;
  font-weight: 800;
  color: #FFFFFF;
}

.footer-desc {
  font-size: 0.85rem;
  line-height: 1.65;
}

.footer-heading {
  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  font-size: 0.9rem;
  font-weight: 800;
  /*letter-spacing: 0.12em;*/
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 14px;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 30px;
}

.footer-links a {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.65);
  transition: all 0.22s ease;
}

.footer-links a:hover {
  color: #51a2ff;
}

.footer-divider {
  border-color: rgba(255, 255, 255, 0.1);
  margin: 36px 0 20px;
}

.footer-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.footer-social {
  display: flex;
  gap: 10px;
}

.social-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8rem;
  transition: all 0.22s ease;
}

.social-btn:hover {
  background: #F25022;
  border-color: #F25022;
  color: #FFFFFF;
}

.footer-legal a {
  margin-left: 16px;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.4);
}

.footer-legal a:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* =========================
   HERO SECTION
========================= */

/*.hero {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}*/

.hero {

    /* Dark blue gradient background */
    background:
        radial-gradient(1200px 600px at 50% 50%,
            rgba(29, 78, 216, 0.18) 0%,
            rgba(29, 78, 216, 0.08) 35%,
            rgba(29, 78, 216, 0.00) 70%
        ),

        /* Deep blue to near black gradient */
        linear-gradient(135deg,
            #0b1226 0%,
            #070e1f 40%,
            #040813 100%
        );

    background-blend-mode: overlay, normal;

    /* Optional subtle vignette for depth */
    position: relative;
    overflow: hidden;
    color:#fff;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;

    /* Soft center glow */
    background: radial-gradient(800px 500px at 50% 50%,
        rgba(59, 130, 246, 0.10) 0%,
        rgba(59, 130, 246, 0.00) 70%
    );

    pointer-events: none;
}


/* ══════════════════════════════════════════════
   TABS (Download)
══════════════════════════════════════════════ */
.ms-tabs { display: flex; gap: 4px; border-bottom: 2px solid #E8E8E8; margin-bottom: 32px; }
.ms-tab-btn {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 22px; border: none; background: none; cursor: pointer; font-size: 0.9rem; font-weight: 600;
  border-bottom: 2px solid transparent; margin-bottom: -2px;
  transition: all 0.22s ease;
}
.ms-tab-btn:hover { color: #1A1A1A; }
.ms-tab-btn.active { color: #F25022; border-bottom-color: #F25022; }
.ms-tab-pane { display: none; }
.ms-tab-pane.active { display: block; }

/*========================================================================================*/


.btn-ms {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif; font-weight: 600; font-size: 0.875rem;
  padding: 11px 24px; border-radius: 10px;
  border: 2px solid transparent; cursor: pointer;
  transition: all 0.22s ease; white-space: nowrap;
}
.btn-ms:focus-visible { outline: 3px solid #00A$EF; outline-offset: 2px; }

.btn-orange {
  background: #F25022; color: #fff; border-color: #F25022;
}
.btn-orange:hover { background: #d63e12; border-color: #d63e12; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(242,80,34,0.35); color: #fff; }

.btn-secondary {
  background: #00A4EF; color: #fff; border-color: #00A4EF;
}
.btn-secondary:hover { background: #0088cc; border-color: #0088cc; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0,164,239,0.35); color: #fff; }

.btn-outline {
  background: transparent; color: #1A1A1A; border-color: #E8E8E8;
}
.btn-outline:hover { border-color: #F25022; color: #F25022; transform: translateY(-1px); }



/*Search bar*/
 .search-wrapper {
    position: relative;
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
}

.search-input {
    width: 100%;
    height: 58px;
    padding: 0 70px 0 22px;
    border: 2px solid #e2e8f0;
    border-radius: 50px;
    font-size: 18px;
    color: #333;
    outline: none;
    transition: .3s;
    background: #fff;
}

.search-input::placeholder {
    color: #9aa0a6;
}

.search-input:focus {
    border-color: #2f63f4;
    box-shadow: 0 0 0 4px rgba(47, 99, 244, .12);
}

.search-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #2f63f4;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.search-btn:hover {
    background: #1d4ed8;
}


/*badge*/

.badge-category {
  background: #dbeafe;
  color: #1d4de8;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.85rem;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.4;
}