html{
 scroll-behavior:smooth
}
body{
 font-family:inter,arial fallback,sans-serif;
 font-weight:500;
 font-size: 16px;
 color:#3b3d40;
 background-color:#fff;
}

@media(max-width:991px){
 body{
  font-size: 1rem!important;
 }
}

html {
 scroll-behavior: smooth
}

a {
 color: #4357fb;
 text-decoration: none
}
a:hover {
 color: #ac0303;
}


/*navbar*/
.navbar{
/*  background-color: #000a1c;*/
border-bottom: 2px solid #4357fb;
}
.navbar-dark .navbar-nav .nav-link{
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 padding-left: 1rem;
 padding-right: 1rem;
 text-decoration: uppercase;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
 color: #fbde43;
}
.topmenu-bottom {
 border-bottom: 1px solid #5c6267;
}
.navbar .dropdown-menu{
 overflow: hidden;
}
.navbar .dropdown-menu .dropdown-item{
 padding: 10px 15px;
 font-weight: 600;
}
.navbar .dropdown-menu .dropdown-item:hover{
 background-color: #9ba6ff;
}
/*End Navbar*/

/*start Footer*/
footer{
    background-color:#000031;
    color: #c2c2c2;
}
footer a {
 color: #a2b8ee;
 text-decoration: none
}
footer a:hover {
color: #ccc;
text-decoration: none;
}
ul.list-footer {
 list-style: none;
 padding-left: 0px
}
ul.list-footer li {
 position: relative;
 text-align: left;
/* padding-bottom: 5px*/
padding-top: 5px;
padding-bottom: 5px;
}
ul.list-footer li:before {
 position: absolute;
}
/*End Footer*/

/*text color*/
.text-blue{
 color: #4357fb;
}
.grad-text{
 background: linear-gradient(120deg, #4357fb 0%, #20b8ff 100%);
 background-clip: text;
 background-clip: border-box;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
}
/*End text color*/

/*Start BG Color*/
.bg-blue-dark{
 background-color: #000072;
}
.bg-blue-light{
 background-color: #ebf8ff;
}
.bg-blue{
 background-color: #0d42ff;
}
.bg-shadow {
 background-image: url(../img/bg-shadow.png);
 background-position: top center;
 background-repeat: no-repeat
}
.bg-grad{
 background-image: linear-gradient(120deg, rgb(0, 0, 114) 0px, rgb(67, 87, 251) 100%);
}

.bg-lgrad {
 background: linear-gradient(133deg, rgb(255, 255, 255) 8%, rgb(235, 238, 255) 28%, rgba(227, 245, 255, 0.7) 36%)!important;
}

/*End BG Color*/

/*btn*/
.btn-block{
 width: 100%;
}
.btn{
 border-radius: 30px;
 padding: 10px 20px;
 font-weight: 600 !important;
}
.btn-green {
 display: inline-block;
 position: relative;
 overflow: hidden;
 z-index: 1;
 background-color: #099e44;
 border-color: transparent;
 color: #fff!important;
/* border-radius: 5px;*/
font-size: 16px;
border: 2px solid #099e44;
border-style: solid;
box-shadow: none;
transition: all .3s ease 0s;
cursor: pointer;
z-index: 1;
position: relative
}

.btn-green::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-green:hover {
 box-shadow: none;
 color: #099e44!important;
 border: 2px solid #099e44
}

.btn-green svg {
 fill: #fff
}

.btn-green:hover svg {
 fill: #099e44
}

.btn-green:hover::after {
 transform: skewX(45deg) scale(1, 1)
}

.btn-red {
 display: inline-block;
 position: relative;
 overflow: hidden;
 z-index: 1;
 background-color: #c80013;
 border-color: transparent;
 color: #fff!important;
/* border-radius: 5px;*/
font-size: 16px;
border: 2px solid #c80013;
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:hover {
 box-shadow: none;
 color: #c80013!important;
 border: 2px solid #c80013
}

.btn-red svg {
 fill: #fff
}

.btn-red:hover svg {
 fill: #c80013
}

.btn-red:hover::after {
 transform: skewX(45deg) scale(1, 1)
}

.btn-blue {
 display: inline-block;
 position: relative;
 overflow: hidden;
 z-index: 1;
 background-color: #0d42ff;
 border-color: transparent;
 color: #fff!important;
/* border-radius: 5px;*/
font-size: 16px;
border: 2px solid #0d42ff;
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: #0d42ff!important;
 border: 2px solid #0d42ff
}

.btn-blue svg {
 fill: #fff
}

.btn-blue:hover svg {
 fill: #0d42ff
}

.btn-blue:hover::after {
 transform: skewX(45deg) scale(1, 1)
}

.btn-blue-outline {
 display: inline-block;
 position: relative;
 overflow: hidden;
 z-index: 1;
 background-color: #fff;
 border-color: transparent;
 color: #4357fb !important;
/* border-radius: 5px;*/
font-size: 16px;
border: 2px solid #4357fb;
border-style: solid;
box-shadow: none;
transition: all .3s ease 0s;
cursor: pointer;
z-index: 1;
position: relative
}

.btn-blue-outline::after {
 position: absolute;
 content: "";
 z-index: -1;
 display: block;
 left: -20%;
 right: -20%;
 top: -4%;
 height: 150%;
 width: 150%;
 bottom: 0;
 background: #4357fb;
 transform: skewX(45deg) scale(0, 1);
 transition: all .5s ease 0s
}

.btn-blue-outline:hover {
 box-shadow: none;
 color: #fff !important;
 border: 2px solid #4357fb
}

.btn-blue-outline svg {
 fill: #4357fb
}

.btn-blue-outline:hover svg {
 fill: #fff
}

.btn-blue-outline:hover::after {
 transform: skewX(45deg) scale(1, 1)
}

.btn .move-right{
 transition: ease-in-out .2s;
}
.btn:hover .move-right{
 filter: brightness(0) invert(1);
 transform: translateX(5px);
}

@-webkit-keyframes rotate-style {
 0% {
  transform: rotate(0)
 }
 100% {
  transform: rotate(360deg)
 }
}
@keyframes rotate-style {
 0% {
  transform: rotate(0)
 }
 100% {
  transform: rotate(360deg)
 }
}

/*List*/
ul.list-circle-green {
 list-style: none;
 padding-left: 25px
}
ul.list-circle-green li {
 position: relative;
 text-align: left;
 padding-bottom: 10px
}
ul.list-circle-green 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(9, 158, 68)" d="M25,49A24,24,0,1,1,49,25,24,24,0,0,1,25,49ZM35.733,13.986l-14.062,13.7-6.405-6.24L11,25.6,21.672,36,40,18.146Z"/> <path fill="rgb(255, 255, 255)" d="M40,18.146L21.672,36,11,25.6l4.27-4.16,6.405,6.24,14.062-13.7Z"/></svg>') no-repeat;
 background-size: 20px 20px;
 top: 3px;
 margin-left: -27px;
}

ul.list-circle-blue {
 list-style: none;
 padding-left: 25px
}
ul.list-circle-blue li {
 position: relative;
 text-align: left;
 padding-bottom: 10px
}
ul.list-circle-blue 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(7, 116, 255)" d="M25,49A24,24,0,1,1,49,25,24,24,0,0,1,25,49ZM35.733,13.986l-14.062,13.7-6.405-6.24L11,25.6,21.672,36,40,18.146Z"/> <path fill="rgb(255, 255, 255)" d="M40,18.146L21.672,36,11,25.6l4.27-4.16,6.405,6.24,14.062-13.7Z"/></svg>') no-repeat;
 background-size: 20px 20px;
 top: 3px;
 margin-left: -27px;
}



