body{
 font-family:'open sans';
 margin:0 auto;
 padding:0;
 color:#212529
}
html{
 scroll-behavior:smooth
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
 color:#021028
}
a{
 /*color:#3367cc;*/
 color:#0d6efd;
 text-decoration:none
}
a:hover{
 /*color:#6c85c5;*/
 color:#3367cc;
}
@media (min-width:992px){
 .text-lg-left{
  text-align:left!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
 }
}
@media (min-width:768px){
 .text-md-left{
  text-align:left!important
 }
 .text-md-center{
  text-align:center!important
 }
}

.text-justify{
 text-align:justify
}
.text-justify-center{
 text-align:justify;
 text-align-last:center
}
.bg-blue{
 background-color:#051c3b;
}
.bg-blue-light{
 background-color:#e7f3ff
}

.bg-shadow{
 background-image:url(../img/bg-shadow.png);
 background-position:top center;
 background-repeat:no-repeat
}
.btn-blue{
 display:inline-block;
 position:relative;
 overflow:hidden;
 z-index:1;
 background-color:#051c3b;
 border-color:transparent;
 color:#fff;
 border-radius:5px;
 font-size:18px;
 font-weight:700;
 height:60px;
 line-height:56px;
 padding:0 55px;
 border:2px solid #051c3b;
 border-style:solid;
 box-shadow:none;
 transition:all .3s ease 0s;
 cursor:pointer;
 z-index:1;
 position:relative
}
.btn-blue::after{
 position:absolute;
 content:"";
 z-index:-1;
 display:block;
 left:-20%;
 right:-20%;
 top:-4%;
 height:150%;
 width:150%;
 bottom:0;
 background:#fff;
 transform:skewX(45deg) scale(0,1);
 transition:all .5s ease 0s;
}
.btn-blue:hover{
 box-shadow:none;
 color: #051c3b!important;
 border:2px solid #051c3b;
}
.btn-blue:hover::after{
 transform:skewX(45deg) scale(1,1)
}
.btn-red{
 display:inline-block;
 overflow:hidden;
 z-index:1;
 background-color:#e21032;
 border-color:transparent;
 color:#fff;
 border-radius:5px;
 font-size:18px;
 font-weight:700;
 height:60px;
 line-height:56px;
 padding:0 55px;
 border:2px solid #e21032;
 border-style:solid;
 box-shadow:none;
 transition:all .3s ease 0s;
 cursor:pointer;
 z-index:1;
 position:relative
}
.btn-red::after{
 position:absolute;
 content:"";
 z-index:-1;
 display:block;
 left:-20%;
 right:-20%;
 top:-4%;
 height:150%;
 width:150%;
 bottom:0;
 background:#fff;
 transform:skewX(45deg) scale(0,1);
 transition:all .5s ease 0s
}
.btn-red:focus, .btn-red:hover{
 box-shadow:none;
 color:#e21032
}
.btn-red:hover::after{
 transform:skewX(45deg) scale(1,1)
}
.btn-round{
 border-radius:30px;
 padding-left:30px;
 padding-right:30px
}
footer{
 background-color: #051c3b;
 /*background-color: #20324f;*/
}
footer a{
 color:#a2b8ee;
}
footer a:hover{
 color:#ccc
}
.copyright{
 background-color: #001532;
 /*background-color: #0f1d33;*/
 margin:0
}
.copyright a{
 color:#a2b8ee;
 text-decoration:none
}
.copyright a:hover{
 color:#6c85c5;
}
.navbar-light .navbar-nav .nav-link{
 color:#000;
 font-weight:700;
 padding-left:1rem;
 padding-right:1rem;
}
.navbar-light .navbar-nav .nav-link:hover{
 color:#e21032;
 font-weight:700;
}
.btn-danger:hover{
 background-color:#f13453;
 -webkit-box-shadow:0 .5rem 2.3rem 0 rgb(226 16 50 / 50%);
 box-shadow:0 .5rem 2.3rem 0 rgb(226 16 50 / 50%)
}
#carouselheader .carousel-indicators [data-bs-target]{
 height: 15px;
 width: 15px;
 background-color: #e21032;
}
a.gotoTop {
 position : fixed;
 z-index : 1100;
 right : 0;
 bottom : 180px;
 width : 30px;
 color : #FFF;
 background-color : #202738;
 padding : 2px 10px 5px 10px;
 display : none;
}
a.gotoTop:hover {
 text-decoration : none;
 background-color : #0d6efd;
}
.bg-pattern{
 background: url();
 background-position: left top;
 background-repeat: repeat;
}
.title-center::after{
 content: '';
 display: block;
 border: 1px solid #c63;
 width: 100px;
 opacity: 1;
 margin: 10px auto !important;
}

.title-lg-left::after{
 content: '';
 display: block;
 border: 1px solid #c63;
 width: 100px;
 opacity: 1;
 margin: 10px;
}
@media(max-width: 991px){
 .title-lg-left::after{
  margin: 10px auto;
 }
}
.text-orange{
 color: #c63;
}
.carousel-control-next-icon.black {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon.black {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
ul.list-check{
 list-style:none;
 padding-left:25px
}
ul.list-check li{
 position:relative;
 text-align:left;
 padding-bottom:5px
}
ul.list-check li:before{
 position:absolute;
 height:20px;
 width:20px;
 content:"";
 background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSJyZ2IoMzAsMTMwLDYwKSIgZD0iTTIwLjUsNDJhMi4zNjgsMi4zNjgsMCwwLDEtMS43NTktLjc2NmwtMTQtMTQuNDIzYTIuNTg0LDIuNTg0LDAsMCwxLDAtMy42MjZsMy45ODgtNC4xMDlhMi40LDIuNCwwLDAsMSwzLjUxOCwwbDguMjQ5LDguNUwzOC43NTUsOC43NmEyLjQsMi40LDAsMCwxLDMuNTE4LDBsMy45ODgsNC4xMDlhMi41ODQsMi41ODQsMCwwLDEsMCwzLjYyNmwtMjQsMjQuNzM3QTIuMzcsMi4zNywwLDAsMSwyMC41LDQyWiI+PC9wYXRoPjwvc3ZnPg==) no-repeat;
 background-size:20px 20px;
 top:2px;
 margin-left:-25px
}

ul.list-check-info{
 list-style:none;
 padding-left:25px
}
ul.list-check-info li{
 position:relative;
 text-align:left;
 padding-bottom:5px
}
ul.list-check-info li: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(51, 103, 204)" d="M20.5,42a2.368,2.368,0,0,1-1.759-.766l-14-14.423a2.584,2.584,0,0,1,0-3.626l3.988-4.109a2.4,2.4,0,0,1,3.518,0l8.249,8.5L38.755,8.76a2.4,2.4,0,0,1,3.518,0l3.988,4.109a2.584,2.584,0,0,1,0,3.626l-24,24.737A2.37,2.37,0,0,1,20.5,42Z"></path></svg>') no-repeat;
 background-size:20px 20px;
 top:2px;
 margin-left:-25px
}

/*product-details*/
.btn-green {
 color: #fff;
 background-color: #198754;
 font-weight: 600;
}
.btn-green:hover{
 color: #fff;
 border: 1px solid #198754;
 background-color: #198754;
 -webkit-box-shadow:0 .5rem 2.3rem 0 rgb(25 135 84 / 50%);
 box-shadow:0 .5rem 2.3rem 0 rgb(25 135 84 / 50%)
}

.btn-orange{
 background-color: #cc6633;
 font-weight: 600;
 color: #fff;
}
.btn-orange:hover {
 color: #fff;
 border: 1px solid #cc6633;
 background-color: #cc6633;
 -webkit-box-shadow:0 .5rem 2.3rem 0 rgb(204 102 51 / 50%);
 box-shadow:0 .5rem 2.3rem 0 rgb(204 102 51 / 50%)
}
#blue-pills .nav-pills .nav-link{
 text-align: left !important;
 color: #000;
 background-color: transparent;
 font-weight: bold;
 opacity: .4;
 border-left: 2px solid transparent;
}
#blue-pills .nav-pills .nav-link:focus, #blue-pills .nav-pills .nav-link.active {
 text-align: left !important;
 color: #0d6efd;
 opacity: 1;
 border-left: 2px solid #0d6efd;
}
#blue-pills .nav-pills .nav-link span{
 color: #000;
 font-weight: 400;
}

