/*
Theme Name: SYS
Author: SYS
Author URI: https://www.systoolsgroup.com/
Description: In 2025, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Creating a magazine website with WordPress has never been easier.
Version: 2.0.2
Theme URI: https://www.systoolsgroup.com/theme/
Tags: blue, two-columns, right-sidebar, featured-images, post-formats, theme-options, accessibility-ready
*/
@font-face {
  font-display: swap;
}
html{
 scroll-behavior: smooth;
}

body {
 font-family: "Montserrat", sans-serif;
 font-weight: 400;
 color: #000;
 position: relative;
 background-color: #fff;
}
a {
 color: #436aa6;
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}

img {
/*  max-width: 100%;*/
vertical-align: middle
}
blockquote {
 padding: 20px 20px;
 margin: 20px 0;
 margin-left: 0px;
 border: 5px solid #eee;
 background-color: #f9f9f9;
 color: #000;
/*font-size: 16px;*/
}
blockquote .blue {
 background-color: #1e4679;
 color: #fff;
}


.img-responsive {
 display: inline !important;
}
.bg-parallx {
 background: transparent;
 color: #fff;
}
.bg-shadow {
 background-position: top center;
 background-repeat: no-repeat;
}
.bg-darkslategray {
 background-color: #2E3136;
}

/*=========basic=========================*/
.alignnone {
 margin: 5px 0 20px 0;
 height: auto;
 max-width:100%;
}
.aligncenter, div.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
 max-width:100%;
 height: auto;
}
.alignright {
 float: right;
 margin: 5px 0 20px 20px;
 height: auto;
 max-width:100%;
}
.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
 height: auto;
 max-width:100%;
}
a img.alignright {
 float: right;
 margin: 5px 0 20px 20px;
 height: auto;
 max-width:100%;
}
a img.alignnone {
 margin: 5px 0 20px 0;
 max-width:100%;
}
a img.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}
a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 max-width:100%;
}


