body{font-family:'open sans';margin:0 auto;padding:0;color:#181617;font-display:swap}body,div,p,span{font-family:'open sans'}h1,h2,h3,h4,h5,h6{font-family:'Montserrat'}.ffopen{font-family:'open sans'}.ffmont{font-family:'Montserrat'}.f400{font-weight:400}.f500{font-weight:500}.f600{font-weight:600}.f700{font-weight:700}.f800{font-weight:800}

 a:hover{text-decoration:none;}
 a.text-red:hover{color:#e11f26;text-decoration:underline;}
.bg-black {background: #181617;}
.bg_gry{ background:#f0f0f0}
.bg_grylt{ background:#f7f7f7}
.bg-red{ background:#e11f26}
.text-red{ color:#e11f26}
.bg-white{background: #fff}
html{scroll-behavior: smooth}

@font-face {
    font-family: 'rupee_foradianregular';
    src: url('https://www.stellarinfo.com/font/rupee_foradian-webfont.woff2') format('woff2'),
         url('https://www.stellarinfo.com/font/rupee_foradian-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.rupee{ font-family:'rupee_foradianregular'; font-style:normal; padding-right:4px; font-size:90%}

.top_nav{display: flex; justify-content: space-between}
.right_nav{display: flex; align-items: center}
.money_back, .call_back{display: flex; align-items: center; font-size: 14px; font-weight:600; line-height: 16px}
.call_back, .call_back:hover{color: #181617; font-weight: 400}
.banner_section{border-top: solid 1px #ddd}
.banner_wrapper{display: flex; align-items: flex-start}
.banner_content h1{font-size: 32px; font-weight: 700; line-height:25px; padding-bottom: .5rem}
.banner_content p{ color: #616161; font-size: 16px;  }
.banner_content ul{margin: 0; list-style: none; padding: 0}

.banner_content ul li{position: relative}
.banner_content ul li:before{ content: '';display: block;width: 5px;height: 9px;border: solid #181617; border-width: 0 2px 2px 0;
transform: rotate(45deg); position:absolute; top:5px; left:0px; }
.banner_content ul li{padding-left: 1rem; font-size: 14px; margin-top: .5rem; font-weight: 600}
.features_sec{position: relative}
.features_sec:before{ width: 100%; height:303px; background: #f0f0f0; position: absolute; top:0; content: '';}
.trust_col{ position: relative; }
.trust_col a { color: #181617 !important; display: block; font-size: 13px}
.trust_col  span.arroe-ine {border-bottom: solid 1px #191919;display: inline-block;border-left: solid 1px #191919;bottom: 2px;height: 5px;left: 2px;position: relative;transform: rotate(-45deg);width: 5px;transition: transform .2s;}
.fearures_cam_col p.top_text{color: #616161}
.compair_row{display: flex; position: relative;  }
.compair_row:hover  {background: #eee;  }
.compair_row:hover .bg-white  {background: #f0f0f0 !important; }
.sticky_row:hover .bg-white{background: #ffffff !important; }


.features_col{ max-width: 464px; width: 100%; display: flex; align-items: flex-start; flex-direction: column; padding-left: 1rem  }
.fearures_cam_col{ max-width: 290px; width: 100%;  padding: 1.5rem 2rem; display: flex; align-items: center; flex-direction: column; justify-content: center}
.award_logo{display: flex;  color: #616161; align-items: flex-start;}
.award_logo p{font-size: 13px;}
.sticky_block{display: flex;   justify-content: center;   flex-direction: column;   ; margin: 1.6rem 0 0 0; padding-left: 1rem}
.sticky_block .top-award{ margin-top:15px !important}
.top-award{font-size:14px}
.corporate:hover .buy_btn, .technician:hover .buy_btn{background: #e11f26; color: #fff}
.sticky_block h3{font-size: 22px; font-weight: 700}
.fearures_cam_col{text-align: center}
.fearures_cam_col.corporate{ border-top: solid 1px #e11f26!important}
.fearures_cam_col.technician{ border-top: solid 1px #000000!important}
.fearures_cam_col h3{ font-size: 18px; font-weight: 700}
.corporate  p, .technician   p, .toolkit    p{font-size: 13px !important; color: #181617; font-weight: 500}
.fearures_cam_col p{font-size: 14px; color: #181617;}
.fearures_cam_col .save{ display: block; font-size: 16px; color: #165ca1; font-weight: 600; text-transform: uppercase; margin-top: .5rem; font-family: 'Open Sans'}
.price_block{display: flex; justify-content: center; align-items: center; padding-top: .5rem}
.price_block sup{ font-size:57%}
.price_block strike{ font-family: 'Montserrat'; color: #e11f26; font-weight: 600}
.price_block .price{display: block; padding-left: .5rem; font-size: 32px; font-weight: 600}
a.buy_btn{ display: inline-block; padding: .7rem 2rem; font-size: 14px; font-weight: 600; color: #e11f26; border: solid 1px #e11f26; margin-top: .5rem; font-family: 'Montserrat'; border-radius: 3px}
a.buy_btn:hover{ background: #e11f26; color: #fff}
.toolkit{position: relative}
.toolkit a.buy_btn{ background: #e11f26; color: #fff}
.gradient_bar{position: absolute; top: -1.05rem; left: 0;  display: block; text-align: center; width: 100%;background: linear-gradient(125deg, rgba(225,31,38,1) 0%, rgba(41,87,149,1) 100%); font-size: 12px; font-weight: 600; color: #fff}
.comp_title{font-size: 16px; font-weight: 600}
.comp_title span{ font-size:13px; display:block; font-weight:400}
.licence_type{padding: .5rem 2.5rem .4rem .6rem; appearance:none; text-align: left; outline: 0; font-size: 14px; background: url("https://www.stellarinfo.com/gdc/photo/order-now/gdc-photo-ordernow/images/dropdown.png") no-repeat right top #fff; border: solid 1px #cccccc; max-width: 190px; width: 100%; box-sizing: border-box; cursor: pointer}
.border-top, .border-right, .border-left{ border-color: #f3f3f3 !important  }
h3.comp_title {margin:auto 0}
.features_col .comp_subtitle{font-size: 13px}
.green_circle{ display: block; width: 11px; height: 11px; background: #099e44; border-radius: 11px; margin: auto}
.fearures_cam_col p{margin-bottom: 0}
.features_col2{padding-top: 1.5rem; padding-bottom: 1.5rem}
.features_col2 p{margin-bottom: 0}

.sticky_row{position: sticky; top:0; z-index: 1}

.payment_m{ background: #fbf3f3; border: solid 1px #f0dddd; padding: 1.5rem; padding-bottom: 2rem}
.payment_m h3  {font-size: 24px; font-weight: 600; padding-bottom: 1rem}
.payment-row{display: flex;  }
/*.payment-row img{width: 50%}*/

.purches_order{ background: #e9f2fb; border: solid 1px #aecbe6; padding: 1.5rem 0 1rem 1.5rem; position: relative; overflow: hidden}
.purches_order h3 {font-size: 24px; font-weight: 600;  }
.purches_order p{font-size: 14px; margin-bottom: .5rem}
.con_link, .con_link:hover{color: #e11f26; text-decoration: underline; font-size: 13px; font-weight: 600}
.purches_order img{position: absolute; right: 0; bottom: 0}

.faq_h{display:block;padding:5px 25px;background:#eaeaea;color:#181617;font-weight:600;border-left:solid 5px #e11f26 !important;width:100%; border: solid 1px #dbdbdb}
.faq_h:hover{color:#181617}
.ans,.qes{font-size:52px;font-family:Montserrat}
a.faq_h[aria-expanded="true"]{ background:url('https://www.stellarinfo.com/image/catalog/blacktheme/data-recovery-standard/minus.png') no-repeat #f0f0f0; background-position: 99% 30px }
a.faq_h[aria-expanded="false"]{ background:url('https://www.stellarinfo.com/image/catalog/blacktheme/data-recovery-standard/plus.png') #f0f0f0 no-repeat; background-position: 99% 30px }
        

.faq_title{position:relative;bottom:8px; font-size:18px;}
.faq_h_card{border-left:solid 5px #888;padding:5px 25px 30px;border-bottom:1px solid rgba(0,0,0,.125); border-right:1px solid rgba(0,0,0,.125)}
.faq_h_card_title{font-size:17px;color:#333;padding-left:25px;padding-right:80px}
.faq_h_card_title a{color:#e11f26}

footer{}
.red_bg_sec{ background:#e11f26; padding:25px; width:85%; position:absolute; top:-50px;}
.red_bg_sec h5{ font-size:19px; color:#FFFFFF}
.red_bg_sec p { font-size:15px; line-height:22px;}
.footer_row{ display:flex;}
.foote-col-1{ width:30%;}
.foote-col-2{ width:20%; margin-left:5%}
.blank_bgl ul{ margin:0; padding:0; }
.blank_bgl ul li{ list-style:none; color:#888888; padding:3px 0;}
.blank_bgl ul li a{ color:#888888; }
.bottom_footer P{ color:#888888; font-size:12px; }
.red-learnmore{ position:absolute; bottom:10%; padding-left:25px}
.diy-box-title {   font-size: 15px;  letter-spacing: .15em;}
 
.blank_bgl ul li a {font-size: 14px;}

.why_stellar_row{ display:flex;   justify-content: space-around;}
 
.counter span sup{ font-size:60%}
.counter{ text-align:center; }
.counter span {font-size: 52px;color: #e11f26;line-height: 0;}

.modal-heading {font-size: 17px;font-weight: 400;}
.pop_up_header {    background: #dadada;}
.popup_from {background: #ededed;padding: 10px 20px;}
.popup_from label span {    font-size: 14px;    font-weight: 600;    color: #181617;     padding-bottom: 0.5rem; }
.popup_from label .inputfild {width: 100%;display: inline-block; ;padding: 8px 10px;border: solid 1px #c6c6c6;border-radius: 3px;}
.popup_from label {display: flex;margin: 9px 0;align-items: flex-start; flex-direction: column; justify-content: center}
button.submit_btn{background: #e11f26; color: #fff; font-size: 22px; font-weight: 600; padding: 1rem 3rem; margin: 1rem auto;  display: inline-block; border-radius: 3px;outline: 0;border:none;}
.submit_btn:hover, .submit_btn:focus{color: #fff; text-decoration: none}
span.inputfild {  max-width: 65px; border: none !important}
input.capthfild{max-width: 100px; margin-left: 0 !important; outline: none}
.modal-dialog{max-width: 680px}
.from_row{display: flex}
.from_col{width: 90%; margin:.1rem .5rem}
label.captcha_row{display: flex; flex-direction: row; justify-content: center; align-items: center}
label.captcha_row span{  padding-bottom: 0}
.pop_uptext{padding:0 1rem; font-size: 13px; color: #616161}
 
label select.inputfild{ padding:10px 10px !important; background: #fff}
.thankyou_text{padding-bottom: 5rem; display: none}



.banner_wrapper{position: relative}
.tooltip_box{max-width: 200px; background: #181617; color: #fff; font-size: 12px; padding: 1rem .5rem ; border-radius: 5px; position: absolute; left: 0; bottom: -7.5rem; z-index: 12; display: none}
.tooltip_box:before{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
  border-bottom: 10px solid #181617; content: ''; position: absolute; left: 1rem; right: 0; top: -.5rem}
.box_prodcut:hover ~.tooltip_box{display: block}
.mobile_sticky p{margin-bottom: 0}
.payment_m.po{padding-bottom:3rem}
	@media screen and (min-width:1500px){
	.container-fluid{max-width: 1400px; padding: 0; width: 100%}
		.features_sec:before{height: 319px}
}  
@media (min-width: 1024px){
	.collapse.dont-collapse-sm {    display: block;    height: auto !important;    visibility: visible;}
	button.filter_h { padding:9px 16px}
	.table_top_price {    padding: 5px 13px;}

}



@media screen and (max-width:1280px){
	.award_logo p{ font-size: 11px}
	.footer-partners-logo img {
    max-width: 60px;
    padding-bottom: 30px;
}
	
}



@media screen and (max-width:1024px){
	.banner_content h1{ font-size: 24px}
	.banner_content p{font-size: 14px}
	.award_logo{flex-direction: column}
	a.buy_btn { padding: .5rem 1rem}
	.sticky_block h3 { font-size: 15px}
	.price_block .price { font-size: 20px}
	.price_block strike{ font-size: 14px}
	.comp_title { font-size: 14px}
	 
	
}

@media screen and (max-width:992px){
	.sticky_block h3, .trust_col{ display: none}
	
}

@media screen and (max-width:767px){
.fearures_cam_col .save { font-size: 12px; white-space: nowrap}
.compair_row {flex-wrap: wrap; position: relative}
.banner_section{padding-bottom: 2rem} 
.money_back, .notron{display: none}
.award_logo{justify-content: center; text-align: center; align-items: center} 
.fearures_cam_col p.product_text{display: none}
a.buy_btn{white-space: nowrap;padding: .7rem 2rem;font-size: 16px;background: #e11f26;color: #fff;}
.banner_wrapper img{max-width: 60px}
.banner_content h1 { font-size: 18px; padding: 0}
.trust_col {margin: auto}
.price_block .price {font-size: 28px;}
.price_block strike {font-size: 21px;}
.features_col{max-width: 100%;}
.fearures_cam_col {max-width: 33%; margin: 0}
.sticky_row .features_col{display: none}
.sticky_row .features_col, .sticky_row .fearures_cam_col { max-width: 90%; width: 100%; margin: 1rem auto; border: solid 1px #ccc; background: #f0f0f0}
.why_stellar_row{flex-wrap: wrap; padding-top: 2rem}
.product_text br{display: none}
.features_sec:before{display: none}
.counter span { font-size: 24px}
.counter p{font-size: 12px}
.counter {margin: 1rem 0}
.ans, .qes{display: none}
h3{font-size: 18px}
.faq_h_card_title{padding: 10px}
.faq_h_card{padding: 0; border: 1px solid #ddd}
 .faq_h{border-left: 1px solid #ddd !important; padding: 1rem}
.faq_title { font-size: 14px; line-height: normal; bottom: 0}
.address-bg, .call-us { display:block; position:relative}
.address-bg:after{background:url(https://www.stellarinfo.com/image/call-us.png) no-repeat;width:25px;height:25px;position:absolute;left:-29px;top:-13px;content:'';}
.call-us:after { background: url(https://www.stellarinfo.com/image/call-us.png) no-repeat; background-position-y: -32px; width: 25px;height: 25px; position: absolute; left: -29px; top: 0; content: '';}
.red_bg_sec {  position: static;   background: #181617;   width: 100%;}
.red_bg_sec h5{ display:none}
.blank_bgl .diy-box-title { border-bottom: solid 1px #6f6f6f;  padding-bottom: 10px;}
.collaps { position: absolute;  right: 30px;  background-size: 12px; background: url(https://www.stellarinfo.com/image/collaps.png) no-repeat center;
    width: 16px;    height: 10px;}
	.faq_h_card_title p{ font-size: 14px}
	
	.mobile_sticky{display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; position: sticky; top: 0; padding: 1.5rem 1rem; background: #f0f0f0; z-index: 19;  }
	.payment-row img{margin: .3rem auto}
	.from_row{flex-direction: column}
	button.submit_btn {font-size: 16px;padding: 1rem 2rem}
	.purches_order p br{ display: none}
	.purches_order img{display: none}
	.payment-row{display: flex; align-items: center; flex-direction: column}
	.box_prodcut:hover ~.tooltip_box{display: none}
	.first-mob-col{padding-top: 1rem}
	a.navbar-brand svg{width: 120px}
	.purches_order { margin-top: 1rem; padding: 1.5rem}
	a.faq_h[aria-expanded="true"] { background-size: 13px; background-position: 98% 24px}
	a.faq_h[aria-expanded="false"]{background-size: 13px; background-position: 98% 24px}
	
	
}
@media screen and (max-width:579px){
	.fearures_cam_col{padding: 1rem .2rem}
	.sticky_row{flex-direction: column}
	.modal {padding-right:0!important;}	
	
}