#blue-faq .accordion-button:focus {
 z-index: 3;
 border-color: #86b7fe;
 outline: 0;
 box-shadow: none!important;
}
#blue-faq .accordion-button{
 border-left: 2px solid #0d6efd;
 font-weight: bold;
}

.testimonial-section3 .testimonial-single-box {
 box-shadow: 0 0 24px rgb(0 0 0 / 13%);
 padding: 29px 0 41px 30px;
 position: relative;
 border-radius: 5px;
 overflow: hidden;
 z-index: 1;
 transition: .5s;
 background: #fff;
 margin-bottom: 20px;
}
.testimonial-section3 .testimonial-single-box:before {
position: absolute;
content: "";
top: 0;
left: 30px;
height: 100%;
width: 50%;
background: #F1F8FFC9;
transform: skewX(-29deg);
z-index: -1;
transition: .5s;
}
.testimonial-section3 .testimonial-single-box:after {
position: absolute;
content: "";
top: 0;
left: 1000px;
height: 100%;
width: 100%;
background: #0d6efd;
transform: skewX(150deg);
z-index: -1;
transition: .5s;
}
.testimonial-section3 .testimonial-thumb-content {
 margin-left: 22px;
}
.testimonial-section3 .thumb-title .author {
 font-size: 22px;
 /*margin: 10px 0 7px;*/
 margin: 30px 0 7px;
 font-weight: 600;
 color: #464646;
}
.testimonial-section3 .thumb-title .designation {
 color: #6d6d6d;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
 font-style: normal;
}
.testimonial-section3 .testimonial-single-content-text p {
 width: 96%;
 margin: 23px 0 25px;
 line-height: 1.7;
 transition: .5s;
}
.testimonial-section3 .testimonial-single-icon {
 position: absolute;
 right: 30px;
 bottom: 27px;
}
.carousel-indicators [data-bs-target] {
 height: 14px;
 width: 14px;
 border-radius: 7px;
 background-color: #0d6efd;
}
/*end-details*/
.btn-block {
 display: block;
 width: 100%;
}


 .dropdown-menu .download-win{
    background-color: #fff;
    border: 1px solid #28a745;
    color: #28a745;
    padding: 15px 15px;
    font-weight: bold;
  }
    .dropdown-menu .download-win .svg{
    fill: #28a745;
  }
    .dropdown-menu .download-win:hover {
    background-color: #e3ffea;
    border: 1px solid #28a745;
    color: #218838;
  }
    .dropdown-menu .download-win:hover .svg{
    fill: #218838;
  }

   .dropdown-menu .download-mac{
    background-color: #fff;
    border: 1px solid #004efd;
    color: #004efd;
    padding: 15px 15px;
    font-weight: bold;
  }
    .dropdown-menu .download-mac .svg{
    fill: #004efd;
  }
    .dropdown-menu .download-mac:hover {
    background-color: #e8f0ff;
    border: 1px solid #004efd;
    color: #004efd;
  }
    .dropdown-menu .download-mac:hover .svg{
    fill: #004efd;
  }
  .dropdown-menu .buy-win{
    background-color: #fff;
    border: 1px solid #f58b3c;
    color: #f58b3c;
        padding: 15px 15px;
    font-weight: bold;
  }
    .dropdown-menu .buy-win .svg{
    fill: #f58b3c;
  }
    .dropdown-menu .buy-win:hover {
    background-color: #ffebe9;
    border: 1px solid #f58b3c;
    color: #f58b3c;
  }
    .dropdown-menu .buy-win:hover .svg{
    fill: #f58b3c;
  }

  .dropdown-menu .buy-mac{
    background-color: #fff;
    border: 1px solid #004efd;
    color: #004efd;
        padding: 15px 15px;
    font-weight: bold;
  }
    .dropdown-menu .buy-mac .svg{
    fill: #004efd;
  }
    .dropdown-menu .buy-mac:hover {
    background-color: #e8f0ff;
    border: 1px solid #004efd;
    color: #004efd;
  }
    .dropdown-menu .buy-mac:hover .svg{
    fill: #004efd;
  }