.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
 font-family:Montserrat,sans-serif;
 font-weight:600!important;
 color:#000
}
h2, h3, h4, h5, h6{
 margin-top: 50px;
 margin-bottom: 20px;
}
.h1,h1{
 font-size:2.5rem
}
.h2,h2{
 font-size:2rem
}
.h3,h3{
 font-size:1.75rem
}
.h4,h4{
 font-size:1.5rem
}
.h5,h5{
 font-size:1.25rem
}
.h6,h6{
 font-size:1rem;line-height:1.5rem
}
.text-white-50{
 color:#ccc
}
.display-5{
 font-size:3rem;line-height:3rem;font-weight:300
}
@media (max-width:767px){
 .display-4{
  font-size:2.5rem
 }
 .h1,.h2,h1,h2{
  font-size:1.75rem
 }
 .mb-md-10{
  margin-bottom:auto!important
 }
 .display-5{
  font-size:2rem;line-height:2rem
 }

}
.font-weight-bold{
 font-family:Montserrat,sans-serif;font-weight:500!important
}
.navbar-top{
 top:0;width:100%;padding:0;z-index:100
}
.nav-topbar a{
 display:block;font-size:14px;padding:0 5px
}
.nav-topbar a:hover{
 text-decoration:none
}
.dropdown-toggle::after{
 color:#fbbc05
}
@media (min-width:992px){
 .navbar-top .nav-item .nav-link{
  text-transform:none!important;padding:1rem!important;display:inline-block;color:#436aa6
 }
 .navbar{
  padding-top:0;padding-bottom:0
 }
 .navbar-expand-lg .navbar-nav .dropdown-menu{
  position:absolute;left:0;width:100%
 }

}
@media (min-width:1400px){
 .navbar-top .nav-item .nav-link{
  text-transform:none!important;padding:1.25rem 2rem!important;display:inline-block;color:#436aa6
 }

}
@media (max-width:991px){
 .navbar-top-hover .nav-item .nav-link{
  display:none
 }

}
@media (min-width:992px){
 .navbar-top-hover .nav-item .nav-link{
  text-transform:none!important;padding:1rem .8rem!important;display:inline-block;color:#436aa6;font-weight:700;border-bottom:4px solid #cde5f2
 }

}
@media (min-width:1200px){
 .navbar-top-hover .nav-item .nav-link{
  padding:1.25rem 1.5rem!important
 }

}
@media (min-width:1400px){
 .navbar-top-hover .nav-item .nav-link{
  padding:1.25rem 2rem!important
 }

}
.navbar-top-hover .nav-item .nav-link.active{
 border-bottom:4px solid #dc3545;background:#001124;color:#fff;font-weight:700;box-shadow:0 0 1rem rgba(0,17,36,.81)!important
}
@media (min-width:1420px){
 .container{
  max-width:1400px
 }

}
@media (min-width:1650px){
 .container{
  max-width:1600px
 }

}
.navbar .navbar-brand{
 padding:0
}
.dropdown-menu{
 border-radius:0
}
.navbar-dark .navbar-nav .nav-link{
 text-transform:uppercase;font-weight:500;padding:1.5rem 1rem;color:#fff
}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{
 color:#fbbc05
}
.navbar-dark .navbar-nav .nav-item:last-child a{
 padding:1.5rem .5rem 1.5rem 1rem!important
}
.bg-shadow{
 background-image:url(../png/bg-shadow.png);background-position:top center;background-repeat:no-repeat
}
.border-lg-top{
 border-top:1px solid #fff;position:relative;z-index:1050
}
@media (max-width:991px){
 .border-lg-top{
  border-top:none
 }

}
@media (max-width:991px){
 .navbar-dark .navbar-nav .nav-link{
  text-transform:uppercase;font-weight:400;padding:.5rem .5rem
 }
 .navbar-dark .navbar-nav .nav-item:last-child a{
  padding:1rem .5rem!important
 }
 .navbar{
  padding-top:1rem;padding-bottom:1rem
 }

}
.navbar-top.navbar-dark{
 background-color:rgba(0,17,36,.89);box-shadow:0 0 1rem rgba(0,17,36,.89)!important;z-index:1054
}
@media (max-width:991px){
 .navbar-top.navbar-dark .navbar-nav .nav-link{
  text-transform:uppercase;font-weight:400;padding:.5rem
 }

}
@media (min-width:992px){
 .navbar-top.navbar-dark .navbar-nav .nav-link{
  text-transform:uppercase!important;font-weight:500;padding:1.5rem 1rem!important;color:#fff
 }

}
@media (min-width:992px){
 .text-lg-left{
  text-align:left!important
 }
 .text-lg-right{
  text-align:right!important
 }
 .text-lg-center{
  text-align:center!important
 }
 .mt-lg-n1 {
  margin-top: -5rem !important;
 }
 .mt-lg-n2 {
  margin-top: -10rem !important;
 }
 .mt-lg-n3 {
  margin-top: -15rem !important;
 }
 .mt-lg-n4 {
  margin-top: -20rem !important;
 }

}
.flex-custom{
 -ms-flex-direction:column!important;flex-direction:column!important
}
@media (max-width:991px){
 .flex-custom{
  -ms-flex-direction:row!important;flex-direction:row!important
 }

}
.bg-hover:hover{
 border:1px solid #ddd;-webkit-box-shadow:0 5px 30px 5px rgba(0,0,0,.12);-moz-box-shadow:0 5px 30px 5px rgba(0,0,0,.12);box-shadow:0 5px 30px 5px rgba(0,0,0,.12)
}
.hover-white{
 background-color:#fff;border:2px solid #ccc;border-radius:10px
}
.hover-white:hover{
 background-color:#fff;border:2px solid #483c32;border-radius:10px
}
.bg-main{
 background:#001124;background-repeat:no-repeat
}
.bg-dark{
 background-color:#343a40!important
}
.bg-dark-new{
 background-color:#145477!important
}
.bg-info{
 background-color:#f0f7ff!important
}

