:root{
--bg_sprit: url('../images/sprit-bg.png');
--svg-bg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 301 378'><defs><linearGradient id='PSgrad_0' x1='0%' x2='0%' y1='100%' y2='0%'><stop offset='0%' stop-color='rgb(231,37,120)' stop-opacity='1' /><stop offset='100%' stop-color='rgb(42,100,246)' stop-opacity='1' /></linearGradient></defs><path fill-rule='evenodd' fill='url(%23PSgrad_0)' d='M157.000,-0.000 C239.290,-0.000 301.000,82.710 301.000,165.000 C301.000,247.290 148.290,378.000 66.000,378.000 C-16.290,378.000 2.000,230.290 2.000,148.000 C2.000,65.710 74.710,-0.000 157.000,-0.000 Z'/></svg>");


}
.gradient-text1{ background: var(--gradient-sub); -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: var(--transparent);text-fill-color: var(--transparent);}
.top_title{ font-weight: var(--fw-bold); display: inline-flex; align-items: center; column-gap: 10px;}
sup{font-size: 55%}
.v-tag{ display: inline-flex;background: var(--gradient-sub); padding: 1px; justify-content: center; align-items: center;   border-radius: 5px;} 
.v-tag i{ font-style: normal; width: 100%; background: linear-gradient(303deg, rgb(212 224 255) 15%, rgb(255, 235, 244) 69%); border-radius: 4px; padding: 2px 10px;; display: flex; justify-content: center;  font-family: var(--font-mont); font-size: 13px;  }



.hero_section{position: relative}
.hero_heading{ font-size: 52px; font-weight: var(--fw-bold)}
.hero_sub_heading{ font-size: var(--fs-subheading); line-height:1.5; color: var(--secondry-black)}
.button_sec{ display: inline-flex}
.button_sec .free_download_btn{background: var(--green); color: var(--white); display: inline-flex; padding: 12px 15px; border-radius: 5px; } 
.button_sec .free_download_btn .arrow{ width: 30px; height: 30px; background: var(--bg_sprit); background-position: -176px -202px; margin-top: 4px} 
.button_sec .free_download_btn .btn-text{font-size: var(--fs-subheading); font-family: var(--font-mont); display: flex; flex-direction: column; font-weight: var( --fw-semibold)}
.button_sec .free_download_btn .btn-text i{ font-style: normal; font-size: var( --fs-small); font-weight: var(--fw-medium); margin-top: -2px;}
.os_avlable{ font-size: var(--fs-medium); font-weight: var(--fw-semibold)}
.hero_section:before{ position: absolute; width: 301px; height: 378px; background: var(--svg-bg); content: '';   top: -10rem; right: 20%;  ;   transform: rotate(246deg); filter: blur(92px); opacity: .55}

