@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

body {
  margin: 0;
  padding: 0;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a {
  margin: 0;
  padding: 0;
  font-family: "Jost", sans-serif;
}
p,
span,
ul,
li,
a {
  margin: 0;
  padding: 0;
  font-family: "Jost", sans-serif;
}
a {
  text-decoration: none !important;
}
img {
  max-width: 100%;
}
ul {
  padding: 0;
}
h2 {
  font-size: 36px;
  color: #086788;
  text-transform: capitalize;
  font-weight: 600;
  margin: 0 0 10px;
}
h4 {
  color: #fff;
  margin: 0 0 10px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no_space {
  padding-right: 0px;
  padding-left: 0px;
}
.sec {
  width: 100%;
  padding: 60px 0;
}
.main_btn1 {
  background: #00C9EA;
  display: inline-block;
  border-radius: 5px;
  padding: 8px 30px;
  position: relative;
  color: #fff;
  font-size: 18px;
  transition: linear 0.3s;
  border: 1px solid #00C9EA;
  margin-block: 10px;
}
.main_btn1:hover {
  color: #ffffff;
  background: #01224500;
  border: 1px solid #00C9EA;
}
.pt-30 {
  padding-top: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}

/************************** popup  ************************************/

.thank-you{
  padding: 50px 0;
}

	.thank-you a{
    border-radius: 50px;
    padding: 15px 65px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    width: 30%;
    text-align: center;
    cursor: pointer;
    transition: .5s ease-in-out;
    height: auto;
    background: #00c9ea;
    display: block;
    margin: 0 auto 20px !important;
	}
	.thank-you .thank-you-img{
		margin: 20px auto 20px;
		display: table;
	}

.modal {
  top: 0%;
  background: #000000de;
}
.modal-dialog {
  width: 935px;
  margin: 180px auto 0;
}
.pop_heading {
  width: 100%;
  padding: 20px;
}
.pop_heading h5 {
  font-size: 20px;
  font-weight: 700;
  border-left: 4px solid #2554ff;
  padding: 0 20px;
  line-height: 29px;
  color: #000;
}
.pop_heading h4 {
  font-size: 23px;
  font-weight: 700;
  color: #000000;
}
.pop_heading h2 {
  font-size: 35px;
  color: #00C9EA;
  font-weight: bold;
  margin: 10px 0;
  text-align: center;
}
.field {
  width: 100%;
  position: relative;
  margin: 0 0 10px;
}
span.pop_icon {
  position: absolute;
  color: #00C9EA;
  left: 13px;
  top: 2px;
}
.field .form-control {
  width: 100%;
  border-radius: 5px;
  padding: 3px 0 4px 37px;
  resize: none;
  border: 1px solid #00C9EA;
}
.modal-content {
  box-shadow: rgb(243, 238, 238) 0px 0px 3px 2px;
  border-radius: 30px;
  background: url(../img/s3_banner-1.webp) no-repeat;
  background-size: cover;
}
#popupform p {
  text-align: center;
  font-size: 16px;
  color: #000000;
  margin: 19px 0 0;
  font-weight: 600;
}
.modal-header {
  padding: 0;
  border: none;
}
button.pop_btn {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #00C9EA;
  padding: 10px 0;
  border: none;
  width: 100%;
  border-radius: 5px;
}
button.close {
  background: url(../img/cross.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  opacity: 1;
  z-index: 999;
}

/************************** popup ************************************/

.btns_wrap {
  position: fixed;
  right: -6px;
  z-index: 99;
}
.btns_wrap a:hover {
  text-decoration: none !important;
  right: 0px;
}
.btns_wrap .call_wrap {
  width: 280px;
  position: absolute;
  right: -214px;
  background: #00C9EA;
  top: 230px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  box-shadow: 0px 0px 40px #00000026 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btns_wrap .call_wrap span {
  border-left: 1px solid #ded9d9;
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
  background: #00C9EA;
  padding: 17px 10px;
}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo {
  color: #fff;
  background: #fff0;
  font-size: 22px;
  padding: 10px 22px;
  vertical-align: middle;
  display: inline-block; /* border-radius: 50px 0px 0px 50px; */
}

/*sidebar form*/
.sidebar_form_bg {
  width: 845px;
  position: fixed;
  top: 30%;
  transform: translate(845px, 0);
  border-radius: 5px;
  cursor: pointer;
  transition: linear 0.3s;
  z-index: 99;
  box-shadow: 46px 5px 10px 0 #00000029;
  right: 0;
}
.sidebar_active {
  transform: translate(0, 0);
}
.sidebar_head {
  position: absolute;
  left: -58px;
  background: #00C9EA;
  padding: 10px;
  color: #fff;
  top: 125px;
  width: 58px;
  text-align: center;
  border-radius: 10px 0 0px 10px;
  border: 1px solid #00C9EA;
}
.sidebar_head span {
  font-size: 20px;
}
.sidebar_form {
  background: #fff;
  padding: 0;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  border: 2px solid #00C9EA;
}
.sidebar_head h3 {
  font-size: 20px;
  color: #ffffff;
}
.sidebar_head h3 span {
  color: #e2013f;
  font-weight: 600;
}
.sidebar_form .form-control {
  padding: 13px;
  height: auto;
  border: 2px solid #00C9EA;
}
.sidebar_right {
  padding: 20px;
}
.sidebar_right button.ban_btn {
  background: #00C9EA;
  padding: 8px 50px;
  border-radius: 5px;
  border: 2px solid #00C9EA;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.error_page {
  text-align: center;
  padding: 140px 0;
}
.ban_left.error_page h2 {
  text-align: center;
  margin: 0 0 20px;
  color: #fff;
}
.sidebar_img img {
  width: 91%;
  margin: 0px 48px;
  top: 6px;
  position: relative;
}

/*sidebar form end*/

/************************** header  ************************************/
.header {
  width: 100%;
}
.logo {
  width: 100%;
  padding: 0 0;
  /* margin-left: 15px; */
  bottom: -30px;
  position: relative;
}
/*.logo img {width: 63%;}*/
/*.head_bot {width: 100%;background: linear-gradient(45deg, #ffffff 0%, #ffffff 37%, #00C9EA 37%, #00C9EA 55%, #00C9EA 100%); ;padding: 15px 0;    box-shadow: 0 16px 32px 0 rgba(0, 40, 120, .35);*/
.head_bot {
  width: 100%;
  background: #fff;
}
.head_mid .navbar-nav > li {
  display: inline-block;
  float: none;
}
.main_navigation {
  width: 100%;
  padding: 9px 0;
}
.navbar-inverse {
  background-color: transparent;
  border: none;
}
.navbar-collapse.collapse {
  float: none;
  padding: 0;
}
.navbar-inverse .navbar-nav > li > a {
  color: #086788;
  padding: 15px 8px;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #00C9EA;
}
.dropdown-menu {
  padding: 8px 0;
  margin: 0;
  background-color: #fff;
  top: 65px;
}
ul.dropdown-menu {
  position: absolute;
  width: 250px;
  top: 72px;
  left: 0;
  margin: auto;
  background: linear-gradient(to right, #00C9EA 0%, #00C9EA 51%, #00C9EA 100%);
  padding: 5px 25px 25px 20px;
  text-align: left;
  border-radius: 0 0 5px 5px;
}
.dropdown-menu > li > a {
  color: #fff;
  text-align: left;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 10px 0 5px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: transparent;
  color: #086788;
}
ul.dropdown-menu li {
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.caret {
  /*color: #fff;*/
  margin-left: 9px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #000;
  background-color: transparent;
}
.nav.navbar-nav {
  display: block;
  text-align: right;
  padding-block: 30px;
}
.navbar-nav {
  float: none;
}
.navbar.navbar-inverse {
  margin-bottom: 0;
}
.navbar {
  min-height: auto;
}
.navbar-inverse .navbar-nav > li > a.main_btn {
  padding: 10px 30px;
  top: 14px;
  color: #000;
  font-weight: 600;
}
.navbar-inverse .navbar-nav > li > a.main_btn:hover {
  background: #342ead;
  color: #fff;
}
.head_right {
  width: 100%;
  margin: 5px 0;
  text-align: right;
}
.head_right ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}
.head_right ul li a {
  font-size: 16px;
  color: #022c5c;
  transition: 0.3s all;
  transition: linear 0.3s all;
  position: relative;
  vertical-align: middle;
}
.head_right ul li a:hover {
  color: #ffffff;
}
.head_right ul li span {
  margin: 0 10px 0 0;
}
.head_right span {
  margin: 0 15px 0 0;
}
.head_right .main_btn {
  padding: 10px 20px;
  color: black;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #086788;
  background-color: transparent;
}

.head_top {
  width: 100%;
  background: #232323;
  padding: 5px 0;
}
.head_top_box {
  width: 100%;
  text-align: right;
}
.head_top_box ul li {
  list-style: none;
  display: inline-block;
}
.head_top_box ul li span {
  color: #fff;
}
.head_top_box ul li a {
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  font-size: 16px;
  font-weight: 500;
}
.head_top_box ul li a:hover {
  color: #00C9EA;
}
.head_top_box span.top_icon {
  margin: 0 10px 0 0;
}

/************************** Banner  ************************************/
/*.h_banner {width: 100%;background: #000000d1 url(img/main_banner.webp) no-repeat;background-size: cover;color: #fff;padding: 70px 0 170px;background-blend-mode: overlay;}*/
.h_banner {
  width: 100%;
  background: #08678870 url(../img/bg5.webp) no-repeat;
  /* background: #086788; */
  background-size: cover;
  color: #fff;
  padding: 70px 0 170px;

  background-blend-mode: multiply;
  background-position: bottom;
}
/* .hh_banner {
  width: 100%;
  background: #000000c4 url(img/photo-1531545514256-b1400bc00f31.avif) no-repeat;
  background-size: cover;
  color: #fff;
  padding: 150px 0 170px;
  background-blend-mode: overlay;
}
.hhh_banner {
  width: 100%;
  background: #000000c4 url(img/photo-1456406644174-8ddd4cd52a06.avif) no-repeat;
  background-size: cover;
  color: #fff;
  padding: 150px 0 170px;
  background-blend-mode: overlay;
}
.hhhh_banner {
  width: 100%;
  background: #000000c4 url(img/photo-1515187029135-18ee286d815b.avif) no-repeat;
  background-size: cover;
  color: #fff;
  padding: 150px 0 170px;
  background-blend-mode: overlay;
}
.hhhhh_banner {
  width: 100%;
  background: #000000c4 url(img/premium_photo-1724220738838-a4cd9da64481.avif)
    no-repeat;
  background-size: cover;
  color: #fff;
  padding: 150px 0 170px;
  background-blend-mode: overlay;
}
.w_banner {
  width: 100%;
  background: #000000c4 url(img/photo-1570616969692-54d6ba3d0397.avif) no-repeat;
  background-size: cover;
  color: #fff;
  padding: 150px 0 170px;
  background-blend-mode: overlay;
}
.ww_banner {
  width: 100%;
  background: #000000c4 url(img/premium_photo-1691588961759-e61c6e241082.avif)
    no-repeat;
  background-size: cover;
  color: #fff;
  padding: 150px 0 170px;
  background-blend-mode: overlay;
} */
.ban_left {
  width: 100%;
}

.ban_left h1 {
  font-size: 55px;
  font-weight: 700;
}
.ban_left h4 {
  /* text-transform: uppercase; */
  font-size: 20px;
}

.ban_left p {
  margin: 30px 0 30px;
}

.ban_left ul li {
  display: inline-block;
  margin: 0 10px 0 0;
}
ul.bulletpoints {
  list-style: disc;
  margin-left: 15px;
}
ul.bulletpoints li {
  display: block;
}
ul.bulletpoints li:before {
  content: "•";
  position: absolute;
  font-weight: bold;
  margin-left: -15px;
}
/*.ban_left ul li:first-child a {background: #4dc247;border-color: #4dc247;color: #fff;}*/
/*.ban_left ul li:last-child a {background: #00C9EA;border-color: #00C9EA;color: #ffffff;}*/

.ban_right {
  width: 100%;
  padding: 20px 25px 20px 25px;
  border-radius: 8px;
  position: relative;
  background: #0000008f;
}
.ban_right .ban_btn {
  background: #031d71;
  color: white;
  padding: 10px 45px;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 16px 32px 0 rgba(0, 40, 120, 0.35);
  transition: all 0.5s ease;
  border-color: #ffffff00;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  border-radius: 5px;
}
.ban_right .ban_btn:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0);
  background-position: 0 0;
}
.form-control input {
  background: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 10px;
  border: 1px solid #e2e5eb;
  height: 45px;
}
.ban_right h3 {
  color: #086788;
  font-size: 25px;
  text-align: center;
  margin: 0 0 20px 0;
  line-height: 30px;
  font-weight: 600;
}
.ban_right {
  width: 100%;
  padding: 20px 25px 20px 25px;
  border-radius: 10px;
  position: relative;
  background: #ffffff;
  box-shadow: 10px 10px 25px 0 #00000045;
}
.ban_right .ban_btn {
  background: #00C9EA;
  color: white;
  border-radius: 10px;
  padding: 10px 50px;
  font-size: 18px;
  font-weight: 300;
  box-shadow: 0 16px 32px 0 rgba(0, 40, 120, 0.35);
  transition: all 0.5s ease;
  border-color: #ffffff00;
  width: 100%;
}
.ban_right .ban_btn:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0);
  background-position: 0 0;
}