.card-hover{
 border-left:2px solid #ccc;padding:5px 0 5px 11px;margin-bottom:10px
}
.card-hover:hover{
 border-left:2px solid #dc3545;padding:5px 0 5px 10px;box-shadow:0 0 5px silver;-webkit-box-shadow:0 0 5px silver
}
@-webkit-keyframes ripple-blue{
 0%{
  -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
 }
 100%{
  -webkit-box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
 }

}
@keyframes ripple-blue{
 0%{
  -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
 }
 100%{
  -webkit-box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
 }

}
.list-block{
 display:inline-block;background-color:#34b8f8;font-size:20px;line-height:40px;text-align:center;width:40px;height:40px;border-radius:20px
}
.shadow{
 box-shadow:0 0 1rem rgba(0,0,0,.15)!important
}
.footer{
  background-color: #001325!important;
}
.footer a {
  color: #ccc;
}
.footer a:hover {
  color: #b4d3ff;
}
.footer-sm a{
 padding:1rem 0;display:inline-block
}
ul.list-right {
 list-style: none;
 padding-left: 14px;
}
ul.list-right li {
 position: relative;
 text-align: left;
}
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="rgba(255,255,255,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>')
 no-repeat;
 background-size: 14px 14px;
 top: 5px;
 margin-left: -20px;
}
ul.text-white li:before{
 color:#fff!important
}
ul.list-unstyled{
 list-style:none;padding-left:0
}
ul.list-unstyled li{
 padding-top:5px;text-align:left
}
@-webkit-keyframes ripple{
 0%{
  -webkit-box-shadow:0 0 0 0 rgba(0,115,236,.1),0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1);box-shadow:0 0 0 0 rgba(0,115,236,.1),0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1)
 }
 100%{
  -webkit-box-shadow:0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1),0 0 0 30px rgba(0,115,236,0);box-shadow:0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1),0 0 0 30px rgba(0,115,236,0)
 }

}
@keyframes ripple{
 0%{
  -webkit-box-shadow:0 0 0 0 rgba(0,115,236,.1),0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1);box-shadow:0 0 0 0 rgba(0,115,236,.1),0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1)
 }
 100%{
  -webkit-box-shadow:0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1),0 0 0 30px rgba(0,115,236,0);box-shadow:0 0 0 10px rgba(0,115,236,.1),0 0 0 20px rgba(0,115,236,.1),0 0 0 30px rgba(0,115,236,0)
 }

}
@keyframes dotsEffect{
 0%{
  box-shadow:0 0 0 0 rgba(73,161,248,.2)
 }
 50%{
  box-shadow:0 0 0 20px rgba(73,161,248,.2)
 }
 100%{
  box-shadow:0 0 0 0 rgba(73,161,248,.2)
 }

}
@keyframes imgEffect{
 0%{
  transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)
 }
 100%{
  transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)
 }

}
.pt-lg{
 padding-top:100px!important
}
@media (max-width:991px){
 .pt-lg{
  padding-top:20px!important
 }

}
.bell{
 height:20px;width:20px;animation-name:bell-ring;animation-duration:7s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-delay:.4s;transform-origin:10px 0 0
}
@keyframes bell-ring{
 0%,100%,43%{
  transform:rotate(0)
 }
 1%,9%{
  transform:rotate(30deg)
 }
 11%,3%{
  transform:rotate(-28deg)
 }
 5%{
  transform:rotate(34deg)
 }
 7%{
  transform:rotate(-32deg)
 }
 13%{
  transform:rotate(26deg)
 }
 15%{
  transform:rotate(-24deg)
 }
 17%{
  transform:rotate(22deg)
 }
 19%{
  transform:rotate(-20deg)
 }
 21%{
  transform:rotate(18deg)
 }
 23%{
  transform:rotate(-16deg)
 }
 25%{
  transform:rotate(14deg)
 }
 27%{
  transform:rotate(-12deg)
 }
 29%{
  transform:rotate(10deg)
 }
 31%{
  transform:rotate(-8deg)
 }
 33%{
  transform:rotate(6deg)
 }
 35%{
  transform:rotate(-4deg)
 }
 37%{
  transform:rotate(2deg)
 }
 39%{
  transform:rotate(-1deg)
 }
 41%{
  transform:rotate(1deg)
 }

}
.list-group-item-action:focus,.list-group-item-action:hover{
 background-color:#001124;font-weight:700;color:#fff
}
.list-group-item{
 border:2px solid rgba(0,0,0,.125);background-color:#eaf1fd
}
.event-left{
 position:relative
}
.event-left::before{
 position:absolute;content:""
}
.event-left::before{
 width:2px;height:calc(100% - 10px);margin:auto;left:0;background:#d9d9d9
}
.event-left .card{
 position:relative
}
.event-left .card::before{
 position:absolute;border-top:2px solid #ccc;content:"";width:30px;left:-30px;top:24px
}
.event-left .card::after{
 position:absolute;content:"";top:20px;left:-1.85rem;width:10px;height:10px;border-radius:50%;background:#145477
}
@media (max-width:767px){
 .btn-md-block{
  display:block!important
 }

}
@media (min-width:991px){
 .border-lg-end{
  border-right:1px solid #dee2e6!important
 }

}
.rounded2{
 border-radius:20px
}
a.btn{
 border-radius:0
}
@media (max-width:767px){
 .btn-md-block{
  display:block!important
 }

}
.text-justify{
 text-align:justify
}
.bg-topbar{
 background-color:#0072c6!important
}
@keyframes blinkingText{
 0%{
  color:#fff
 }
 100%{
  color:#ffc107
 }

}
.list{
 -webkit-animation:loop 30s infinite linear;animation:loop 30s infinite linear
}
.list-reverse{
 -webkit-animation:loop-reverse 30s infinite linear;animation:loop-reverse 30s infinite linear
}
@keyframes loop{
 100%{
  -webkit-transform:translateX(-100%);transform:translateX(-100%)
 }

}
@keyframes loop-reverse{
 0%{
  -webkit-transform:translateX(-100%);transform:translateX(-100%)
 }

}

#cookie-bar {
 display: block;
 direction: ltr;
 color: #ddd;
 min-height: 30px;
 position: fixed;
 left: 0;
 width: 100%;
 z-index: 99999;
 padding: 6px 20px 4px;
 background-color: #464646;
 text-align: start;
 bottom: 0;
}
#cookie-bar a {
 color: #fff;
}
@media (max-width: 991px) {
 #cookie-bar {
  display: none !important;
 }
}

#cookies{
 margin:0 10px;line-height:20px;background:#45ae52;border:none;color:#fff;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:13px;font-weight:700
}
#cookiesc{
 margin:0 10px;line-height:20px;background:#d2d2d2;border:none;color:#464646;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:13px;font-weight:700
}



.btn-download {
 background-color: #198754!important;
 font-weight: 700!important;
 color: #fff!important;
}
.btn-purchase {
 background-color: #e35f05!important;
 font-weight: 700!important;
 color: #fff!important;
}
.postform {
 display: block;
 width: 100%;
 height: calc(1.5em + .75rem + 2px);
 padding: .375rem .75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 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%; /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
}
.wp-caption.alignnone {
 margin: 5px 0 20px 0;
}
.wp-caption.alignleft {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
 margin: 5px 0 20px 20px;
}
.wp-caption img {
 border: 0 none;
 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 {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
}
.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;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}
/*==================================*/
.avatar {
 border: 1px solid #ccc;
 border-radius: 50%;
}
.wp-post-image, .wp-block-image img {
 height: auto;
}
.bypostauthor {
 display: block;
}
.gallery-caption {
 display: block;
}
.screen-reader-text {
 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;
}
.post_format-post-format-quote {
 font-size: 30px;
 line-height: 40px;
 font-style: italic;
}
.page-item.active .page-link {
 background-color: darkslategrey;
 border-color: darkslategrey;
}
.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;
}


/*author section*/
@media(max-width: 1399px){
 .author_section{
  overflow-x: scroll!important;
  padding-bottom: 1rem !important;
  margin-bottom: 1rem !important;
 }
}
.author_section {
 display: flex;
 margin-top: 1.2rem;
 align-items: center;
}

.author_section .author {
 margin-right: 1rem;
 display: flex;
 align-items: center;
 white-space: nowrap;
}
.author_section .author img{
 max-width: fit-content!important;
 border: 1px solid #e9e9e9;
}
.author_profile {
 display: block;
 margin-left: 0.5rem;
}

.author_profile .author_meta, .author_profile .author_name {
 display: block;
 font-style: normal;
 font-size: 14px;
}
.author_profile .author_name{
 color: #373737 !important;
 font-weight: 600;
}
.author_profile .author_meta{
 color: #555 !important;
  font-weight: 600;
}
/*end author section*/

.text-justify{
 text-align: justify;
}
.word-wrap{
 word-wrap: break-word;
}


b, strong {
 font-weight: 700;
}

/*start*/
.header-product {
 background-color: #fff;
 height: auto;
 margin: 0 auto;
 color: #000;
 width: 100%;
}
.btn-white {
 background-color: #fff;
 border: 2px solid #fff;
 color: #368303 !important;
 border-radius: 20px;
}
.btn-white:hover {
 background-color: transparent;
 border: 2px solid #fff;
 color: #fff !important;
 border-radius: 20px;
}
.btn-main {
 background-color: #368303;
 border-color: #368303;
 color: #fff !important;
}
.btn-main:hover {
 background-color: #276001;
 border-color: #276001;
 color: #fff !important;
 box-shadow: 0 0 0 .2rem rgba(54, 131, 3, 0.5);
}
.comment-form-comment textarea {
 display: block;
 width: 100%;
 padding: .375rem .75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.well-yellow {
 background-color: #f8f6a2;
}
.well {
 min-height: 20px;
 padding: 19px;
 margin-bottom: 20px;
 background-color: #f5f5f5;
 border: 1px solid #e3e3e3;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.bg-blue {
 background-color: #0072c6;
}
/*.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent !important;
  border-radius: .25rem;
    line-height: 2rem;
}
.breadcrumb a {
    color: #fff!important;
    padding: 5px;
}*/


.post-edit-link:hover, .post-edit-link{
 background-color: #fff !important;
 color: #001124;
 padding: 5px 10px;
 margin: 0 2px;
 font-weight: 500;
 border-radius: 10px;
}
.breadcrumbs{
 color: #fff;
}
.breadcrumbs a{
 color: #fbbc05!important;
}
.breadcrumbs a:hover{
 color: #ffc620!important;
}

#countDown span {
 display: inline-block;
 background-color: #06c;
 height: 40px;
 width: 150px;
 border-radius: 6px;
 margin-right: 10px;
 line-height: 38px;
 color: #fff;
 font-size: 18px;
 font-weight: 700
}
.text-yellow {
 color: #fbbc05 !important;
}
.bg-dark-blue {
 background: #001124;
}

.border-lg-top {
 border-top: 1px solid #fff;
 position: relative;
 z-index: 1050
}
@media (max-width:991px) {
 .border-lg-top {
  border-top: none
 }
}
@media (min-width:992px) {
 .text-lg-left {
  text-align: left !important
 }
 .text-lg-right {
  text-align: right !important
 }
 .text-lg-center {
  text-align: center !important
 }
}
.flex-custom {
 -ms-flex-direction: column !important;
 flex-direction: column !important
}
@media (max-width:991px) {
 .flex-custom {
  -ms-flex-direction: row !important;
  flex-direction: row !important
 }
}


.list-block {
 display: inline-block;
 background-color: #34b8f8;
 font-size: 20px;
 line-height: 40px;
 text-align: center;
 width: 40px;
 height: 40px;
 border-radius: 20px
}
.skiptranslate, .goog-te-banner table, .goog-te-banner-frame .skiptranslate, .goog-te-spinner-pos {
 display: none !important;
}
.img-scroll-x {
 max-width: 100%;
 overflow-x: scroll;
 border: 1px solid #ccc;
}
.img-scroll-x img {
 width: auto !important;
}

a.btn-lg.p-3 {
 padding: 0.5rem 1rem!important;
}
/*toc1*/
.toc1 .card-header{
 background: #1e4258;
 color: #fff;
}

.toc1 .card-body{
 background: #ebf9ff;
}
/*end toc1*/


/*toc2*/
.toc2 .accordion-button:not(.collapsed) {
 color: #000;
 background-color: #fff;
 box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.toc2 .accordion-item {
 background-color: #fff;
 border: 1px solid transparent!important;
}
.toc2 .accordion-button:focus {
 border: none!important;
}
/*end toc2*/
.text-justify{
 text-align: justify;
}
.btn-toc{
 background-color: #135477;
 color: #fff;
 border-radius: 5px;
 font-size: 14px;
 padding: 2px 8px;
 font-weight: 500;
 border: none;
}
.video-container{overflow:hidden;position:relative;width:100%}
.video-container::after{padding-top:56.25%;display:block;content:''}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}