.hero_section:after{ position: absolute; width: 301px; height: 378px; background: var(--svg-bg); content: '';   top: -0;  bottom: 0; margin: auto; left: -10%;  ; ; filter: blur(92px); opacity: .25; z-index: -1}
.hero_section .button_sec {column-gap: 10px}
 .upgrade_btn{ border: solid 1px var(  --primary-red); color: #fff; display: inline-flex;  justify-content: center; color:var(  --primary-red); display: inline-flex; align-items: center; padding: .5rem 2rem; font-size: 18px; border-radius: 5px; column-gap: 5px; font-family: var(--font-mont);font-weight: var( --fw-semibold);transition: ease-in-out .3s}
 .upgrade_btn .upgrade_icon{  width: 22px; height: 28px; background:var(--bg_sprit) no-repeat -263px -203px; transition: ease-in-out .3s}
 .upgrade_btn:hover{ background:  var(  --primary-red); color: #fff;}
 .upgrade_btn:hover .upgrade_icon{ filter: brightness(0) invert(1)}

.brand_container{ width: 100%; background: var( --gray-lightest); border-radius: 15px; padding: 2rem; border: solid 1px #cecece40}
.brand_container .globle_sh{ color: #a2a2a2}
.brand_list{ list-style: none; display: flex; justify-content: center; align-items: center; column-gap: 3rem; margin-top: 2rem}
.brand_list li{ display:flex; align-items:center}

.file_device_container{ background: #f5f7ff; border-radius: 20px; padding: 3rem; padding-bottom: 0; max-height: 575px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start}
.file_device_container .file_device_title{ font-size: 24px;; font-weight: var(--fw-bold); }
.file_device_container  p{ font-size: var( --fs-xxlarge); margin-top: .5rem}
.file_device_container  .file_type{    margin-top: 2rem;    margin-bottom: -12rem;}
.devices_container{ background: #fff6f6}

/* Grid Layout*/
.grid_row{ display: grid; column-gap: 20px;}
.grid_ltr{grid-template-columns: 3.5fr 2.5fr;}
.grid_rtl{grid-template-columns: 2.5fr 3.5fr;}
.grid_row .grid_col{ padding:  2rem; background:#e2f6fe; border-radius: 15px}
.grid_ltr .first_column{ display: flex; background: linear-gradient( 90deg, rgb(183,203,255) 0%, rgb(234,254,254) 100%);}
.grid_ltr .first_column .left_column { display: flex; flex-direction: column; padding-left: 2rem}
.grid_ltr .first_column .left_column .recover_title{ font-size: 33px;  font-family:  var(--font-mont); color: #8d9eba; font-weight: var(--fw-bold)}
.grid_ltr .first_column .left_column .extra_title{ font-family:  var(--font-mont); color: #e1ebff; font-weight: 900; font-size: 131px; line-height: .8; text-shadow:8px 7px 81px rgb(0 0 0 / 18%);}
.grid_ltr .first_column .left_column .free_s{ background: linear-gradient( 90deg, rgb(249,139,83) 0%, rgb(7,30,133) 40%, rgb(42,100,246) 90%);  font-family:  var(--font-mont); padding: .5rem 1rem; border-radius: 50px; margin-top: 1rem;  display: flex; justify-content: center; font-size: 24px; color: var(--white);  font-weight: var(--fw-bold);  text-transform: uppercase; position: relative}
.grid_ltr .first_column .left_column .free_s:before{ width: 100%; height: 3px;  background: linear-gradient( 90deg, rgb(249,139,83) 0%, rgb(7,30,133) 40%, rgb(42,100,246) 90%); position: absolute; left: 0; bottom: -.5rem; content: ''; filter: blur(5px)}
.grid_ltr .first_column .right_column{ margin-left: auto}
.grid_ltr .second_column{ display: flex; background: linear-gradient(270deg, rgb(239,239,241) 0%, rgb(227,228,255) 100%);;}
.grid_ltr .second_column .left_column .bend_title{ font-size: 28px; font-weight: 700; color: #525477 }
.grid_ltr .second_column .right_column img{ width: 520px}
.grid_rtl .first_column{ display: flex; background: linear-gradient(270deg, rgb(239,239,241) 0%, rgb(227,228,255) 100%);;}
.grid_rtl .first_column .left_column .bend_title{ font-size: 28px; font-weight: 700; color: #525477 }
.grid_rtl .first_column .right_column img{ transform: scale(2)}
.grid_row .grid_col { height: 315px; box-sizing: border-box; align-items: center}
.grid_rtl .second_column{ display: flex; background: #fee1e5; position: relative;overflow: hidden}
.grid_rtl .second_column .left_column .bend_title{ font-size: 28px; font-weight: 700; color: #bc7a85; padding-right: 2rem }
.grid_rtl .second_column .right_column{ margin-left: auto; width: 100%; }
.themes_text{position: absolute;  left: 2rem; bottom: -2rem; font-weight: var( --fw-extrabold); font-family:  var(--font-mont);  font-size: 100px; background: linear-gradient(360deg,rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 101%);background-clip: text; -webkit-text-fill-color: var(--transparent);text-fill-color: var(--transparent);}
.grid_layout_sec{ position: relative; overflow: hidden}
.grid_layout_sec:before{ width: 200px; height: 200px; position: absolute; left: 0; top: -8rem; right:0; background: var(--svg-bg) no-repeat; content: ''; background-position: center; margin: auto; filter: blur(8rem); opacity: .3}



/* Customers Testimonials*/
/*
.testimonial_sec{ background: var(--light_gradienrt_bg)}
.testimonial_container {display: flex; gap: 20px; flex-direction: row;}
.testimonial_container .box {flex: 1; background-color: #fff; transition: 0.3s ease-in-out;  border-radius: 22px; height: 506px; overflow: hidden; min-width: 357px; cursor: pointer}
.testimonial_container .box:hover {box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.11);  }
.testimonial_container .box.hovered {flex: 2;}
.testimonial_container .box_container {display: flex; padding: 1rem;}
.testimonial_container .testimonial_image {border-radius: 15px; overflow: hidden; min-width: 325px; height: 100%; margin-left: auto}
.quote_icon {display: block; width: 60px; height: 60px; background: var(--bg_sprit) -318px -31px no-repeat;}
.testimonial_quote {display: flex; flex-direction: column; overflow: hidden; transform: translateX(100%); opacity: 0; transition: transform 0.3s ease-in-out, opacity .7s ease-in-out;}
.box.hovered .testimonial_quote {transform: translateX(0); opacity: 1; }
.testimonial_quote .testimonial_title {font-size: 26px; margin-top: 1rem; color: #484848; line-height: 1.3; width: 270px;  }
.testimonial_details {margin-top: 2rem;  }
.testimonial_details .testimonial_name {font-size:var( --fs-xxlarge);font-family:  var(--font-mont); font-weight: 600; display: block;}
.testimonial_details .testimonial_des {font-size:var( --fs-xlarge); color: #505050; line-height: 1.2; padding-top: 1rem;}
 .testimonial_image{position: relative}
 .testimonial_image .image_overlay{position: absolute; bottom: 0; left: 0; padding: 1rem; background: linear-gradient(0deg, #000000 0%, #00000000 50%); width: 100%; height: 100%; display: flex; align-items: flex-end}
.testimonial_image .image_overlay .overlay_container{ display: flex; align-items: center; column-gap: 25px; }
.testimonial_image .image_overlay .overlay_container .overlay_btn{ display: inline-flex; background: #ffffff; padding: 8px 25px 8px 35px; border-radius: 25px; font-size: 16px;font-family:  var(--font-mont);  font-weight: var(--fw-bold); position: relative}
 .testimonial_image .image_overlay .overlay_container .overlay_btn:before{ width: 12px; height: 20px; display: block; background: var(--bg_sprit); position: absolute; content: ''; background-position: -213px -212px; margin: auto 0; top: 0; bottom: 0; left: 1rem}
 .overlay_container .testimonial_name{font-size: var( --fs-xxlarge); font-family:  var(--font-mont); font-weight: 600; display: block;color:var(--white); margin-bottom: 0}
.overlay_container .testimonial_des{font-size: var( --fs-large);   display: block; color:var(--white); padding-top:0;  font-weight:400}
 .testimonial_container .box.hovered .overlay_container .testimonial_details{ transform: translateX(-150%); opacity: 0}
.testimonial_container .box .overlay_container .testimonial_details{ transform: translateX(0); opacity: 1; transition: ease-in-out .3s}
 
*/
.testi-swiper-sec { background: var(--light_gradienrt_bg); }
.testi-swiper-container { position: relative; padding: 20px 0;overflow: hidden;}
.testi-swiper-wrapper {transition: transform 0.3s ease;align-items: center;}
.testi-swiper-slide {transition: width 0.3s ease;width: 23.5% !important;  transform-origin: right}
.testi-swiper-slide.hovered {width: 50% !important; opacity: 1;z-index: 2; transform-origin: right}
 .testi-swiper-container .testi-box { background-color: #fff; border-radius: 22px; height: 506px; overflow: hidden;transition: all 0.3s ease;  transform-origin: right; cursor: pointer}
 .testi-swiper-container .testi-box-container { display: flex; padding: 1rem; height: 100%;  background: #fff; justify-content: flex-end; position: relative}
.testi-swiper-container .testi-image { border-radius: 15px; overflow: hidden; width: 100%; height: 100%; margin-left: auto; display: flex; justify-content: flex-end}
.box.hovered .testi-quote{left: 1rem}
.testi-quote-icon { display: block; width: 60px; height: 60px; background: var(--bg_sprit) -318px -31px no-repeat;}
.testi-quote {display: flex; flex-direction: column;  transition: ease-in-out .3s; position: absolute; width: 50%; top: 0; left: -100%; height: 90%; margin: auto; padding-left: 2rem; padding-top: 2rem}
.testi-quote .testi-title { font-size: 26px; margin-top: 1rem; color: #484848; line-height: 1.3; width: 270px; }
.testi-details {margin-top: auto; }
.testi-details .testi-name { font-size: var(--fs-xxlarge); font-family: var(--font-mont); font-weight: 600; display: block; }
.testi-details .testi-des { font-size: var(--fs-xlarge); color: #505050; line-height: 1.2; padding-top: 1rem; }
.testi-image {position: relative; }
.testi-image .testi-image-overlay { position: absolute; bottom: 0; left: 0; padding: 1rem; background: linear-gradient(0deg, #000000 0%, #00000000 50%); width: 100%; height: 100%; display: flex; align-items: flex-end; opacity: 0; transition: opacity 0.3s ease;}
 .testi-box-container .testi-image-overlay {opacity: 1;}
.testi-image .testi-image-overlay .testi-overlay-container { display: flex; align-items: center; justify-content: space-between;width: 100%;}
.testi-image .testi-image-overlay .testi-overlay-container .testi-overlay-btn {   display: inline-flex; background: #ffffff; padding: 8px 25px 8px 35px; border-radius: 25px; font-size: 16px; font-family: var(--font-mont); font-weight: var(--fw-bold); position: relative; cursor: pointer; }
.testi-image .testi-image-overlay .testi-overlay-container .testi-overlay-btn:before { width: 12px; height: 20px; display: block; background: var(--bg_sprit); position: absolute; content: ''; background-position: -213px -212px; margin: auto 0; top: 0; bottom: 0; left: 1rem; }
.testi-overlay-container .testi-name { font-size: var(--fs-large); font-family: var(--font-mont); font-weight: 700; display: block; color: var(--white); margin-bottom: 0;}
.testi-overlay-container .testi-des { font-size:12px; display: block; color: var(--white); padding-top: 0; font-weight: 400; line-height: 1.3 }

.testi-swiper-container .hovered .testi-image{width:297px}
.testi-swiper-slide.box  .testi-image-overlay .testi-details{transform: ease-in-out .3s; opacity: 1}
 .testi-swiper-slide.box.hovered  .testi-image-overlay .testi-details{opacity: 0}




/* Swiper Navigation and Pagination */
.testi-swiper-button-prev, .testi-swiper-button-next { color: #484848; width: 40px; height: 40px; background: white;border-radius: 50%;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.testi-swiper-button-prev:after, .testi-swiper-button-next:after {font-size: 18px;font-weight: bold;}
.testi-swiper-pagination .swiper-pagination-bullet { background: #484848; opacity: 0.5; width: 12px; height: 12px; }
.testi-swiper-pagination .swiper-pagination-bullet-active {background: #484848;opacity: 1; }
 

/* Features Section */

.features_container{ display: flex; column-gap: 10px; margin-top:5rem}
.features_container .features_image{ max-width: 100px; width: 100%; display: flex; align-items: flex-start; justify-content: center; padding-top: 5px;}
.features_container .features_details{ flex: 1}
.features_container .features_title{ font-size: var(--fs-subheading); font-weight: var(--fw-bold); margin-bottom: 1rem}
.features_container .features_details{ font-size: var(--fs-xxlarge);  }
.features_wrapper{margin-top: -2rem}
.features_wrapper >div:nth-child(even){ padding-left: 2rem}
.features_wrapper >div:nth-child(odd){ padding-right: 2rem}
.features_container .features_details a{ color: var(--primary-red); }
/*.features_container .features_details a:before{ width: 0%; height: 1px;background: var(--primary-red); position: absolute; right: 0; bottom: 0; content: '';transition: ease-in-out width .3s;transform-origin: right center;}*/
.features_container .features_details a:hover:before{ width: 100%;left: 0;}

/* Steps Section */
 
.seps_sec{ background: linear-gradient(135deg, #f8e6e9 0%, #f2f0f5 50%, #dee9f7 100%); position: relative; overflow: hidden}
 .seps_sec:before{  width: 400px;height: 400px;position: absolute;left: 14rem;bottom: -13rem;/* right:0; */background: var(--svg-bg) no-repeat;content: '';background-position: center;margin: auto;filter: blur(12rem); opacity: .5}

.seps_sec .swiper-tabs {display: flex;flex-direction: column;row-gap: 20px; max-width: 494px; opacity: .8; transition: ease-in-out .5s; position: relative; z-index: 1}
.seps_sec .swiper-tab {padding:2px;background:none;border: none;border-radius: 15px;cursor:pointer;transition: all 0.3s ease;font-size: 16px;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.13)inset ;}  
.seps_sec .swiper-tab .swiper_btn_container{background: #ffffff00; border-radius: 14px; text-align: left; padding: 2rem; font-size: var(--fs-xlarge); color: #444444}
.seps_sec .swiper-tab .swiper_btn_container .btn_title{ font-size: var(--fs-xlarge); font-weight: var(--fw-bold); color: #000000}

/*.swiper-tab.active {background: #007aff;color: white;}*/
.seps_sec .swiper-tab.active {background:linear-gradient(90deg, #e72578, 17%, #2a64f6 50%, #ffffff00 100%);  box-shadow: none; opacity: 1 }
.seps_sec .swiper-tab.active .swiper_btn_container {background: #ffffff;  box-shadow: -16.728px 18.579px 46px 0px rgba(0, 0, 0, 0.13);}

.swiper_screen_container{background:linear-gradient(142deg, #ffffff 0%, #ffffff00 48%); padding: 1rem; border-radius: 18px; padding: 0}
.swiper_screen_container .swiper-slide-active >div{padding: 1rem 0 0 1rem; display: flex; align-items: center; justify-content: center; max-width: 761px}
.swiper_screen_container .swiper-slide-active >div img{ width: 100%}


.price_column{ display: flex}



.price_column_wrapper{background:linear-gradient(180deg, #e72578, 17%, #2a64f6 50%, #2a64f620); display: flex; padding: 1px; border-radius: 15px; position: relative; overflow: hidden; transition: ease-in-out .3s}
.price_column:nth-last-child(odd) .price_column_wrapper{background:linear-gradient(0deg, #e72578, 17%, #2a64f6 50%, #2a64f620); }
.price_column:hover .price_column_wrapper{background:linear-gradient(0deg, #e72578, 17%, #2a64f6 100%); }
	
.price_column .price_column_wrapper:hover{box-shadow: -22px -22px 80px 0px rgba(24,92,255,0.3),13px 15px 80px 0px rgba(251,0,0,0.22);}
.price_column_wrapper .column_container{ display: flex; background: #fff; border-radius: 14px; flex-direction: column; width: 100%; padding: 1rem; padding-top: 0}
.price_column_wrapper .column_container .container_head{ padding: 2rem 0; text-align: center; padding-bottom: 0; min-height: 310px; display: flex; flex-direction: column}
.price_column_wrapper .column_container .container_head .header_heading{ font-size: 24px; font-weight: var(--fw-bold)}
.price_column_wrapper .column_container .container_head .header_title{ font-size: var( --fs-mega)}
.price_column_wrapper .column_container .container_head .price{ margin-top: 1rem}
.price_column_wrapper .column_container .container_head .column_download_btn{ display: inline-flex; background: var( --green); padding:.8rem 1.5rem; color: var(--white);font-family:  var(--font-mont);font-weight: var(--fw-semibold);   border-radius: 6px; font-size:16px; margin-top: 1rem;}

.price_column_wrapper:before{background: #2a64f6; width: 100px; height: 200px;  position: absolute;  top: 0rem; left: -6rem; content: ''; filter: blur(4rem); opacity: .5}

.price_column_wrapper .column_container .container_footer{border-top: solid 1px #d1d1d1; margin-top: 1rem}
.price_features{padding-left: 0; display: flex; flex-direction: column; list-style: none; margin-top: 2rem; row-gap:.8rem; font-size: var( --fs-large); margin-bottom: 1rem; margin-top: auto; padding-top: 2rem}
.price_features li{position: relative; padding-left: 1rem}
.price_features li:before{content: "";display: block;width: 5px;height: 10px;border: solid #666666;border-width: 0 2px 2px 0;transform: rotate(45deg);position: absolute;top: -2px;left: 0;right: 0;bottom: 0;  margin: auto 0}
.price sup{font-family:  var(--font-mont);  font-size: 50%}
.price_column_wrapper .button_container{ display: inline-flex; flex-direction: column; row-gap:20px; margin-top: auto; align-items:center;; justify-content:  flex-start}
.price_column_wrapper .button_container .buy_btn{ color: var(--primary-red); font-family:  var(--font-mont);  font-size: var(--fs-xlarge); font-weight: var(--fw-bold)}
.price_column_wrapper .button_container .buy_btn img{ transition: ease-in-out .3s}
.price_column_wrapper .button_container .buy_btn:hover img{ transform: translateX(5px)}
.expand_table{ text-align: center; margin-top: 2rem}
.expand_table span{font-family:  var(--font-mont);  font-size: var(--fs-xlarge); font-weight: var(--fw-bold); border-bottom: solid 1px #d1d1d1; display: inline-block;position: relative;padding-right: 20px; cursor: pointer}
.expand_table span:before{    content: ""; display: block; width: 10px; height: 10px; border: solid #666666; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: -2px;   right: .1rem; bottom: 0; margin: auto 0;}


.review_trustpailot{background: #fff; max-width: 770px; border-radius: 20px; padding: 2rem; margin:auto; box-shadow: 0px 3px 54px 0px rgba(0, 0, 0, 0.2); position: relative}
.review_trustpailot:before{ width:134px; height:108px; ;position: absolute;top: -3rem;left: -12rem; content: "";background: var(--bg_sprit) -7px -9px no-repeat; }
.review_trustpailot:after{ width:134px; height:108px; ;position: absolute;bottom: -1rem;right: -12rem; content: "";background: var(--bg_sprit) -7px -9px no-repeat;transform: scale(-1); }


.spec_container{ box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.11); border-radius: 13px; padding: 1rem}
.spec_col_container{ background: linear-gradient(90deg, #e11f2620 0%,  #ffffff 100%); width: 100%; padding: 2rem;  border-radius: 18px; display: flex; flex-direction: column}
.spec_col_container .col_header{ display: flex; align-items: center; column-gap: 10px;}
.colo-header_logo{ height: 33px;}
.spec_col_container .col_header .spec_heading{ font-size: var(--fs-subheading); margin-bottom: 0; font-weight: var(--fw-bold) }
.spec_col_container .devider{ display: block; background:linear-gradient(147deg, #f53843 0%, #2f5795 50%, #ffffff00 100%); height: 1px; margin-top: 1rem;}
.row_media_body .col_media_container{ display: flex; column-gap: 12px;font-size: var( --fs-xlarge);}
.row_media_body .col_media_container .sprit_bg{ width: 38px; height: 38px; background: var(--bg_sprit) no-repeat}

.row_media_body .col_media_container .virson{background-position:-99px -143px}
.row_media_body .col_media_container .license{background-position:-353px -143px}
.row_media_body .col_media_container .eddition{background-position:-99px -143px}
.row_media_body .col_media_container .language{background-position:-18px -194px}
.row_media_body .col_media_container .release{background-position:-398px -149px}



.row_media_body .col_media_container  .col_media_body{ flex:1}
.row_media_body .col_media_container  .col_media_body span{font-weight: var(--fw-bold) }
.row_media_body .col_media_container  .col_media_body p{margin-bottom: 0; padding-top: .2rem; font-size: var( --fs-large)}
.row_media_body .col_media_container {margin-top: 2rem}

.sys_require{ background: linear-gradient(90deg, #2f579515 0%,  #ffffff 100%)}
.sys_require .sys_logo{ width: 51px; height: 33px;  background: var(--bg_sprit) no-repeat -17px -147px; }

.row_media_body .col_media_container .processor{background-position:-255px -146px}
.row_media_body .col_media_container .memory{background-position:-203px -151px}
.row_media_body .col_media_container .hdd{background-position:-150px -145px}
.row_media_body .col_media_container .os{background-position:-296px -150px}

.spec_container .guide_list{ display: flex; list-style: none;  column-gap: 20px; padding-left: 0; margin-top:2rem; padding-left: 10px;}
.spec_container .guide_list li{position: relative}
.spec_container .guide_list li a{ border: solid 1px #d1d1d1; padding: 10px 20px; border-radius: 50px; padding-left: 40px;font-size: var( --fs-large); transition: ease-in-out .3s}
.spec_container .guide_list li:before{ width: 19px; height: 22px; position: absolute; left: 17px; top: 0; bottom: 0; margin: auto 0; content: ''; background: var(--bg_sprit) no-repeat -79px -205px; transition: ease-in-out .3s; transform-origin: left center}  
.spec_container .guide_list li:nth-child(2):before{background-position: -112px -205px} 
.spec_container .guide_list li:nth-child(3):before{background-position: -146px -205px} 
.spec_container .guide_list li:hover:before{ transform: scale(0)}
.spec_container .guide_list li:hover a{padding-left: 20px; padding-right: 40px;}

.spec_container .guide_list li:after{ width: 19px; height: 11px; position: absolute; right: 17px; top: 3px; bottom: 0; margin: auto 0; content: ''; background:url('https://www.stellarinfo.com/public/homefile/images/left-arrow.svg') no-repeat; transition: ease-in-out .3s; transform-origin: left center; background-size: 17px; transform: scale(0); transform-origin: left center}  
.spec_container .guide_list li:hover:after{ transform: scale(1); filter: brightness(0) invert(1)}
.spec_container .guide_list li:hover a{background: #444; color: var(--white)}

.article_col_container{ border: solid 1px #e4e4e4; border-radius: 15px; padding: .5rem; width: 100%; display: flex; flex-direction: column}
.article_col_container .article_media{background: #fff6f6; border-radius: 15px; display: flex; align-items: center; justify-content: center; padding: 3rem}
.article_col_container  .article_features{ padding: 2rem 1rem}
.article_col_container  .article_features h5{ font-size: var(--fs-xxlarge); font-weight: var(--fw-bold); line-height: 1.5}

.article_col_container  .media2{background: #f6faff}
.article_col_container  .media3{background: #eaecee}



.gradient_container{ background: linear-gradient( 40deg, rgb(222,237,254) 50%, rgb(255,225,238) 100%); padding:4rem 2rem; border-radius: 16px;}
.gradient_container .box_wrapper{max-width: 1060px; width: 100%; margin: auto}

.gradient_container .box_wrapper .p_title{background: var(--gradient-sub); display: inline-flex;  padding: 5px 20px;font-family:  var(--font-mont); font-weight: var(--fw-semibold); border-radius: 50px; color: var(--white);  }
.prduct_details .globle_h{ font-size: 32px; margin-top: 1.5rem}
.prduct_details .product_details_list{  display: flex; column-gap: 20px; list-style: none; padding-left: 0; margin-top: 2rem }
.prduct_details .product_details_list li{ background: linear-gradient(90deg, #ffffff 0%, #ffffff00 100%); padding: 5px 20px; border-radius: 25px; outline: solid 1px #ffffff80; outline-offset: 2px; position: relative; padding-left: 40px;  font-size: var( --fs-large)}
.prduct_details .product_details_list li:before{ width: 16px; height: 16px; border-radius: 16px; background: var(--green); position: absolute; left: 0;  top: 0; bottom: 0; margin: auto 0 ;content: ''; margin-left: 15px;}
.prduct_details .product_details_list li:after{content: "";display: block;width: 5px;height: 9px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);position: absolute;top: 10px;left: 21px;z-index: 1;}

.faq_sec .accordion-button:not(.collapsed), .faq_sec .accordion-button:focus{ background: #fff; color: #181617!important; box-shadow: none}
.faq_sec .accordion-item{ box-shadow: 0 0 5.22px .78px rgb(0 0 0 / 14%);overflow: hidden;border-radius: 5px 5px 5px 5px !important;padding: 1rem;position: relative;}
.faq_sec .accordion-button:before{width: 10px;height: 100%;background: linear-gradient(180deg, #f53843 0%, #2f5795 100%);position: absolute;left: -5px;top: 0;content: "";filter: grayscale(1);opacity: .5;transition: ease-in-out 0.3s;}
.faq_sec .accordion-button{ position:static;  font-size: var(--fs-xxlarge); font-weight: var(--fw-bold);font-family:  var(--font-mont); padding-bottom: 0; padding-top: 0; color: #555}
.faq_sec .accordion-button[aria-expanded="true"]:before {filter: none;opacity: 1;}
.faq_sec .accordion-item{margin-top:1rem}

.counter_text{list-style:none;display:flex;justify-content:space-around;margin-bottom:0;width:100%; padding-left: 0}
.counter_text li{text-align:center;margin:1rem auto}
.counter_text li .gtext{background: linear-gradient(90deg, #e72578, 50%, #2a64f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.counter_text .counter_h span{font-size:42px;font-weight:600;font-family:'Montserrat'}
.counter_text .counter_h span sup{font-size:60%;font-weight:600;position:static;vertical-align:revert}.counter_sh{font-size:14px;font-weight:700;text-transform:uppercase}
.counter_text p{margin-bottom:0}
.gtext1{color: #3e5ee9; text-fill-color: #3e5ee9; -webkit-text-fill-color: #3e5ee9;}
.counter_text .counter_h {min-width: 130px}
.modal{backdrop-filter: blur(7px);}
.video_modal .modal-header{padding: 0; background: none}
.video_modal .modal-header .btn-close{position: absolute; right: -1rem;/* background: #e11f26; */opacity: 1;color: #fff;background-color: #ffffff;border-radius: 50px;font-size: 10px;padding: 5px;font-weight: 700;}
.video_modal{backdrop-filter: blur(10px); transition: ease-in .3s}

/* Sticky Nav*/


.scrollspy-wrapper {width: 100%;background: #fff;transition: transform 0.3s ease;z-index: 1030;position: fixed;top: 0;left: 0;transform: translateY(-15rem);  box-shadow: 0 0 15px #d1d1d1   }
.scrollspy-wrapper.visible {transform: translateY(0);}
.scrollspy-menu {display: flex;justify-content: center;gap: 5px;padding: 15px 5px;}
.scrollspy-menu .nav-link{ display: inline-flex; align-items: center; column-gap: 5px; font-size: 12px; color: #181617; font-weight: 700; font-family: var(--font-mont)}
.scrollspy-menu .nav-link.active{color: #e11f26}
.capsule-indicator {position: absolute;bottom: 0;height: 2px;background-color: #e11f26;border-radius: 2px;transition: all 0.3s ease;}
.scrollspy-menu .nav-link img{ width: 18px; max-width: 18px !important; height: auto!important}

.scrollspy-wrapper .button_sec{margin-left: auto; column-gap: 10px}
.scrollspy-wrapper .button_sec  .free_download_btn .btn-text, .scrollspy-wrapper  .upgrade_btn{ font-size: 14px}
.scrollspy-wrapper .button_sec  .free_download_btn, .scrollspy-wrapper  .upgrade_btn{padding: 5px 10px;}
.scrollspy-wrapper .button_sec  .free_download_btn .arrow {width: 25px;height: 26px;background: var(--bg_sprit);background-position: -178px -206px;margin-top: 4px;}
.sticky_navbar_container {column-gap: 1rem}
.scrollspy-wrapper  .upgrade_btn .upgrade_icon{    width: 23px;height: 23px;background-position:-211px -162px;transition: ease-in-out .3s;background-size: 388px;}

@media screen and (max-width:1440px){
	.testimonial_container .box { min-width: 220px}
	.hero_heading{ font-size: 47px}


@media screen and (max-width:1400px){
	.globle_h{font-size: 32px}
	.file_device_container .file_device_title{font-size: 22px}
	.testi-swiper-container .testi-image{justify-content: center}
	.swiper-button-disabled{ display: none!important}
	
}
	

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

 .testi-quote{ padding-left: 1rem; padding-top: 1rem}	
 
	
}
	
	
@media screen and (max-width:1300px){
	
	}
	
	
	
@media screen and (max-width:1280px){
.hero_heading{ font-size: 45px}
.grid_ltr {grid-template-columns: 3fr 2.5fr;}
.grid_rtl {grid-template-columns: 2.5fr 3fr;}
.grid_rtl .first_column .left_column .bend_title, .grid_ltr .second_column .left_column .bend_title, .grid_rtl .second_column .left_column .bend_title{font-size: 24px }
.grid_ltr .first_column .left_column .extra_title { font-size: 116px}
.grid_ltr .first_column .left_column .recover_title{font-size: 30px}
.grid_ltr .first_column .left_column{padding-left: 0}

 
.testi-quote .testi-title { width: 220px; padding-right: 1rem}
.testi-quote .testi-title{font-size: 21px;  }
.testi-swiper-container .testi-image{justify-content: center}
.testi-image .testi-image-overlay .testi-overlay-container{flex-direction: column; row-gap:10px; text-align: center}
.testi-swiper-slide.box.hovered  .testi-image-overlay .testi-details{opacity: 0}
	.features_container .features_details{font-size: var(--fs-large);}
	
}
	
@media screen and (max-width:1200px){
		
.hero_heading{ font-size: 40px}
.spec_container > .row{ row-gap:1rem}
.article_col_container .article_features h5{font-size: 16px}
.trustpailot_sec{overflow: hidden}
																	
.testi-swiper-slide{width: 49%!important}
.testi-swiper-container .testi-image, .testi-swiper-container .hovered .testi-image, .testi-swiper-slide.hovered { width: 49%!important;}
.testi-quote{position: static}
.testi-swiper-slide.box .testi-image-overlay .testi-details{opacity: 0}
.testi-box-container .testi-image{align-items: flex-start}
.testi-box-container .testi-image img{max-width: 100%; height: auto}
.testi-swiper-container .testi-box{height: auto}
        .testi-quote .testi-title { font-size:var(  --fs-xxlarge)}
.testi-quote{height: auto; margin: 0}
.testi-details{padding-bottom: 1rem}

.testi-swiper-sec .swiper-pagination{ display: none}
	
	}
	
@media screen and (max-width:1024px){
		
.grid_row  {grid-template-columns: 2.5fr 2.5fr !important;}	
.themes_text { left: 0; font-size: 10vw; right: 0; margin: auto}
.grid_row .grid_col{column-gap: 15px}
	.edition-selector{ display: flex; align-items: center; justify-content: center; margin-top: 1rem}
	 
		
}
	
@media screen and (max-width:991px){
	
.grid_row .grid_col{height: auto}
.grid_layout_sec .grid_col {flex-direction: column; align-items: center; row-gap:2rem}
.grid_layout_sec  .right_column{margin: auto}
.grid_layout_sec .grid_col img{max-width: 100%; transform: scale(1)!important; width: max-content!important}
.grid_layout_sec .grid_col h5{font-size: 32px !important; text-align: center}
.features_wrapper >div:nth-child(even){padding-left: 1rem}
.features_wrapper >div:nth-child(odd){padding-right: 0}
.review_trustpailot:before, .review_trustpailot:after{ display: none}
.price_column .price_column_wrapper{ width: 100%}
.pricing_section .row{ row-gap:2rem}
.prduct_details .product_details_list{flex-wrap: wrap; gap:15px; white-space: nowrap}
.counter_text{flex-wrap: wrap; justify-content: center}
.counter_text li{ width: 33%;}
	.hero_section{padding-top: 5rem}	
	
	
	}
	
@media screen and (max-width:900px){
		
.testi-quote .testi-title{ width: 175px}	
 .hero_heading{font-size:32px}
.hero_sub_heading{font-size: 18px}
.top_title{font-size: 16px}
.testi-quote .testi-title, .testi-details .testi-name{font-size: 16px;}
.grid_rtl .second_column .left_column h5{padding-right: 0}
	.testi-quote{padding: 0}
	 .button_sec .free_download_btn{white-space: nowrap}
	.button_sec .free_download_btn .btn-text, .hero_section .upgrade_btn{font-size: 16px}

	}
	
@media screen and (max-width:800px){
.testi-quote .testi-title{ width: 160px; margin-top: .5rem}
.testi-quote .testi-title, .testi-details .testi-name { font-size: 14px}
.testi-details .testi-des{font-size: 12px}
	.seps_sec .swiper-tab .swiper_btn_container{padding: 1rem;font-size: 0}
	 	.seps_sec .swiper-tab.active .swiper_btn_container{font-size: 13px}

		         
		
	}
	
@media screen and (max-width:767px){
	.grid_row{grid-template-columns: 1fr !important;}
	.hero_section:before,.hero_section:after{opacity: .2}
	.hero_section .py-5{padding-top: 2rem!important}
	.hero_heading{font-size: 28px}
	.os_avlable{ margin-top: 1rem!important}
	.hero_section .software-image {margin-top: 2rem}
	.hero_section{text-align: center}
	.hero_section .button_sec { text-align: left; justify-content: center}
	.brand_container{padding: 1rem; }
	.brand_container .globle_sh{font-size: 14px; position: relative; z-index: 2}
	.brand_list{padding-left: 0;}
	.file_device_container{padding: 1rem}
	.file_device_section .row, .grid_row {row-gap:2rem}
    .grid_rtl { margin-top: 2rem !important}
	.grid_layout_sec .grid_col h5{font-size: 24px !important}
	.testi-swiper-container .testi-image, .testi-swiper-container .hovered .testi-image, .testi-swiper-slide.hovered, .testi-swiper-slide{width: 100% !important}
	.testi-swiper-container{margin-top: 1rem !important}
	.themes_text{display: none}
	.globle_h{font-size: 28px}
	.features_container .features_title{font-size:18px}
	   .brand_list.animate {animation: scroll-left 20s linear infinite;}
	 .brand_container{overflow: hidden; position: relative}
	.brand_list li{ min-width: max-content}
	.brand_container:before{ width: 100px; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, #ffffff00 0%, #f7f7f7 70%); content: ''; z-index: 1}
	.brand_container:after{ width: 100px; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(270deg, #ffffff00 0%, #f7f7f7 70%); content: ''; z-index: 1}
	.testi-swiper-container .testi-image video{ display: none!important}
	.testi-quote{padding: 0}
	
    
		
	}
	
	@media screen and (max-width:572px){
.seps_sec .swiper-tabs{flex-direction: row; column-gap: 10px; margin-bottom: 2rem}	
.seps_sec .swiper-tab.active .swiper_btn_container{font-size: 0}
.seps_sec .swiper-tab .swiper_btn_container .btn_title{font-size: 13px; text-align: center;margin-bottom: 0}
.seps_sec .swiper-tab .swiper_btn_container{padding: .5rem}
.price_column_wrapper .column_container .container_head{min-height:auto}
.spec_col_container{padding: 1rem}
.gradient_container{padding: 2rem}
.product_box{max-width: 200px;margin-bottom: 2rem}
.counter_text .counter_h span{font-size: 32px}
.counter_sh{font-size: 11px}
.spec_container .guide_list{flex-wrap: wrap; row-gap:1rem}
.prduct_details .globle_h{font-size: 24px}
 .spec_container .guide_list{row-gap:1rem}
 .seps_sec .swiper-tab.active {background: linear-gradient(180deg, #e72578, 17%, #2a64f6 50%, #ffffff00 100%);}
 .swiper_screen_container{padding-left: 0;  }
 .swiper-slide-active > div{padding: 1rem}
 .swiper_screen_container{padding: 0; background: linear-gradient(174deg, #ffffff 0%, #ffffff00 48%)}
  
 .video_modal .modal-header .btn-close{right: 1rem; top: -1rem}
.spec_container .guide_list li{max-width: 190px; width: 100%}
.spec_container .guide_list li a{ display: flex; width: 100%}
section{overflow: hidden}
.testi-swiper-container .testi-box-container {padding-left: .5rem}
.compare_table .compare_head .comp_col:first-child .comp_container .comp_container_top{padding-bottom: 1rem}
.grid_rtl .second_column .left_column .bend_title{padding-right: 0}
.grid_row .grid_col{text-align:center;padding: 1rem}
.top_title { font-size: 14px;}
.hero_section .upgrade_btn{padding: .5rem 1rem; font-size: 14px}
		
	}
		@media screen and (max-width:345px){
			.hero_section .upgrade_btn{display: none}
			
		.top_title { font-size: 12px;}	
	}
	
	  @keyframes scroll-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }