html{
 scroll-behavior:smooth
}
body{
 font-family:inter,arial fallback,sans-serif;
 font-weight:500;
 color:#3b3d40;
 position:relative;
 background-color:#fff;
 font-size:1.125rem;
 line-height:1.7!important
}

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

html {
 scroll-behavior: smooth
}

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

.breadcrumb{
    font-size: 14px;
    font-weight: 600;
 }
.breadcrumb-white{
position: relative;
color: #fff;
}
.breadcrumb-white a{
color: #ffc107;
}
.breadcrumb-white .active{
color: #ebf6ff!important;
}
.breadcrumb-item + .breadcrumb-item::before{
  color: #ebf6ff!important;
}
/*navbar*/

.navbar{
 border-bottom: 6px solid #ffc107;
}
.navbar-light .navbar-nav .nav-link{
 color: #333;
 font-size: 18px;
 font-weight: bold;
 padding-left: 1rem;
 padding-right: 1rem;
 text-decoration: uppercase;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
 color: #4357fb;
}
/*End Navbar*/

/*start Footer*/
footer a {
 color: #fff;
 text-decoration: none
}
footer a:hover {
 color: #ffbbc2;
}

/*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-light{
 background-color: #ebf8ff;
}
.bg-blue{
 background-color: #4357fb;
}
.bg-shadow {
 background-image: url(../img/bg-shadow.png);
 background-position: top center;
 background-repeat: no-repeat
}
.bg-grad{
  background-image: linear-gradient(259deg, #006CF5 7.09%, #0559D9 71.14%);
}

.bg-lgrad {
 background: linear-gradient(180deg, #E3F0FF 0%, rgb(239, 246, 255) 100%);
}

/*End BG Color*/

/*btn*/
.btn{
  font-weight: bold;
}
.btn-block{
 width: 100%;
}
.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: 18px;
 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-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: 18px;
 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)
}

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

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

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

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

.btn-white-outline svg {
 fill: #fff;
}

.btn-white-outline:hover svg {
 fill: #006CF5;
}

.btn-white-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(92, 230, 105)" 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-image : linear-gradient(120deg, #4357fb 0%, #20b8ff 100%);
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);
}



/* Multiple border */
.border-multiple>span {
 display: inline-block;
}
.border-multiple>span:not(:last-child) {
 margin-right: 8px;
}
.border-multiple>span.first {
 width: 6px;
 height: 3px;
 background-color: #4357fb;
}
.border-multiple>span.second, .border-multiple>span.third {
 width: 25px;
 height: 3px;
 background-color: #4357fb;
}



#grad-pills .nav-pills .nav-link {
 text-align: left !important;
 color: #000;
 background-color: transparent;
 font-weight: 700;
 /*opacity: .4;*/
 border-left: 4px solid transparent;
 margin: 5px 0;
}
#grad-pills .nav-pills .nav-link.active,
#grad-pills .nav-pills .nav-link:focus {
 text-align: left !important;
 color: #4357fb;
 opacity: 1;
 border-left: 4px solid #4357fb!important;
 background: linear-gradient(180deg, #E3F0FF 0%, rgb(239, 246, 255) 100%);
}

#grad-pills .nav-pills .nav-link span {
 color: #000;
 font-weight: 400;
}

#grad-faq .accordion-item{
 border: none;
}
#grad-faq .accordion-button:not(.collapsed){
 color: #000;
/*background: linear-gradient(133deg, rgba(255,255,255) 8%, rgb(255 230 231 / 67%) 28%, rgba(234,242,254,.7) 36%);*/
background: linear-gradient(180deg, #E3F0FF 0%, rgb(239, 246, 255) 100%);
box-shadow: 0px 0px 24px 0px rgba(66, 86, 250, 0.24);
margin: 0 !important;
border-left: 4px solid #4357fb;

}
#grad-faq .accordion-button{
 font-weight: bold;
 background: #fff;
 padding: 20px;
 box-shadow: 0px 0px 24px 0px rgba(66, 86, 250, 0.24);
 margin: 12px auto;
/*border-left: 4px solid #2f5795;*/
}

#grad-faq .accordion-body{
 box-shadow: -10px 10px 30px rgba(0,0,0,.06);
/* margin: 12px auto;*/
 background: #fff;
 border-left: 4px solid #4357fb;
}



/*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:100px;
 transform: rotateZ(180deg);
}
.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: #ffc107;
 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: #ffc107;
 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*/


.video_thumb {
  max-width: 559px;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
/*  margin: 0;*/
  box-shadow: 0 0 43px rgb(0 0 0 / 44%);
  position: relative;
  border: 5px solid #fff;
/*  right: 0;*/
/*  top: 1.8rem*/
}
.play_btn img {
  z-index: 2
}
.play_btn {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}
.play_btn:before {
  max-width: 48px;
  height: 48px;
  border-radius: 88px;
  background: #ff3c46;
  opacity: .1;
  content: '';
  position: absolute;
  transition: all .3s;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}
.video_overlay .play_btn:after {
  animation: wave_circle infinite;
  animation-duration: 3s;
}
.video_overlay .play_btn:before {
  animation: wave_circle2 infinite;
  animation-duration: 3s;
  animation-delay: .5s;
}
@keyframes wave_circle {
  from {
    opacity: 0.26;
  }
  to {
    transform: scale(9);
    opacity: 0;
  }
}
@keyframes wave_circle2 {
  from {
    opacity: 0.20;
  }
  to {
    transform: scale(9);
    opacity: 0;
  }
}


.guide p {
 margin-top: 0;
 /*margin-bottom: 2rem;*/
 font-size: 18px;
 font-weight: 500;
}
.guide .clearfix{
margin: 1rem 0;
color: inherit;
border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
border-top: 1px solid #4357fb;
opacity: .3;
}
.guide .steps-area .btn-steps{
 cursor: context-menu;
 background: linear-gradient(120deg, #4357fb 0%, #20b8ff 100%);
 color: #fff;
 font-weight: bold;
 border: 2px solid #20b8ff;
}
.guide .steps-area .steps {
 background: #4357fb12;
 border: 1px solid #4357fb;
 /*border-radius: 10px 0px 10px 0px;*/
 color: #4357fb;
 margin: 2px;
 float: right;
}