.toc-hv{
 background-color:#0d6efd;
 color:#fff;
}
.toc-hv:before, .toc-hv:hover{
 background-color:#005899;
 color:#fff;
}



.card-blue-details{
 border-radius: 20px;
 border: 1px solid #0072c6;
 box-shadow: 0 .5rem 1rem rgb(196, 227, 250) !important;
}


.overviewinfo{
 width: 360px;
 border-radius: 40px;
 background-image:linear-gradient(120deg, #3D93D2, #0072C6);
 overflow: hidden;
 margin: auto;
 box-shadow: 0 .5rem 1rem rgb(196, 227, 250) !important;
}
.group-text .title{
 letter-spacing: 3.2px;
 font-size: 14px;
 font-weight: 500;
 margin-bottom: 3px;
 color: #fff;
}
.group-text p{
 font-size: 12px;
 opacity: 0.8;
}
.overviewinfo .specs{
 background:#e9f1f6;
}

.list-check{
 list-style: none;
 padding-left: 20px;
}
.list-check li{
/*    margin-top: 15px;*/
margin-left: 10px;
}
.list-check li:before {
 position: absolute;
 height: 20px;
 width: 20px;
 content: "";
 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>') no-repeat;
 background-size: 18px 18px;
 margin-left: -30px;
 margin-top: 7px;
}

.reviews .client-card {
 position: relative;
 margin: 15px 15px;
 background: rgb(2 23 60 / 70%);
 padding: 30px 35px 10px;
 box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 5%);
 border-radius: 4px;
 margin-bottom: 28px;
/*   min-height: 130px;*/
}
.reviews .client-card .testimonial-text {
 position: relative;
 padding: 15px 10px;
}
.reviews .client-card .testimonial-text:before {
 content: "\201C";
 font-family: "Montserrat", sans-serif;
 font-style: normal;
 font-weight: 900;
 position: absolute;
 top: -30px;
 left: -45px;
 line-height: 40px;
 padding: 0;
 color: #9dafcf;
 /*  opacity: 0.1;*/
 font-size: 100px;
}
.reviews .client-card:after{
 top: 100%;
 left: 13%;
 border: solid #ffffff59;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: rgba(136, 183, 213, 0);
 border-top-color: rgb(2 23 60 / 70%);
 border-width: 12px;
 margin-left: -30px;
 z-index: 1;
}
.reviews .client-part {
 display: flex;
 align-items: center;
 margin-left: 1.2rem;
}
.reviews .client-img {
 -webkit-border-radius: 90px;
 border-radius: 90px;
 margin-right: 20px;
 align-items: center;
}
.reviews .client-img img {
 -webkit-border-radius: 90px;
 border-radius: 90px;
 max-width: 100px;
}
.reviews .client-part .client-info .name{
 font-weight: 500;
 color: #0065cc;
 margin-bottom: 3px;
}
.reviews .client-part .client-info .des{
 font-weight: 400;
 color: #6c757d;
}
.reviews .client-card blockquote{
 border: transparent!important;
 background-color: transparent!important;
 color: #fff;
 padding: 5px!important;
 margin: 5px!important;
}

button.gotoTop {
  position: fixed;
  z-index: 1100;
  right: 18px;
  bottom: 130px;
  width: 50px;
  color: #186ae5;
  background-color: #92beff;
  padding: 10px 20px 10px 20px;
  display: none;
  border-radius: 10px;
  font-weight: bold;
  border: 1px solid #0f65e4;

}
button.gotoTop:hover {
  text-decoration: none;
  background-color: #06c;
  color: #fff;
}


