@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap");

html{
 scroll-behavior: smooth;
 overflow-x: hidden;
}
body {
 font-family: 'Inter', sans-serif;
/* font-size: 18px;*/
font-weight: 400;
color: #161817;
line-height: 28px;
background-color: #fff;
}
a{
 color: #d21c1c;
 text-decoration: none;
}
a:hover{
/*   color: #c78400;
text-underline-offset: 4px;*/
}
.py-7{
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
}
@media(max-width:991px){
 .py-7{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
 }
}


@media(min-width:992px){
 .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
 }
}

.bg_header{
/* background: url("../img/dd.webp") no-repeat 450px -1100px, linear-gradient( 180deg, #FFE2E2 20%, #FFF 100%);*/
 background: url("../img/blob-scene-wide.svg") no-repeat, linear-gradient( 180deg, #FFE2E2 20%, #FFF 100%);
    background-size: auto, auto;
  background-size: cover;
}

.bg_red200{
 background: #FFF4F4!important;
}
.bg_red300{
 background: #FFE2E2!important;
}
.bg_red_grad{
 background: linear-gradient( 147deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%);
}

.bg_red_grad300{
 background: linear-gradient( 147deg, rgb(255, 227, 229) 9%, rgb(207, 226, 255) 78%);
}

.text_red{
 color: #d21c1c;
}
.text_red100{
 color: #DEEAFF;
}
.text_red200{
 color: #b2cffb;
}
.btn{
 border-radius: 10px;
 padding: 10px 30px;
}


.btn_blue{
 position: relative;
 color: #fff;
 background-color: #3575F5;
 border: 2px solid #3575F5;
 overflow: hidden;
 transition: color 350ms ease;
}
.btn_blue svg{
 fill: #fff;
}
.btn_blue span{
 z-index: 5;
 position: relative;
 transition: color 350ms ease;
}
.btn_blue:focus,
.btn_blue:hover{
 background-color: #3575F5;
 border: 2px solid #518AFC;
 color: #fff;
}
.btn_blue:focus svg,
.btn_blue:hover svg{
 fill: #fff;
}
.btn_blue::after, .btn_blue::before{
 content: "";
 position: absolute;
 width: 100%;
 top: 0;
 bottom: 0;
 right: 0;
 background: #518AFC;
}

.btn_orange_outline{
 position: relative;
 color: #FF6920;
 background: none;
 border: 2px solid #FF6920;
 overflow: hidden;
/*  transition: color 350ms ease;*/
}
.btn_orange_outline svg{
 fill: #FF6920;
}
.btn_orange_outline span{
 z-index: 5;
 position: relative;
 transition: color 350ms ease;
}
.btn_orange_outline:focus,
.btn_orange_outline:hover{
 border: 2px solid #FF6920;
 color: #fff;
}
.btn_orange_outline:focus svg,
.btn_orange_outline:hover svg{
 fill: #fff;
}
.btn_orange_outline::after, .btn_orange_outline::before{
 content: "";
 position: absolute;
 width: 100%;
 top: 0;
 bottom: 0;
 right: 0;
 background: #FF6920;
}

.btn_white{
 position: relative;
 color: #061739;
 background-color: #fff;
 border: 2px solid #fff;
 overflow: hidden;
 transition: color 350ms ease;
}
.btn_white svg{
 fill: #061739;
}
.btn_white span{
 z-index: 5;
 position: relative;
 transition: color 350ms ease;
}
.btn_white:focus,
.btn_white:hover{
 background-color: #fff;
 border: 2px solid #518AFC;
 color: #061739;
}
.btn_white:hover svg{
 fill: #061739;
}
.btn_white::after, .btn_white::before{
 content: "";
 position: absolute;
 width: 100%;
 top: 0;
 bottom: 0;
 right: 0;
 background: #DFF6FF;
}


.btn_blue::before,
.btn_orange_outline::before,
.btn_white::before {
 transform: translateX(-100%);
}

.btn_blue:hover:before,
.btn_orange_outline:hover:before,
.btn_white:hover:before {
 transform: translateX(0);
 transition: transform 350ms ease;
}

.btn_blue::after,
.btn_orange_outline::after,
.btn_white::after {
 transform: translateX(100%);
 transition: none;
 transition: transform 350ms ease;
}

.btn_blue:hover:after,
.btn_orange_outline:hover:after,
.btn_white:hover:after {
 opacity: 1;
 transform: translateX(0);
 transition: transform 350ms 360ms ease;
}







.box_shadow{
 background-color: #fff;
 box-shadow: 0 5px 16px 0 rgba(210, 28, 28, 0.11);
 border-radius: 20px;
 border: none;
}

.box_blog{
 background-color: #fff;
 box-shadow: 0 5px 16px 0 rgba(210, 28, 28, 0.11);
 border-radius: 20px;
 border: none;
}
.box_blog .card-header{
 background-color:#FFF4F4;
 border-radius: 20px 20px 0 0;
 border: none;
}

.tag_box{
 background: linear-gradient( 147deg, rgb(255, 51, 62) 9%, rgb(172, 204, 255) 78%);
 border-radius: 20px;
 overflow: hidden;
 position: relative;
}

.img_tag{
 position: absolute;
 top: 0px;
 left: -130px;
 z-index: 1;
}


.img_tag_specs{
 position: absolute;
 bottom: 48px;
 right: 55px;
}

.carousel-indicators [data-bs-target]{
 background-color: #d21c1c;
 width: 15px;
 height: 15px;
 border-radius: 50%;
}

.move-up{
 transition: all .3s;
}
.move-up:hover{
 transform: translateY(-10px);
}



.vshake{
 transition: all .3s;
 animation: jumpo 1.5s 0.5s infinite;
}
@keyframes jumpo {
 0% {
  transform: translateY(5px);
 }
 50% {
  transform: translateY(0);
 }
 100% {
  transform: translateY(5px);
 }
}



/*.comprison_table_85 {
  background-color: #daeaff
}*/
.comprison_table_85 .box_all {
 display: flex;
 justify-content: center;
 align-items: flex-start;
 background: #fff;
 border-radius: 20px 0 20px 20px;
 border: .025rem solid #fff;
 padding: 0 0 0 1rem;
 margin-bottom: 1rem;
 box-shadow: 0 5px 16px 0 rgba(210, 28, 28, 0.11);
}
.box-shadow li {
 border-top: 1px solid #f2f2f2;
 margin: 20px 0
}
.comprison_table_85 .box_all .box1 {
 width: 50%
}
.comprison_table_85 .box_all .box2 {
 width: 25%
}
.comprison_table_85 .box_all .box3 {
 width: 25%;
 box-shadow: 0 .25rem .75rem 0 rgb(31 36 72/15%);
 border-radius: 0;
 z-index: 4;
 position: relative
}
.comprison_table_85 .box_all .box li {
 border-top: .025rem solid rgba(216, 216, 216, .5);
 padding: .35rem 0;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center
}
.comprison_table_85 .box_all .box.t li {
 align-items: flex-start;
 text-align: left
}
.comprison_table_85 .box_all li {
 height: 50px;
 justify-content: center
}
@media(max-width:991px) {
 .comprison_table_85 .box_all li {
  height: 70px
 }
}
@media(max-width:576px) {
 .comprison_table_85 .box_all .box.no2 .bg {
  font-size: 16px !important
 }
 .comprison_table_85 .box_all .box.no3 .bg {
  font-size: 16px !important
 }
}
@media(max-width:480px) {
 .comprison_table_85 .box_all li {
  height: 90px
 }
}
.comprison_table_85 .box_all .box {
 position: relative;
 width: 34%;
 text-align: center;
 margin-bottom: 0;
 border-radius: 0 0 20px 0;
}
.comprison_table_85 .box_all .box li.name {
 border: none;
 font-size: 20px;
 font-weight: 600
}
.comprison_table_85 .box_all .box.no2 .bg {
 display: flex;
 justify-content: center;
 color: #fff;
 align-items: center;
 background: linear-gradient(90deg, #6198FF 20%, #3E2EEA 100%);
 border-radius: 20px 20px 0 0;
 position: absolute;
 width: 100%;
 top: -60px;
 font-size: 20px;
 line-height: 50px;
 z-index: 999;
 padding: 5px 0;
}
.comprison_table_85 .box_all .box.no3 .bg {
 display: flex;
 justify-content: center;
 color: #fff;
 align-items: center;
 background: linear-gradient(90deg, rgb(207, 43, 43) 10.6%, rgb(255, 94, 94) 91.1%);
 border-radius: 20px 20px 0 0;
 position: absolute;
 width: 100%;
 top: -60px;
 font-size: 20px;
 line-height: 50px;
 z-index: 999;
 padding: 5px 0;
}
.comprison_table_85 .box_all .box li .iconfont {
 color: #36bd79;
 font-size: 20px
}
@media(max-width:991px) {
 .comprison_table_85 .box_all .box1 {
  font-size: 14px
 }
}


.carousel_reviews .word_box{
 padding: 30px 0 0 0;
 position: relative;
}
@media(max-width:991px){
 .carousel_reviews .word_box{
  padding: 30px 0 0 0px;
 }
}

.carousel_reviews .word_box:before{
 content: "\275D";
 position: absolute;
 top: 0;
 left: 0;
 background:;
 width: 35px;
 height: 30px;
 font-size: 70px;
 color: #E88787;
}



.red-faq .accordion-item{
 border: none;
  margin: 20px 0;
  border-radius: 20px;
  overflow: hidden;
}
.red-faq .accordion-button:not(.collapsed){
 color: #fff;
 background-color: #d21c1c;
/*background-image: linear-gradient(to right, #08165b 20%, #121133 100%) !important;*/
box-shadow: 0px 10px 30px rgba(0,0,0,.06);
margin-bottom: 0 !important;


}
.red-faq .accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.red-faq .accordion-button{
 font-weight: bold;
 background: #fff;
 padding: 20px;
 box-shadow: 0px 10px 30px rgba(0,0,0,.06);
/* margin-bottom: 25px;*/
}

.red-faq .accordion-body{
 box-shadow: -10px 10px 30px rgba(0,0,0,.06);
/* margin-bottom: 25px;*/
 background: #FFE2E2;
}



ul.list_circle_green_outline {
 list-style: none;
 padding: 0;
 margin: 0;
 padding-left: 27px;
}
ul.list_circle_green_outline li {
 position: relative;
 color: #31313c;
 font-size: 18px;
 letter-spacing: 0;
 line-height: 30px;
 margin-bottom: 12px;
}
ul.list_circle_green_outline li:before {
 content: "";
 position: absolute;
 display: inline-block;
 height: 20px;
 width: 20px;
 top: 4px;
 margin-left: -27px;
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(42, 134, 46)" d="m10.6 16.153 6.583-6.582-.994-.993-5.588 5.588-2.81-2.81-.993.994 3.803 3.803Zm1.402 5.145a9.05 9.05 0 0 1-3.626-.733 9.395 9.395 0 0 1-2.954-1.99 9.407 9.407 0 0 1-1.988-2.951 9.034 9.034 0 0 1-.732-3.622 9.05 9.05 0 0 1 .733-3.626 9.394 9.394 0 0 1 1.99-2.954 9.406 9.406 0 0 1 2.951-1.988 9.034 9.034 0 0 1 3.622-.732 9.05 9.05 0 0 1 3.626.733 9.394 9.394 0 0 1 2.954 1.99 9.406 9.406 0 0 1 1.988 2.951 9.034 9.034 0 0 1 .732 3.622 9.05 9.05 0 0 1-.733 3.626 9.394 9.394 0 0 1-1.99 2.954 9.405 9.405 0 0 1-2.951 1.988 9.033 9.033 0 0 1-3.622.732ZM12 19.9c2.198 0 4.064-.767 5.598-2.3 1.534-1.534 2.301-3.4 2.301-5.599 0-2.198-.767-4.064-2.3-5.598C16.064 4.868 14.198 4.1 12 4.1c-2.198 0-4.064.767-5.598 2.3C4.868 7.936 4.1 9.802 4.1 12c0 2.198.767 4.064 2.3 5.598C7.936 19.132 9.802 19.9 12 19.9Z"></path></svg>') no-repeat;
 background-repeat: no-repeat !important;
 background-position: center center !important;
 background-size: 100% !important;
}

ul.list_footer {
 list-style: none;
 padding: 0;
 margin: 0;
 padding-left: 5px;
}
ul.list_footer li {
 position: relative;
 color: #31313c;
 font-size: 18px;
 letter-spacing: 0;
 line-height: 30px;
 margin-bottom: 10px;
}


.back-to-top{
 background-color: #fff4f4;
 color: #ff7e7e;
 width: 40px;
 height: 40px;
 text-align: center;
 border-radius: 4px;
 position: fixed;
 bottom: 100px;
 right: 20px;
 font-size: 20px;
 opacity: 0;
 transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
 z-index: 1000;
 text-decoration: none;
 border: 2px solid #ff7e7e;
 transition: all 300ms linear 0s;
}
.back-to-top.fadeIn{
 opacity: 1;
}
.back-to-top:hover.fadeIn{
 transform: translateY(-5px);
}

.fadein {
 opacity: 0;
 transition: all 1.5s;
 transform: translate(0, 100px);
}
.fadein.visible {
 opacity: 1;
 transform: translate(0, 0);
}

.topbanner{
 position: relative;
 background: #FFC017;
 background: linear-gradient( 147deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%);
 color: #fff
/*background: linear-gradient(295deg, #7B60E6 20%, #2F1FA7 100%);*/
}
.topbanner a{
 color: #ffd24c;
}
.topbanner a:hover{
 color: #ffd24c;
 text-decoration: underline;
}
.top-close{
 line-height: 0px;
 background: transparent;
 border: transparent;
 color: #fff;
 margin: 2px;
 padding: 15px 5px 15px 5px;
 position: absolute;
 z-index: 9999;
 right: 0;
 top: 0;
 font-size: 40px;
 font-weight: lighter;
}



/*start navbar*/

.navbar-toggler:focus{
 box-shadow: none;
}
.navbar-light .dropdown-menu,
.top_navbar .dropdown-menu{
 z-index: 1021;
 --bs-dropdown-zindex: 1021;
 background-color: #323F7C;
 color: #fff;
 padding: 0;
 overflow: hidden;
 top: 55px;
}
.navbar-light .dropdown-item,
.top_navbar .dropdown-item {
 margin: 0;
 color: #fff;
}
.navbar-light .dropdown-item:focus,
.navbar-light .dropdown-item:hover,
.top_navbar .dropdown-item:focus,
.top_navbar .dropdown-item:hover{
 color: #fff;
 background-color: #445087;
}


.navbar-light{
/*  background: #054ADA;*/
box-shadow: 0px 4px 8px 0px rgba(255, 255, 255, 0.3);
}

.navbar-light .nav-item .nav-link{
   font-size: 16px;
  font-weight: 600;
  color: #000;
   border-bottom: 2px solid transparent;
}

.navbar-light .nav-item:hover .nav-link{
 color: #d21c1c;
 border-bottom: 2px solid #d21c1c;
}
.navbar-light .nav-item:last-child:hover .nav-link{
  border-bottom: 2px solid #518afc;
}

@media (min-width: 992px) {
 .navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
 }
}


footer{
 background-color: #f2f2f2;
}
footer .copyright{
 background: linear-gradient( 147deg, rgb(147, 51, 57) 9%, rgb(65, 111, 181) 78%);
 color: #fff;
}
footer .copyright a{
 color: #ffd24c
}
footer .copyright a:hover{
 color: #ffd24c;
 text-decoration:underline;
}
footer a{
 color: #000000db;
}
footer a:hover{
 color: #d21c1c;
}

.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;
}