/*End List*/

button.gotoTop {
 position : fixed;
 z-index : 1100;
 right : 0;
 bottom : 180px;
 width : 40px;
 height: 40px;
 color : #fff;
 background: #0d42ff;
 padding : 10px;
 display : none;
 margin: 20px;
 border-radius: 50%;
 transition: .6s;
 border: none;
 line-height: 0;
}
button.gotoTop:hover {
 text-decoration : none;
 -webkit-transform: translateY(-5px);
 box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25);
}



/*Start Testimonials*/
.testimonial .item{
 background:#fff;
 border-radius:10px;
 box-shadow: 0px 0px 24px 0px rgba(66, 86, 250, 0.24);
 padding:30px 45px 30px;
 position:relative;
 margin:15px 26px;
 border: 1px solid #d3d3d3
}
@media(max-width:764px){
 .testimonial .item{
  padding:30px 15px 30px;
  margin:15px 15px;
 }
}
.testimonial .item:hover{
 border: 1px solid #d3d3d3
}
.testimonial .client-info-wrapper{
 display:flex;
 flex-wrap:nowrap;
 width:auto;
 align-items:center;
 margin-top:0;
 margin-bottom:20px;
 position:relative
}
.testimonial .client-info-wrapper:before{
 content:"\201C";
 font-family:Arial;
 font-style:normal;
 font-weight:900;
 position:absolute;
 top:30px;
 right:0;
 line-height:40px;
 padding:0;
 color:#4357fb;
 opacity:.1;
 font-size:70px
}
.testimonial .client-img{
 -webkit-border-radius:90px;
 border-radius:90px;
 margin-right:20px
}
.testimonial .client-img img{
 -webkit-border-radius:90px;
 border-radius:90px;
 max-width:100px
}
.testimonial blockquote{
 margin:0;
 border:0;
 padding:0
}
.testimonial blockquote::before{
 display:none
}

.owl-theme .owl-dots .owl-dot span{
 background: #4357fb!important;
 width: 10px!important;
 height: 10px!important;
 border-radius: 30px;
 border: 2px solid #4357fb!important;
}
.owl-theme .owl-dots .owl-dot.active span{
 background: #4357fb!important;
 width: 40px!important;;
 height: 10px!important;
 border-radius: 18px;
 border: 2px solid #4357fb!important;
}