#nav-tab.nav-tabs {
 border-bottom: none!important;
}
#nav-tab .nav-link, #nav-tab .nav-link:hover{
 border-top: 3px solid transparent;
 border-color: transparent;
 color: #000;
 font-weight: 600;
}
#nav-tab .nav-link.active{
 border-color: #0070ba #0070ba #0070ba0f;
 border-top: 3px solid #0070ba;
 color: #0070ba;
 background: #0070ba0f;
}
#nav-tab .nav-link.active:after{
 content: '';
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-top: 8px solid #0070ba;
 position: relative;
 bottom: -17px;
 left: 50%;
 transform: translateX(-50%);
 display: block;
 width: 16px;
}
.tab-content{
 background: #0070ba0f;
 border: 1px solid #0070ba;
 max-width: auto;
 padding-top: 1rem !important;
 padding-bottom: 1rem !important;
}
@media(min-width:992px){
 .tab-content{
  max-width: 450px;
 } 
}
.tab-content .d-flex p{
 margin-top: .25rem !important;
 margin-bottom: .25rem !important;
}
i {
 list-style: none;
 padding-left: 25px;
}
i.icon-appstore, i.icon-windows, i.icon-download, i.icon-buy {
 position: relative;
 text-align: left;
 padding-bottom: 5px;
}
i.icon-appstore:before {
 position: absolute;
 height: 20px;
 width: 20px;
 content: "";
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 40 40"><path fill="rgb(0, 112, 186)" d="M24.734 17.003c-0.040-4.053 3.305-5.996 3.454-6.093-1.88-2.751-4.808-3.127-5.851-3.171-2.492-0.252-4.862 1.467-6.127 1.467-1.261 0-3.213-1.43-5.28-1.392-2.716 0.040-5.221 1.579-6.619 4.012-2.822 4.897-0.723 12.151 2.028 16.123 1.344 1.944 2.947 4.127 5.051 4.049 2.026-0.081 2.793-1.311 5.242-1.311s3.138 1.311 5.283 1.271c2.18-0.041 3.562-1.981 4.897-3.931 1.543-2.255 2.179-4.439 2.216-4.551-0.048-0.022-4.252-1.632-4.294-6.473zM20.705 5.11c1.117-1.355 1.871-3.235 1.665-5.11-1.609 0.066-3.559 1.072-4.713 2.423-1.036 1.199-1.942 3.113-1.699 4.951 1.796 0.14 3.629-0.913 4.747-2.264z"></path></svg>') no-repeat;
 background-size: 20px 20px;
 top: 4px;
 margin-left: -25px;
}

i.icon-windows:before {
 position: absolute;
 height: 20px;
 width: 20px;
 content: "";
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 100 100"><path fill="rgb(0, 112, 186)" fill-rule="evenodd" d="M45.8,83.417V52.71l36.146,0.035V89Zm0-67,36.146-5.588V49.919H45.8v-33.5ZM18,52.71H43.024V83.417L18,79.22V52.71Zm0-32.1,25.024-4.192v33.5H18V20.613Z"></path></svg>') no-repeat;
 background-size: 20px 20px;
 top: 2px;
 margin-left: -25px;
}

i.icon-download:before {
 position: absolute;
 height: 20px;
 width: 20px;
 content: "";
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(255,255,255)" d="M34.9,42.491a1.654,1.654,0,0,1-1.218-.519,1.729,1.729,0,0,1,0-2.461,1.687,1.687,0,0,1,2.435,0,1.729,1.729,0,0,1,0,2.461A1.656,1.656,0,0,1,34.9,42.491Zm6.926,0a1.654,1.654,0,0,1-1.218-.519,1.729,1.729,0,0,1,0-2.461,1.687,1.687,0,0,1,2.435,0,1.729,1.729,0,0,1,0,2.461A1.656,1.656,0,0,1,41.827,42.491Zm5.437-9.733a2.493,2.493,0,0,0-1.84-.766H31.87l-3.68,3.718a5.187,5.187,0,0,1-7.359,0l-3.653-3.718H4.6a2.492,2.492,0,0,0-1.84.766A2.544,2.544,0,0,0,2,34.617v8.749a2.543,2.543,0,0,0,.758,1.859,2.49,2.49,0,0,0,1.84.766H45.424a2.492,2.492,0,0,0,1.84-.766,2.545,2.545,0,0,0,.758-1.859V34.617A2.546,2.546,0,0,0,47.264,32.758ZM36.632,17.995L30,18V6a2.7,2.7,0,0,0-.808-1.483A1.657,1.657,0,0,0,27.974,4H21.048a1.656,1.656,0,0,0-1.217.519A2.731,2.731,0,0,0,19,6V18l-6.61-.005a1.617,1.617,0,0,0-1.6,1.066,1.589,1.589,0,0,0,.379,1.914L23.293,33.223a1.687,1.687,0,0,0,2.435,0L37.85,20.975a1.59,1.59,0,0,0,.379-1.914,1.618,1.618,0,0,0-1.6-1.066h0Z"></path></svg>') no-repeat;
 background-size: 20px 20px;
 top: 5px;
 margin-left: -25px;
}

