:root {
  --info:#137afc;
  --info-light:#afd0fc;
  --info-hover:#355ee3;
  --grey:#F1F1F2;
}

.pull-left { float:left;}
.pull-right { float:right;}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

body{font-family: "Roboto", sans-serif;line-height:1.8; font-size: 18px; font-weight: normal; overflow-x: hidden; color: black;}
a{color:var(--info);-webkit-transition:all linear .3s 0s; transition:all linear .3s 0s;text-decoration:underline;}
a:hover{color:var(--info-hover);text-decoration:none}
a:focus,button:focus{text-decoration:none;outline:0;}
a.under, span.under a { text-decoration:underline !important;}
h1,h2,h3,h4,h5,h6{font-weight:700;}
.btn {-webkit-border-radius:10px; border-radius:10px; padding:16px 35px; position: relative; top:0; -webkit-transition:all linear .3s 0s; transition:all linear .3s 0s; font-weight: bold;}
.btn:hover {top: -5px;}
.container {max-width: 1320px;}
img {max-width: 100%;}
.btn_styled {padding: 12px 35px; border-radius: 35px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Space Grotesk", sans-serif;}
h1 {font-size:45px;}
h2, .h2 {font-size:36px; }
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
h2.heading {font-size:45px; }
h3.heading {font-size:40px; }
.clear{clear: both; overflow: hidden;}
.grey_bg {background: var(--grey);}
section{padding: 80px 0;}
.btn,.btn:hover,.btn:focus,
.form-control,.form-control:hover,.form-control:focus,input:hover,input:focus{box-shadow:none;outline:none}
.form-control { border-radius:5px;}
.border-rad12 img {border-radius: 12px;}
.text-info { color: var(--info) !important;}
.btn-info {background: var(--info); border-color: var(--info); color: white;}
.btn-info:hover, .btn-info:focus {background: var(--info-hover); border-color: var(--info-hover);color: white;}

.btn-outline-info {color: var(--info); border-color: var(--info); background-color: #fff; border-width: 2px!important;}
.btn-outline-info:hover, .btn-outline-info:focus {background: var(--info-hover); border-color: var(--info-hover); color: #fff;}
.btn-dark {background: black; border-color: black;}
header {position: absolute; left:0; top:0; right:0; z-index: 9;}
.header_bar{background: black; padding: 20px 0;}


.logo {position: relative; display: block;}
.logo img {max-width:200px;}



#menu {padding:0; text-align:center;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu ul li{display:inline-block; position:relative;}
#menu ul li:last-child {margin-right:0; }
#menu ul li a{color:white; padding:0 7px; display:block; text-decoration:none; position:relative; font-size:16px;}
#menu li > a:after { content: '\F282'; font-family: bootstrap-icons; margin-left:5px; position: relative; top: 3px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: var(--info);}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#404040}
#menu li.active ul li a:hover{color:#fff;background:var(--info-hover);}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a {background:#fff; color:#333;}
#menu li>ul li{ display:block; position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333; border-right:0;}
#menu li>ul li a:after { content: '\F285'; font-family: bootstrap-icons; position: absolute; right:15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; }
#menu li>ul li a:hover{color:var(--info)!important; text-decoration:underline!important; }
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a{color:var(--info); text-decoration:underline;}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,
#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden; opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0; background-color: #f4f4f4; padding:10px; -webkitborder-radius:10px; border-radius:10px;}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:3px 5px; transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;}
#menu li>ul li a:hover {text-decoration: underline;}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#fff;}
#menu li>ul li ul li a:hover {color:#fff;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
#menu ul li a.btn {color: #fff; padding: 6px 20px; margin-left:10px; position: relative;  top:0;}
#menu ul li a.btn:hover {top:-5px;}
.header_bar.sticky {margin:0; position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; background-color: black;
-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px; z-index: 99; }


.hero_banner {position: relative; display: block;  margin-top:90px; padding:80px 0; color:white ;
 /*  background: linear-gradient(45deg, rgba(87,22,112,1) 0%,rgba(0,0,0,1) 53%,rgba(55,113,249,1) 100%);  */
/*  background: linear-gradient(to bottom, rgba(87,22,112,1) 0%,rgba(0,0,0,1) 53%,rgba(55,113,249,1) 100%); */ background-position: center; background-repeat: no-repeat; background-size: cover;
   }
.hero_banner img {position: relative;z-index: 1;}

.hero_caption {position: relative; width: 100%;}
.hero_caption p {margin-bottom:15px; font-size:18px; }
.hero_caption h5 {font-weight: 600; margin-bottom:30px; font-size:23px;}
.hero_caption h1 {font-weight: 600; margin-bottom:30px; font-size:50px;}
.hero_caption h1 div span {text-decoration: line-through; font-weight: bold;}
.hero_caption h1 span {font-weight: 300;}
.hero_caption h2 {margin-bottom:20px; line-height: 1.4em;}
ul.banner_link {list-style: none; margin: 0; padding: 0; margin-top: 30px;}
ul.banner_link li {position: relative; padding-left: 25px; float: left;}
ul.banner_link li+li{margin-left: 25px;}
ul.banner_link li:before {position: absolute; left: 0; top: 0;content: '\F26A'; font-family: bootstrap-icons;}

.feature_block { margin-bottom: 40px;}
.feature_block h3 {font-size: 25px; margin-bottom: 30px;}
.feature_block h3 .icon { display: inline-block; margin-right: 15px; position: relative; }
.feature_block h3 .icon img{position: relative;z-index: 1; }
.feature_block h3 .icon:before {position: absolute; left: 0; bottom: -12px; width: 37px; height: 37px; border-radius: 100%;background: var(--info-light);; content: "";  }
ul.how_work_list { list-style: none; counter-reset: my-awesome-counter;}
ul.how_work_list li {position: relative; counter-increment: my-awesome-counter; font-size: 16px; line-height: 1.6;}
ul.how_work_list li:before {  content: "0" counter(my-awesome-counter); position: absolute; opacity: .10; color: black; font-size: 80px; font-weight: 700; right: 0; top: -5px; line-height: 1;  }
ul.how_work_list li+li {margin-top: 50px;}
ul.how_work_list li h4 { color: var(--info); margin-bottom: 15px; font-size: 25px;}

.benefit_block_list ul {list-style: none; margin: 0; padding: 0;}
.benefit_block_list ul li { position: relative; overflow: hidden; font-size: 16px; line-height: 1.6;}
.benefit_block_list ul li h4 {font-size: 25px;}
.benefit_block_list ul li .benefit_block { float: left;background: white; max-width: 80%; border-radius: 15px; padding: 50px; text-align: right;}
.benefit_block_list ul li+li{margin-top: 50px;}
.benefit_img img {width: 250px;}
@media (min-width:992px){
  .benefit_img {text-align: left;}
  .benefit_block_list ul li:nth-last-child(odd) .benefit_block {float: right; text-align: left;}
  .benefit_block_list ul li:nth-last-child(odd) .row [class*="col"]:first-child {order: 2;}
  .benefit_block_list ul li:nth-last-child(odd) .row [class*="col"]:last-child {order: 1;}
  .benefit_block_list ul li:nth-last-child(odd) .benefit_img {text-align: right;}


}


#testimonial_slider .item {padding: 25px; font-size: 16px;}
#testimonial_slider .item img {width: auto;}
.testimonial_block {background: white; padding: 40px 50px; box-shadow: 8px 8px 30px rgba(5, 9, 23, .1); border-radius: 12px;}
.testiquote { margin-bottom: 20px;}
.testimonial_block h5, .testimonial_block h6{font-family: "Roboto", sans-serif;}
.testimonial_block h5 { font-weight: 600;}
.testimonial_block h6 { color: var(--info);font-weight: 400;}

#testimonial_slider.owl-theme .owl-nav [class*="owl-"] { margin: 0;}
#testimonial_slider.owl-theme .owl-nav { margin: 0;}
#testimonial_slider .owl-prev, #testimonial_slider .owl-next { color: var(--info); position: absolute; top: calc(50% - 15px); right: 0;
  text-align: center; transition: all ease .3s; width: 52px; height: 52px; z-index: 1000; font-size: 27px; margin: 0; border-radius: 100%; background-color: transparent; border: var(--info) 1px solid;}
#testimonial_slider .owl-prev { left: -100px;}
#testimonial_slider .owl-next { right: -100px;}
#testimonial_slider .owl-prev i, #testimonial_slider .owl-next i { line-height: 50px;}
#testimonial_slider .owl-prev:hover , #testimonial_slider .owl-next:hover { background-color: var(--info); color: #fff;}


.rating_part {padding-left: 80px; margin-bottom: 70px;}
.t_round{display: inline-block;vertical-align: middle;}
.t_round img {max-width: 133px;}
.banner_rating {margin-left: 10px; display: inline-block; vertical-align: middle; line-height: 1.15;}
.banner_rating small {font-size: 20px;}
.star_review i {display: inline-block; font-size: 20px;}
.star_review i.checked {color: var(--info);}




.bottom_banner {color: black; text-align: center; background: white; padding: 50px; border-radius: 15px; margin-top: -150px; box-shadow: 8px 8px 30px rgba(5, 9, 23, .1);}
.get_start { margin-bottom: 80px;}
footer{  /* background: linear-gradient(to bottom, rgba(98,164,252,1) 0%,rgba(113,34,154,1) 47%,rgba(0,0,0,1) 100%); */padding: 70px 0 40px; color: white; text-align: left; font-size: 16px;

  background-position: center; background-repeat: no-repeat; background-size: 100% 100%;
}
footer ul {list-style: none; margin: 0; padding: 0;}
footer a{color: white; text-decoration: none;}
footer a:hover {opacity: 0.7;color: white; }
footer h4 {font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.sticky_btn {display: none;}

.footer_wrapper{padding-bottom: 80px;}
.footer_logo {margin-bottom: 45px;}
ul.footer_list li+li{margin-top: 7px;}
ul.footer_list li a:hover{color: white;}
ul.social_list {list-style: none; margin: 0; padding: 0; overflow: hidden; }
ul.social_list li {display: inline-block; margin-right: 7px;}
ul.social_list li a {display: block; background: white; width:28px; height: 28px; line-height: 25px;text-align: center; color: black; border-radius: 5px; position: relative; border-color: white;}
ul.social_list li a i,
ul.social_list li a svg {position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
ul.social_list li a svg {fill: black; width: 20px; height: 20px;}
ul.social_list li a:hover {background:black; color: white;  border-radius: 100%;}




.footer_bar {text-align: center; border-top: rgba(255,255,255,.25) 1px solid; padding-top: 30px; font-size: 15px;}