/*end testimonials*/

/*Awards*/
.awards .awards-card {
 position: relative;
 background: #fff;
 border: solid 1px #d3d3d3;
 padding: 50px 35px 20px;
 box-shadow: 0px 0px 24px 0px rgba(66, 86, 250, 0.24);
 border-radius: 10px;
 margin-bottom: 28px;
 min-height: 130px;
}
.awards:before {
 content: "\201C";
 font-family: "Arial";
 font-style: normal;
 font-weight: 900;
 position: absolute;
 top: 20px;
 left: 20px;
 line-height: 0px;
 padding: 0;
 color: #4357fb;
 font-size: 120px;
 z-index: 999;
}
.awards:after {
 content: "\201C";
 font-family: "Arial";
 font-style: normal;
 font-weight: 900;
 position: absolute;
 bottom: 13px;
 right: 5%;
 line-height: 0px;
 padding: 0;
 color: #4357fb;
 font-size: 60px;
 z-index: 999;
 /* opacity: .7;*/
 transform: rotateZ(180deg);
}
.awards .awards-part {
 display: flex;
 align-items: center;
 /*    margin-left: 1.2rem;*/
}
.awards .awards-part .img {
 -webkit-border-radius: 90px;
 border-radius: 90px;
 margin-right: 20px;
}
.awards .awards-part .info .name {
 font-weight: 700;
 color: #555;
}
.awards .awards-part .info .desc {
 font-weight: 600;
 color: #888888;
}
.awards .awards-desc blockquote{
 margin: 1rem 0rem;
 color: #181617;
}
.awards .carousel-control-next, .awards .carousel-control-prev{
 width: 5%!important;
}
.awards .carousel-control-prev .icon-left-open-big, .awards .carousel-control-next .icon-right-open-big{
 color: #0065cc;
}

.carousel-indicators {
 bottom: -1px
}

.carousel-indicators [data-bs-target]{
 background-color: #4357fb;
 width: 6px;
 height: 6px;
 border-radius: 18px;
 border: 2px solid #4357fb;
}
.carousel-indicators [data-bs-target].active{
 background-color: #4357fb;
 width: 35px;
 height: 6px;
 border-radius: 18px;
 border: 2px solid #4357fb;
}
/*End Awards*/

.gradient_bg {
 background:#2768cd;
 background:linear-gradient(90deg, rgb(39, 104, 205) 50%, rgb(120, 125, 221) 100%)
}

.card-blue{
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #E9EDFF;
 border-radius: 15px 15px 15px 15px;
 padding: 50px 40px 50px 40px;
 background-color: transparent;
 background-image: linear-gradient(180deg, #F3F5FF 0%, rgba(231, 235, 255, 0.00) 100%);
}

.card-shadow{
 overflow: hidden;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0 1px 10px 0 rgba(191,191,191,.35);
}

.br20{
 border-radius:20px
}



.title{
 border: 1px solid #fff;
 border-radius: 20px;
 padding: 8px 12px;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 color: #fff;
 font-size: 16px;
 /*margin-bottom: 30px;*/
 background: #000097;
}
.initial-caps {
 text-transform: capitalize;
}
.owl-carousel .owl-item img{
 display: initial!important;
 width: auto!important;
}
.table-plans{
 box-shadow: 0px 0px 20px 0px rgba(66, 86, 250, 0.24);
 border: 1px solid #c0daff;
 border-radius: 10px;
}
.table-plans .table{
/* border-color: #c0daff;*/
border: 1px solid #c0daff;
}
.table-plans .table > :not(caption) > * > *{
 padding: 1.3rem 0.5rem;
}

.faqs .accordion-button:not(.collapsed){
 color: #4357fb;
 border-left: 2px solid #4357fb;
 background-color: #bcc9ff;
 background-image: linear-gradient(to right, #dde2ff 0%, #bcc9ff 100%) !important;
}
.faqs .accordion-item{
 margin: 15px 0;
 border: 2px solid #e8e8e8;
 border-left: none;
}
.faqs .accordion-button:focus {
 z-index: 3;
 border-color: #4357fb;
 outline: 0;
 box-shadow: none!important;
}
.faqs .accordion-button{
 border-left: 2px solid #212529;
 font-weight: bold;
}
.faqs .accordion-collapse{
 border-left: 2px solid #4357fb;
 background-image: linear-gradient(to right, #dde2ff 0%, #bcc9ff 100%) !important;
}

.fadeinup{animation:fadeInUp 1s ease backwards;}
@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}




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

.fadein.visible {
  opacity: 1;
  transform: translate(0, 0);
}

  .social-media a{
 position: relative;
 border-radius: 5px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 background: transparent;
 padding: .6rem !important;
 border: 2px solid #a2b8ee;
 margin: 4px;
 box-shadow: 2px 2px 5px #a2b8ee;
}
.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;
}