i.icon-buy:before {
 position: absolute;
 height: 20px;
 width: 20px;
 content: "";
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(255,255,255)" d="M16.163,36.926a3.591,3.591,0,1,0,2.486,1.053A3.393,3.393,0,0,0,16.163,36.926Zm24.753,0A3.591,3.591,0,1,0,43.4,37.979,3.394,3.394,0,0,0,40.917,36.926ZM47.464,9.078a1.7,1.7,0,0,0-1.243-.526H13.042q-0.028-.194-0.124-0.72t-0.152-.817a4.358,4.358,0,0,0-.221-0.72,2.714,2.714,0,0,0-.359-0.679,1.614,1.614,0,0,0-.539-0.429A1.681,1.681,0,0,0,10.859,5H3.787a1.7,1.7,0,0,0-1.243.526,1.743,1.743,0,0,0,0,2.494,1.7,1.7,0,0,0,1.243.526H9.422l4.89,22.8q-0.056.139-.428,0.817T13.29,33.282a10.537,10.537,0,0,0-.442,1,2.644,2.644,0,0,0-.221.873A1.8,1.8,0,0,0,14.4,36.926h28.29a1.773,1.773,0,0,0,0-3.547H17.268a5.363,5.363,0,0,0,.663-1.773,16.848,16.848,0,0,0-.359-1.94l28.842-3.381a1.745,1.745,0,0,0,1.119-.6,1.72,1.72,0,0,0,.456-1.178V10.325A1.708,1.708,0,0,0,47.464,9.078Z"></path></svg>') no-repeat;
 background-size: 20px 20px;
 top: 5px;
 margin-left: -25px;
}


.card-cont{
 background-color: #272b33;
 font-size: 15px;
 color: #939393;
 border-radius: 10px;
 overflow: hidden;
 padding-top: 40px;
}
.copy:before {
 position: absolute;
 color: #fff;
 background-color: #111;
 border: 1px solid #838383;
 padding: 5px 20px;
 content: "Copy";
 margin-top: -45px;
 margin-left: -20px;
 float: inline-end;
 cursor: pointer;
 box-shadow: 0 .5rem 1rem rgba(255, 246, 246, 0.15) !important;
}
.copy:hover:before{
 content: "Click Copy Text";
}
.copy.flash:before {
 content: "Copied";
}
.card-cont p{
 margin: 3px 0px;
}
.card-cont p:nth-child(even) {
 background-color: #2e353e;
 color: #b0b0b0;
}
.card-cont p:hover{
 background-color: #2e353e;
}

blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6{
 margin-top: 0!important;
}


.bfcm-lines {
  white-space: nowrap;
  width: 100%;
  overflow-x: hidden;
}
.bfcm-lines:nth-child(5) {
  transform: rotate(0deg) translate(-1.25rem, 0);
  z-index: 6;
}
.list {
  -webkit-animation: loop 30s infinite linear;
  animation: loop 30s infinite linear;
}
.list-reverse {
  -webkit-animation: loop-reverse 30s infinite linear;
  animation: loop-reverse 30s infinite linear;
}
@keyframes loop {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes loop-reverse {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}


.social-media a{
 position: relative;
 border-radius: 30px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 background: transparent;
 padding: .6rem !important;
 border: 1px solid #fff;
 margin: 0 5px;
}
.social-media .fb:hover{
 background: #3f64ac;
}
.social-media .twitter:hover{
 background: #080808;
}
.social-media .linkedin:hover{
 background: #0077b5;
}
.social-media .utube:hover{
 background: #f7343d;
}
.social-media .insta:hover{
 background: #d62976;
}
.summarybox {
	border: 1px solid #3a3cbf;
	background: #f5faff;
	padding: 20px;
	margin: 0 0 20px;
	border-radius: 10px;
	font-size: 17px;
	line-height: 26px;
}