@keyframes heart{
 from{transform:translate(0,0)}
 to{transform:translate(0,-0.25rem)}
}
.popup{
 position: fixed;
 top:40px;
 right: 40px;
 z-index: 9999;
 animation: heart .8s ease-in-out 1.2s infinite alternate;
 width: 360px;
 height: auto;
 background: #FFFFFF;
 box-shadow: 0px 10px 35px 0px rgba(29,41,109,0.21);
 border-radius: 8px;
 border: 4px solid #3576F5;
 display: none;
}
.popup .img_top_arrow {
 position: absolute;
 top: -24px;
 right: 48px;
}
.popup .img{
 padding: 20px 0px 20px 68px;
 position: relative;
}
.popup .close{
 background-color: #ccc;
 color: #000;
 font-size: 14px;
 border: none;
 padding: 0px 10px;
 font-weight: bold;
}


.vpills .nav-pills .nav-link{
 border-radius: 20px 20px 0 0;
 background: #d21c1c;
 color: #fff;
 font-weight: bold;
}
.vpills .nav-pills .nav-link.active{
 border-radius: 20px 20px 0 0!important;
 background-color: #FFF4F4;
 color: #d21c1c;
 font-weight: bold;
}
.vpills .tab-content{
 background: #FFF4F4 !important;
 border-radius: 0 0 20px 20px;
 padding: 30px;
}

.title{
  border-left: 3px solid #e9000d;
  padding-left: 10px;
  color: #e9000d;
}

.radius20{
  border-radius: 20px;
}

.youtube-player {
 position: relative;
 padding-bottom: 56.23%;
 height: 0;
 overflow: hidden;
 max-width: 100%;
 background: #000;
 margin: 5px;
}
.youtube-player iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 100;
 background: 0 0;
}
.youtube-player img {
 bottom: 0;
 display: block;
 left: 0;
 margin: auto;
 max-width: 100%;
 width: 100%;
 position: absolute;
 right: 0;
 top: 0;
 border: none;
 height: auto;
 cursor: pointer;
 -webkit-transition: 0.4s all;
 -moz-transition: 0.4s all;
 transition: 0.4s all;
}
.youtube-player img:hover {
 -webkit-filter: brightness(75%);
}
.youtube-player .play {
 height: 72px;
 width: 72px;
 left: 50%;
 top: 50%;
 margin-left: -36px;
 margin-top: -36px;
 position: absolute;
 background: url(https://www.sqliteviewer.com/assets/img/yt-play.webp)no-repeat;
 cursor: pointer;
}