.ban_right .form-group input {
  background: #007b5317;
  border: none;
  color: #232323;
  box-shadow: none;
  height: 50px;
  border-radius: 10px;
}
.ban_right .form-group input::placeholder {
  color: #232323;
}
.ban_right .form-group textarea {
  background: #007b5317;
  border: none;
  color: #232323;
  box-shadow: none;
  height: 50px;
  padding: 10px 10px;
  resize: none;
  border-radius: 10px;
}
.ban_right .form-group textarea::placeholder {
  color: #232323;
}

/************************** Section 1  ************************************/
.h_sec1 {
  width: 100%;
  background: linear-gradient(to right, #000 0%, #086788 51%, #000 100%);
  padding: 20px 0;
}

/************************** Section 1  ************************************/
.h_sec2 {
  width: 100%;
  padding: 40px 0;
  background-color: #086788;
  background: url(../img/bg2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.s2_box {
  width: 100%;
  text-align: center;
  /*border-right: 2px solid #fff;*/
}
.s2:last-child .s2_box {
  border: none;
}
.s2_box h3 {
  margin: 20px 0 10px;
  font-size: 35px;
  font-weight: 600;
  color: #ffffff;
}
.s2_box p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

/************************** Section 1  ************************************/
.h_sec3.sec {
  background: url(../imgs3_banner-1.html) no-repeat center;
  background-size: cover;
}
.s3_top h2 {
  margin: 0 0 10px;
}
.s3_top {
  width: 100%;
  margin: 0 0 30px;
  text-align: center;
  overflow: hidden;
}
.s3_mid {
  width: 100%;
  overflow: hidden;
  margin: 0 0 50px;
}
.s3_mid ul.nav-tabs {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.s3_mid ul.nav-tabs li {
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 45px;
  background-color: #086788;
  margin: 0 0 0;
  width: 100%;
}
.s3_mid ul.nav-tabs li.active {
  background: linear-gradient(to right, #00C9EA 0%, #00C9EA 51%, #00C9EA 100%);
}
.s3_mid ul.nav-tabs li img {
  margin: 0 auto 10px auto;
  max-width: 100%;
  display: block;
}
.s3_mid .nav-tabs {
  border: none;
}
.s3_mid .nav-tabs > li > a {
  color: #fff;
  border: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  display: block;
  text-align: center;
  padding: 0;
}
.s3_mid .nav-tabs > li > a:hover {
  color: #fff;
  border: none;
}
.s3_mid .nav-tabs > li.active > a {
  border: none;
  border-radius: 8px;
  font-family: "Source Sans Pro", sans-serif;
  background: transparent;
  color: #fff;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.s3_mid .tab-content {
  width: 100%;
}
.s3_bright {
  width: 100%;
  margin: 0;
}
.s3_bleft {
  position: relative;
  /* background: #00C9EA; */
  padding: 3px 3px;
  /* box-shadow: 1px 6px 10px 0px #086788; */
  margin: 25px 0;
  border-radius: 5px;
}
.s3_bleft img {
  width: 90%;
}
.s3_bright h3 {
  color: #086788;
  font-weight: 800;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 30px;
}
.s3_bright p {
  margin: 20px 0 30px;
}
.s3_bright a:hover {
  background: ffffff78;
  color: #00C9EA;
  border-color: #00C9EA;
}

/************************** Section 1  ************************************/
.h_sec4 {
  width: 100%;
  background-color: #086788;
}
.s4_top {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}
.h_sec4 .s4_top h2 {
  color: #fff;
}
.s4_top h2 {
  margin: 0 0 10px;
  font-weight: 700;
}
.s4_top p {
  color: #fff;
}
.sec4_bot ul {
  list-style: none;
  text-align: center;
}
.sec4_bot ul li {
  display: inline-block;
  padding: 7px 15px;
  background: #00C9EA;
  margin: 10px 5px;
  border-radius: 5px;
  font-weight: 400;
  color: #fff;
}
.s4_box {
  width: 100%;
  text-align: center;
  /* border: 2px dashed #61ba6d; */
  border-radius: 5px;
  padding: 20px;
  margin: 20px 0 0;
  box-shadow: 0px 2px 4px 1px #61ba6d;
}

.s4_box h3 {
  margin: 20px 0 10px;
  color: #ffffff;
  font-weight: 500;
  font-size: 22px;
}
.s4_box p {
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
}
.s4_btn {
  width: 100%;
  text-align: center;
  margin: 30px 0 0;
}

.s4_btn a {
  background: #086788;
  border-color: #00C9EA;
  color: #ffffff;
}
.s4_btn a:hover {
  background: transparent;
  color: #00C9EA;
  border: 1px solid #00C9EA;
}

.s4_btn a.btnred {
  background: #00C9EA;
  border-color: #00C9EA;
}
.s4_btn a.btnred:hover {
  background: transparent;
  color: #00C9EA;
  border-color: #00C9EA;
}
.img_s7 {
  /*position: absolute;*/
  /*bottom: -503px;*/
  width: 200px;
  margin-left: 56px;
  margin-bottom: 46px;
}
.s7_img.wow.bounceInUp.animated {
  margin-top: 125px;
}
/************************** Section 1  ************************************/
.s5_box {
  width: 100%;
  text-align: center;
}
/************************** Section 1  ************************************/
.benefit__list {
  display: grid;
  /* max-width: 440px; */
  margin-right: 40px;
  padding-top: 30px;
  grid-auto-columns: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr;
  /*grid-template-columns: repeat(2, 1fr);*/
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.benefit__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.benefit__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 46px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.benefit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.benefit__title {
  font-size: 22px;
  font-weight: 600;
}
.benefit__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 30px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.benefit__description {
  font-size: 15px;
  line-height: 22px;
}
.free__card {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #c8d9ee;
  border-radius: 10px;
  background-color: #086788;
  box-shadow: 0 1px 16px 0 rgb(54 127 211 / 18%);
}
.free__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.free__row {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: auto 1fr 56px 57px;
  grid-template-columns: auto 1fr 56px 57px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #367fd3;
  font-size: 18px;
  font-weight: 500;
}
.free__icon {
  width: 40px;
  height: 40px;
}
.free__subheading {
  color: #fff;
}
.free__price {
  color: #00C9EA;
  font-weight: 400;
  text-decoration: line-through;
}
.free__tag {
  color: #fff;
  font-weight: 700;
}
.free__devider {
  width: 100%;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #fff;
}
.free__cta {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.h_sec6.sec {
  width: 100%;
  background: url(../imgs3_banner-1.html) no-repeat center;
  background-size: cover;
}
.s6_top {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}
.s6_box {
  width: 100%;
  text-align: center;
  border: 1px solid #00C9EA;
  /*box-shadow: 0px 2px 4px 1px #232323;*/
  padding: 20px;
  border-radius: 20px;
  margin: 10px 0;
}
.s6_box img {
  width: 93px;
  border: 2px solid #232323;
  border-radius: 10px;
  padding: 0;
}

.s6_box ul li {
  display: inline-block;
}

.s6_box ul li span {
  color: #f47f34;
  font-size: 16px;
}
.s6_box h3 {
  margin: 10px 0 10px;
  color: #00C9EA;
}
.owl-pagination {
  display: inline-block;
  margin: 20px 0 0;
}
.owl-theme .owl-controls .owl-page.active span {
  background: #00C9EA;
}
.owl-theme .owl-controls .owl-page span {
  background: #00C9EA;
}
/************************** Section 1  ************************************/
/*.h_sec7 {background: url(../imgs7_bg.webp) no-repeat center;background-size: cover;}*/
.h_sec7 {
  background: #f3f3f5;
  padding: 50px 0 20px;
}

.s7_form .form-group input {
  border: 2px solid #00C9EA;
  box-shadow: none;
  height: 50px;
}
.s7_form .form-group textarea {
  border: 2px solid #00C9EA;
  box-shadow: none;
  height: 200px;
  resize: none;
}
.s7_form {
  text-align: center;
}
.form-group.s7 {
  margin: 0;
}
.form-group.s7 button {
  background: #086788;
  border-color: #086788;
  color: #ffffff;
}

/************************** Section 1  ************************************/

/*inner section*/
.inner_page_banner {
  width: 100%;
  padding: 90px 0;
  text-align: center;
  background: #086788 url(../imgbg2.html) no-repeat center;
  color: #fff;
  background-blend-mode: hard-light;
}
.inner_page_banner h3 {
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
.terms_section {
  width: 100%;
  padding: 40px 0;
}
.terms_section h5 {
  margin: 20px 0;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  color: #00C9EA;
}
.terms_section h6 {
  font-size: 18px;
  font-weight: 600;
}
.terms_section p {
  margin: 10px 0;
  color: #666;
  font-size: 14px;
}
.terms_section ul li:before {
  content: "";
  position: absolute;
  left: -23px;
  width: 1%;
  height: 4px;
  border-radius: 50px;
  top: 10px;
  background: #00C9EA;
}
.terms_section ul li {
  list-style: none;
  font-size: 16px;
  margin: 0 0 20px;
  position: relative;
  color: #666;
}
.terms_section ul li a {
  color: #102a45;
  text-transform: capitalize;
}
.terms_section .form-control {
  resize: none;
  border-radius: 0;
  height: auto;
  padding: 13px;
  border: 2px solid;
}
.terms_section_form {
  width: 100%;
}
.terms_section_form h2 {
  font-size: 36px;
  margin: 0 0 30px;
}
.terms_s_left {
  width: 100%;
  padding: 90px 0;
}
.terms_s_left h3 {
  font-size: 22px;
  margin: 0 0 10px;
  color: #00C9EA;
}
.terms_s_left p {
  color: #666;
}
.capbox0 {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}
#CaptchaDiv0 {
  width: 20%;
  background: #fff;
  padding: 9px 12px;
  margin: 0 0 15px;
  border-radius: 0;
  float: left;
  border: 2px solid #555;
}
.capbox-inner0 {
  padding: 3px 13px;
  width: 76%;
  float: left;
  border-radius: 0;
  margin: 0 0 0 20px;
  border: 2px solid #555;
}
#CaptchaInput0 {
  margin: 1px 0px 1px 30px;
  width: 130px;
  border-radius: 0;
  padding: 4px;
  border: 2px solid #555;
}
button.cont_but {
  font-size: 18px;
  background: #00C9EA;
  color: #fff;
  border-radius: 0px;
  padding: 12px 0;
  box-shadow: 0px 5px 15px #00000087;
  transition: 0.3s ease-in;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  border: none;
}
.subBoxes .subjects {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 12px;
  margin-bottom: 10px;
  box-shadow: 0 0 1px 0 #ccc;
  text-align: center;
  min-height: 240px;
}
.subjects img {
  width: 225px;
  height: 150px;
  margin: 0 auto;
  object-fit: cover;
  display: block;
}
.subjects p {
  text-align: center;
  font-size: 2rem;
  width: 75%;
  vertical-align: bottom;
  margin: 30px auto;
  padding: 5px;
  font-family: "Work Sans", sans-serif;
  color: #fff;
  box-shadow: 0 0 10px 0 #ccc;
  transition: all 0.5s linear;
  background: #00C9EA;
  border-radius: 5px;
}
.terms_section .row {
  display: flex;
  flex-wrap: wrap;
}
.terms_section .col-md-4 {
  display: flex;
}

.subjects:hover p {
  color: #00C9EA;
  background: #fff;
  border: 1px solid #00C9EA;
  transition: all 0.5s linear;
}
.rev_box {
  width: 100%;
  box-shadow: 3px 3px 30px 0 #00000047;
  padding: 30px;
  border: 1px solid #00C9EA;
  border-radius: 10px;
  margin: 20px 0;
}
.rev_box ul li {
  display: inline-block;
  list-style: none;
  color: #f6830f;
}
.rev_box ul li {
  list-style: none;
  font-size: 16px;
  margin: 0 0 10px;
  position: relative;
  color: #00C9EA;
}
.rev_box ul li:before {
  display: none;
}
.topticker {
  float: left;
}
/************************** Footer  ************************************/
footer {
  width: 100%;
  overflow: hidden;
  background: #f1f1f1;
}
.foot_top {
	width: 100%;
	overflow: hidden;
	padding: 60px 0 40px;
	background: linear-gradient(#08678896, #0867885e), url(../img/footer-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.foot_mid {
  background: #111;
  padding: 30px 0;
}
.foot_mbox {
  text-align: left;
  color: #fff;
}
.foot_mbox h3 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.foot_box img {
  margin: 0 0 15px;
  width: 30%;
}
.foot_box p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
.foot_bot {
  background: #141414;
  color: #fff;
  width: 100%;
  padding: 10px 0;
}
.foot_bot p {
  text-align: center;
  color: #fff;
}
span.f_bot_text {
  color: #00C9EA;
}
.foot_box {
  width: 100%;
  color: #00C9EA;
}
.foot_box h3 {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 15px;
  position: relative;
  color: #fff;
}
.foot_box ul {
  padding: 0 0 0 18px;
}
.foot_box ul li {
  line-height: 30px;
  position: relative;
}
.foot_box ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  left: -18px;
  top: 12px;
  transition: ease 0.2s;
  background: #086788;
}
.foot_box ul li a {
  color: #fff;
  transition: linear 0.2s;
  text-transform: capitalize;
}
.foot_box ul li a:hover {
  font-size: 16px;
  color: #086788;
}
.foot_box ul li:hover:before {
  transform: rotate(180deg);
}

/*------------------------ responsive -----------------------------------*/
@media screen and (max-width: 980px) {
  .head_top_box ul li {
    display: block;
    width: 100%;
    text-align: center;
  }
  /*.logo img {*/
  /*width: 25%;*/
  /*    background: #e4ffc48c;*/
  /*}*/
  h2 {
    font-size: 24px;
  }
  .sec {
    padding: 50px 0;
    overflow: hidden;
  }
  .main_btn1 {
    padding: 8px 20px;
    font-size: 16px;
  }
  .btns_wrap {
    display: none;
  }

  .sidebar_form_bg {
    display: none;
  }
  .logo {
    padding: 0;
  }
  .head_bot {
    padding: 20px 0;
  }
  ul.dropdown-menu {
    top: 63px;
  }
  .navbar-inverse .navbar-nav > li > a {
    padding: 16px 12px;
  }
  .dropdown-menu {
    top: 46px;
  }
  .head_menu ul li a {
    padding: 7px 20px;
  }
  .h_banner {
    padding: 50px 0;
  }
  .ban_left {
    margin: 30px 0 0;
  }
  .ban_left h1 {
    font-size: 32px;
  }
  .ban_left p {
    margin: 20px 0 20px;
  }
  .ban_left .main_btn1 {
    padding: 8px 14px;
    font-size: 15px;
  }
  .ban_left ul li {
    margin: 0 5px 0 0;
  }

  .ban_right {
    padding: 20px;
  }
  .ban_right h3 {
    margin: 0 0 10px 0;
  }

  .ban_right .form-group input {
    height: 40px;
  }
  .ban_right .form-group textarea {
    height: 40px;
  }
  .ban_right .ban_btn {
    padding: 8px 20px;
  }
  .s2_box {
    padding: 0 20px 0 0;
  }
  .s2_box p {
    font-size: 16px;
  }
  .s2_box h3 {
    font-size: 30px;
  }

  .s3_mid ul.nav-tabs li {
    padding: 20px 10px;
  }
  .s3_mid .nav-tabs > li > a {
    font-size: 20px;
  }
  .s3_bright {
    margin: 0;
  }
  .s3_bright h3 {
    font-size: 24px;
  }
  .s3_bright p {
    margin: 10px 0 20px;
    font-size: 15px;
  }
  .h_sec5 {
    padding: 0 0 50px;
  }

  .s5_box h3 {
    font-size: 24px;
  }
  .s5_box h4 {
    font-size: 66px;
  }
  .s6_box h3 {
    margin: 10px 0 10px;
    font-size: 22px;
  }
  .s7_img {
    display: none;
  }
  .foot_box img {
    margin: 0 0 10px;
    width: 50%;
  }
  .foot_box p {
    margin: 0 0 20px;
    font-size: 15px;
  }
  .foot_box h3 {
    font-size: 20px;
  }

  .foot_top {
    padding: 40px 0;
  }
  .foot_bot {
    padding: 10px 0;
  }

  button.cont_but {
    width: 100%;
  }
  #CaptchaDiv0 {
    width: 16%;
    padding: 9px 7px;
  }
  .capbox-inner0 {
    width: 78%;
    margin: 0 0 0 10px;
  }
  #CaptchaInput0 {
    margin: 0 0 0 7px;
    width: 55px;
  }
  .terms_s_left {
    padding: 0;
  }
  .rev_s1_left {
    margin: 0 0 20px;
  }
}
.modal-dialog {
  width: 758px;
  margin: 50px auto 0;
}
.modal-content {
  background-position: 37% 0;
}

/*---------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {



    .thank-you a{

      width: 90%;
   
    }
    .thank-you .thank-you-img{
     width: 70%;
    }



  .free__row {

    font-size: 14px;
    font-weight: 500;
}

  .free__card {

    padding: 35px 20px;

}
  .benefit__title {
    font-size: 17px;

}

  .logo {

    bottom: 0;
   
}

  .logo img {
    width: 70%;
    margin-left: 15px;
  }

  .head_top {
    display: none;
  }
  .wow.fadeInLeftBig {
    margin-bottom: 80px;
  }
  .s4_top {
    margin: 0;
  }
  h2 {
    /*font-size: 24px;*/
  }
  .sec {
    padding: 30px 0;
  }
  .main_btn1 {
    width: 100%;
    text-align: center;
  }
  .btns_wrap {
    display: none;
  }

  .sidebar_form_bg {
    display: none;
  }
  button.navbar-toggle {
    padding: 17px;
    margin: -70px 0 0;
    margin-right: 30px;
    background-color: #fff;
    border: 2px solid #00C9EA;
    border-radius: 10px;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #00C9EA;
  }
  ul.dropdown-menu {
    padding: 0;
  }
  .head_mid .navbar-nav > li {
    display: block;
    float: none;
    text-align: center;
  }
  .navbar-inverse .navbar-nav > li > a {
    padding: 4px 0;
    font-size: 16px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    text-align: center;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #fff;
    margin: 10px 0 0;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #00C9EA;
    /*margin-right: 30px;*/
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
  }

  .head_top_box ul li a {
    font-size: 16px;
    padding: 0;
  }
  .head_right .main_btn1 {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
  }
  .h_banner {
    padding: 55px 0;
  }
  .ban_left {
    margin: 0;
  }
  .ban_left h1 {
    font-size: 50px;
    line-height: 65px;
  }
  .ban_left p {
    margin: 10px 0 20px;
    font-size: 15px;
    line-height: 26px;
  }

  .ban_left ul li {
    display: block;
    margin: 5px 0 0;
  }
  .ban_left .main_btn1 {
    width: 100%;
    text-align: center;
  }
  .ban_right {
    margin: 30px 0 0;
  }
  .s1_box {
    width: 100%;
    text-align: center;
  }
  .s2_box {
    padding: 10px;
    border: 2px solid #303030;
    border-radius: 5px;
    margin: 10px 0;
  }
  .s2:last-child .s2_box {
    border: 2px solid #303030;
  }
  .s3_mid ul.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .s3_mid {
    margin: 0 0 30px;
  }
  .s3_bright {
    margin: 20px 0 0;
  }
  .s3_bright h3 {
    font-size: 18px;
  }
  .s4_box {
    height: auto;
  }
  .s4_box h3 {
    margin: 10px 0 10px;
    font-size: 20px;
  }
  .h_sec5.sec {
    padding: 0 0 30px;
  }

  .s5_box {
    text-align: center;
  }

  .s5_box h3 {
    font-size: 22px;
  }
  .s5_box h4 {
    font-size: 59px;
  }
  .foot_top {
    padding: 30px 0;
  }
  .foot_box p {
    margin: 0;
    font-size: 15px;
  }
  .foot_box h3 {
    font-size: 18px;
    margin: 20px 0 0;
    padding: 0 0 10px;
  }

  /*--------------------------------------------------------------------------------------*/
  .inner_page_banner {
    padding: 30px 0 30px;
  }
  .inner_page_banner h3 {
    font-size: 26px;
  }
  .terms_section {
    padding: 30px 0;
  }
  .terms_section_form {
    width: 100%;
    margin: 0;
  }
  .terms_section_form h2 {
    font-size: 30px;
  }
  .modal-dialog {
    max-width: 300px;
    margin: 70px auto 0;
  }
  .pop_heading h5 {
    font-size: 10px;
    margin: 0;
    border-left: none;
    padding: 0 0 0 30px;
  }
  .pop_heading h4 {
    font-size: 12px;
  }
  .pop_heading {
    padding: 0;
  }
  .pop_heading h2 {
    margin: 40px 0 10px;
  }

  .modal-body p {
    display: none;
  }
  #CaptchaDiv0 {
    width: 100%;
  }
  .capbox-inner0 {
    width: 100%;
    margin: 0 0 0 0px;
  }
  #CaptchaInput0 {
    width: 57px;
    margin: 1px 0px 1px 0;
  }
  button.cont_but {
    width: 100%;
  }
  .s3_top p {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .sec4_bot ul {
    display: flex;
    list-style: none;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
  }
  .logo img {
    width: 50%;
  }
  button.navbar-toggle {
    padding: 12px;
    margin: -39px 0 0;
    margin-right: 15px;
  }
  .ban_left h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .s3_top h2 {
    font-size: 24px;
  }
  .s3_top p {
    font-size: 15px;
  }
}

@media screen and (max-width: 414px) {
  button.navbar-toggle {
    padding: 12px;
    margin: -38px 0 0;
    background-color: #fff;
    margin-right: 5px;
  }
}

/*==========================WA================*/

.whatsapp-fixed {
  position: fixed;
  bottom: 35px;
  left: 35px;
  z-index: 9;
}

.btn-whatsapp {
  background-color: #30bf39;
  color: #fff;
  border-radius: 100%;
  transition: background-color 0.5s;
  width: 60px !important;
  height: 60px !important;
  line-height: 70px;
  position: relative !important;
  display: block;
  transform: none !important;
  z-index: 9;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
    0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
    0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}

.btn-whatsapp:hover {
  background-color: #53ca5b;
}

.whatsapp-fixed a.video-vemo-icon.btn-whatsapp i {
  font-size: 32px;
  z-index: 10;
  color: #fff;
  animation: sm-shake-animation linear 1.5s infinite;
  animation-delay: 3s;
}

.rs-video .animate-border .video-vemo-icon:before {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.rs-video .animate-border .video-vemo-icon:after {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  opacity: 0;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.btn-whatsapp:after,
.btn-whatsapp:before {
  border: 2px solid #30bf39 !important;
  width: 130px !important;
  height: 130px !important;
}

.sm-red-dot {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  background: red;
  transform: scale(0);
  border-radius: 50%;
  animation-name: notificationPoint;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  animation-delay: 3s;
}

.quick-message {
  position: absolute;
  bottom: 4px;
  left: 88px;
  width: max-content;
  border-radius: 0;
  background: #393b39;
}

.line-up {
  opacity: 0;
  animation-name: anim-lineUp;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  animation-delay: 5s;
}

.quick-message p {
  line-height: 40px;
  font-size: 15px;
  padding: 4px 16px;
  height: 40px;
  position: relative;
  color: #fff;
  margin: 0;
}

#hover-message {
  display: none;
}

.whatsapp-fixed:hover #hover-message {
  display: block;
}

@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}

@keyframes sm-shake-animation {
  0% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  25% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  35% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }
  45% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }
  55% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }
  65% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }
  75% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  100% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
}

@keyframes notificationPoint {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes anim-lineUp {
  from {
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #09698b;
}