@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');
body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; margin-bottom:0px;}
b, strong {
  font-weight: 600;
}
p{
    font-family: 'Poppins', sans-serif;
    font-size: 14px ;
    font-weight: 300 ;
    margin-bottom: 0px;
    color: #474747 ;
}
html {
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
  border: none;
}
a {
  text-decoration: none;
  outline: none !important;
  color: #45a1c8;
  font-size: 14px;
 
}
.btn {
    padding: 10px 32px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s;
}
.btn.btn-primary{
    background: rgb(20,91,106);
    background: linear-gradient(90deg, rgba(20,91,106,1) 0%, rgba(98,191,230,1) 0%, rgba(37,129,169,1) 100%);
    color: #ffffff;
}
.btn.btn-primary:hover{
    background: rgb(20,91,106);
    background: linear-gradient(90deg, rgba(20,91,106,1) 0%, rgba(37,129,169,1) 0%, rgba(98,191,230,1) 100%);
}
.btn.btn-custom {
    background: #ffffff;
    color: #40a7d3;
    border: 1px solid #40a7d3;
}
.btn.btn-custom:hover{
    background: #40a7d3;
    color: #ffffff;
}
.btn.btn-whight{
    color: #000000;
    background: #ffffff;
    border-color: #ffffff;
}
.btn.btn-whight:hover{
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}
label{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
}
.form-group{
    position: relative;
}
.loginarea .form-group .btn-view{
   top: 40px;  
}
.form-group .btn-view {
    position: absolute;
    top: 8px;
    right: 25px;
    font-size: 24px;
    color: #999999;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 0;
}
.form-control {
    height: 50px;
    transition: 0.5s;
    border-radius: 30px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #878787;
    outline: none;
    padding: 10px 20px;
}
select.form-control{
    color: #000000;
}
.form-control::placeholder{
  color: #000000;
  font-size: 16px;
  font-weight: 300;
}
.form-control:focus{
  box-shadow: none;
  border-color: #000000;
}
textarea.form-control{
  height: 126px;
}
a:hover {
  text-decoration: none;
  color: #1363e8;
}
h3.h3{
  position: relative;
  padding: 0 0 20px;
  margin: 0 0 0;
  text-align: center;
  color: #101b22;
  font-size: 60px;
  font-weight: 700;
}
h3.h3:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 211px;
  height: 16px;
  margin: 0 auto;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/sape1.png);
}
::-moz-selection{ background-color:#3f9cc4; color:#fff;}
::selection{ background-color:#3f9cc4; color:#fff;}
.row-0{margin-left:-0px; margin-right:-0px;}
.row-0 .col,
.row-0 [class^="col-"]{padding-left:0px; padding-right:0px;}

.row-7{margin-left:-7px; margin-right:-7px;}
.row-7 .col,
.row-7 [class^="col-"]{padding-left:7px; padding-right:7px;}
/*---*/
.row-15{margin-left:-30px; margin-right:-30px;}
.row-15 .col,
.row-15 [class^="col-"]{padding-left:30px; padding-right:30px;}
.main_area{
  padding: 90px 0px;
}
/*header CSS
--------------------------------------------------------------------------------------------------*/
.header_area .btn {
    font-weight: 400;
}
.header_area {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 91;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    padding: 7px 0;
    background: #fff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
}
.header_area .logobox {
    float: left;
    margin: 0;
    width: 100%;
    max-width: 146px;
}
.header_area .logobox img{
  width: 100%;
  object-fit: cover;
}
.header_area .header_area_right {
    float: right;
    padding: 9px 0;
}

.header_area_right .header_search_box {
  padding: 25px 0 0;
  text-align: right;
}
.header_area_right .header_search_box ul.list {
  padding: 0 0;
  margin: 0 25px 0 0;
  display: inline-block;
}
.header_area_right .header_search_box ul.list li {
    list-style: none;
    padding: 0 0;
    margin: 0 15px 0 0;
    display: inline-block;
}
.header_area_right .header_search_box ul.list li:last-child{
  margin: 0 0 0 0;
}
.header_area_right .header_search_box ul.list li a.search{
  position: relative;
}
.header_area_right .header_search_box ul.list li a.search .number{
  position: absolute;
  top: 0;
  right: -12px;
  width: 18px;
  height: 18px;
  background: #fad05a;
  box-sizing: border-box;
  border-radius: 50%;
  padding: 2px 2px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_area_right .header_search_box select.select_language {
  text-transform: capitalize;
  font-size: 15px;
  padding: 3px 3px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
}
.menu {
  float: left;
}
.menu ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.menu ul li {
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  position: relative;
  margin-left: 40px;
}
.menu ul li:first-child {
  margin-left: 0;
}
.menu ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    padding: 20px 0;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.menu ul li:hover a:after{ width: 100%; }
.menu ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background-color: #fad05a;
    z-index: 1;
     transition: all ease-in-out 0.5s; 
     -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s; 
      -o-transition: all ease-in-out 0.5s; 
      -ms-transition: all ease-in-out 0.5s; 
      -khtml-transition: all ease-in-out 0.5s;
}
.menu ul li.active a {
  color: #fad05a;
  
 
}
.menu ul li.active a:after{ width: 100%; }
.menu ul li:hover a {
  color: #fad05a;
 
}
.menu ul li:hover ul li:hover {
  background-color: #008e48;
}
.menu ul li:hover ul li a {
  color: #fff;
}
.menu ul li:hover ul li a:hover {
  color: #fff;
}
.menu ul li ul {
  width: 200px;
  display: none;
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: left;
}
.menu ul li:last-child ul {
  width: 190px;
  display: none;
  position: absolute;
  top: 50px;
  left: auto;
  right: 0;
  z-index: 2;
  background-color: #132f70;
  text-align: left;
}
.menu ul li ul li a {
  font-size: 16px;
  text-transform: none;
}
.menu ul li ul li ul {
  top: 10px;
  left: 149px;
}
.menu ul li ul li span {
  right: 7px;
  top: 12px;
}
.menu ul li a:hover.menu ul li ul {
  display: block;
}
.menu ul li ul li {
  display: block;
  padding: 6px 15px;
  border-bottom: 1px dashed #ccc;
  border-right: none;
}
.menuButton {
  width: 35px;
  height: 35px;
  border: 0px solid #333;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 5px;
  float: right;
  display: none;
}
.menuButton span {
  width: 100%;
  height: 3px;
  background: #ed1c24;
  margin-bottom: 6px;
  float: left;
  transition: all 0.3s ease-in-out 0s;
}
.menuButton span:last-child {
  margin-bottom: 0;
}
.menu ul li:hover ul li a {
  color: #fff;
  border-bottom: none;
  padding-bottom:5px;
}
.menu ul li ul li:last-child {
  border-bottom:none;
}
@media (min-width:992px) {
 .menu ul {
 display: block!important;
}
 .menu ul li > ul {
 display: none!important;
}
 .menu ul li:hover > ul {
 display: block!important;
}
}
@media (max-width:991px) {
 .menuButton {
 display: block;
 margin-left: 15px;
 cursor: pointer;
}
 .menu ul li span {
 background: url(../images/menu_arrow_hover.png) center center no-repeat;
 cursor: pointer;
 width: 15px;
 height: 15px;
 position: absolute;
 right: 15px;
 top: 20px;
 z-index: 99;
}
 .menu ul li:hover span {
 background: url(../images/menu_arrow_hover.png) center center no-repeat;
}
 .arrow_change span:nth-child(2) {
 display: none;
}
 .arrow_change span:first-child {
 position: relative;
 top: 9px;
 transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}
 .arrow_change span:last-child {
 position: relative;
 top: 1px;
 transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}
 .menuBar {
 padding: 15px 0;
}
 .menu {
 padding: 10px 0;
}
 .menu ul {
 display: none;
 background-color: #fff;
 position: absolute;
 top: 45px;
 left: 0;
 width: 100%;
 z-index: 99;
}
 .menu ul li a {
 color: #fff;
 display: block;
 width: 100%;
 font-size: 20px;
}
 .menu ul li ul {
 display: none;
 background-color: rgba(0.0.0.0.7);
 position: relative;
 top: 5px;
 left: 0;
 width: 100%;
 z-index: 1;
}
 .menu ul li:last-child ul {
 display: none;
 background-color: #3958a1;
 position: relative;
 top: 5px;
 left: 0;
 width: 100%;
 z-index: 1;
}
 .menu ul li {
 display: block;
 padding: 8px 15px 8px 40px;
 border-top: 1px solid #ccc;
 text-align: left;
 position: relative;
}
 .menu ul li span {
 position: absolute;
 right: 15px;
 top: 14px;
 z-index: 99;
 cursor: pointer;
}
 .menu ul li ul li ul {
 top: 0;
 left: 0;
}
 .menu ul li ul li a {
 font-size: 16px;
 text-transform: none;
 background-color: transparent;
 padding: 10px 15px;
}
}

@media screen and (min-width: 320px) {
  .header_area.fix {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index:99;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    min-height: auto;
    background: #fff;
    padding:0;
    border: none;
  }
  .header_area.fix .logobox {
    max-width: 140px;
    margin: 2px 0;
  }
  .header_area.fix .logobox img {
    max-width: 100%;
    height: auto;
  }
  .header_area.fix .header_area_right ul {
   
  }
  .header_area.fix .menu ul li a {
    padding: 32px 0;
    font-size: 15px;
  }
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }


.header_area.fix .header_area_right .header_search_box {
    display: none;
}


}


/*--------- footer area start ---------*/
.footer_area {
    padding: 50px 0px 0px;
    border-top: 1px solid rgb(0 0 0 / 5%);
}
.footer_area .footer_logo {
    width: 100%;
    max-width: 164px;
    margin: 0 auto 20px;
}
.footer_area .footer_logo img{
    width: 100%;
    object-fit: cover;
}
ul.footer_social{
    padding: 0 0;
    margin: 0 0;
    list-style: none;
    text-align: center;
}
ul.footer_social li{
    display: inline-block;
    margin: 0 0 0 0;
    transition: 0.5s;
}
ul.footer_social li:hover{
    transform: translate(0, -5px);
}
.footer_area .footer{}
.footer_area .footer h3{
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 15px;
}
.footer_area .footer h3 strong{
    color: #4cadd7;
    font-weight: 500;
}
.footer_area .footer ul{
    padding: 0 0;
    margin: 0 0;
}
.footer_area .footer ul li{
    padding: 0 0;
    margin: 0 0 12px;
    list-style: none;
}
.footer_area .footer ul li a{
    color: #434343;
    font-size: 16px;
    font-weight: 400;
    transition: 0.5s;
}
.footer_area .footer ul li a:hover{
    color: #4cadd7;
}
.footer_area .footer p{
    padding: 0 0;
    margin: 0 0 15px;
    color: #434343;
    font-size: 15px;
    font-weight: 400;
}
.footer_area .footer .form-control{
    border-radius: 30px;
    padding: 10px 20px;
}
.footer_area .footer .form-control::placeholder{
    font-weight: 400;
    font-style: italic;
}
.footer_area .copyright {
    margin: 40px 0 0;
    padding: 20px 0px;
   
    background: #e9e9e9;
}
.footer_area .copyright p{
    padding: 0 0;
    margin: 0 0;
    color: #434343;
    font-size: 16px;
    font-weight: 400;
}
.footer_area .copyright p a{
    color: #55acee;
}

.footer_area .copyright h6 a{
    color: #434343;
	font-size: 16px;
}
.footer_area .copyright p a:hover{
    text-decoration: underline;
}
/*--------- footer area stop ---------*/

/*----------- choose account area start ------------*/
.choose_account_area {
    padding: 30px 0px 40px;
}
.choose_account_area .choose_account_body {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0;
    padding: 0;
    box-shadow: none;
    box-sizing: border-box;
    max-width: 790px;
}
.choose_account_area .choose_account_body h1 {
    text-align: center;
    padding: 0 0 15px;
    margin: 0 0 20px;
    color: #0f111c;
    font-size: 30px;
    font-weight: 500;
    position: relative;
}
.choose_account_area .choose_account_body h1 strong{
    color: #5ab6de;
    font-weight: 400;
}
.choose_account_area .choose_account_body h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 75px;
    height: 2px;
    margin: auto;
    background: #5ab6de;
    border-radius: 30px;
}
.choose_account_box {
    padding: 20px 20px;
    margin: 0 0 20px;
    width: 100%;
    max-width: 458px;
    text-align: center;
}
.choose_account_box h3{
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    padding: 0 0;
    margin: 0 0;
}

.choose_account_type {
    margin: 0 0 20px;
}
.choose_account_type label {
    cursor: pointer;
    width: 100%;
}
.choose_account_type label input[type="radio"]{
    display: none;
}
.choose_account_type label span {
    width: 100%;
    height: 200px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #b4b4b4;
    transition: 0.5s;
    position: relative;
    margin: auto;
    max-width: 350px;
}
.choose_account_type label span img{
    object-fit: contain;
}
.choose_account_type label span .icon {
    position: absolute;
    top: -20px;
    left: -20px;
    display: none;
    transition: 0.5s;
    max-width: 44px;
}
.choose_account_type label input[type="radio"]:checked ~ span {
    border: 2px solid #5fbae0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
.choose_account_type label input[type="radio"]:checked ~ span .icon{
    display: block;
}

.choose_account_area .choose_account_body h2 {
    text-align: center;
    padding: 0 0 0;
    margin: 0 0 14px;
    color: #0f111c;
    font-size: 34px;
    font-weight: 400;
    position: relative;
}
.mt-5, .my-5 {
    margin-top: 2rem !important;
}
.choose_account_area .choose_account_body h2 strong{
    color: #5ab6de;
    font-weight: 400;
}
.choose_account_area .choose_account_body h3 {
    text-align: center;
    padding: 0 0 0;
    margin: 0;
    color: #323232;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}
.choose_account_area .btn {
    padding: 9px 20px;
    font-size: 18px;
    margin: 5px!important;
}
.choose_account_area .choose_account_body p {
    color: #323232;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 20px!important;
    text-align: left;
}

.choose_account_area .choose_account_body .form_area{
    width: 100%;
    max-width: 460px;
    margin: 0 auto 0;
    padding: 30px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #d5d5d5;
}
.choose_account_area .choose_account_body .form_area .error_message {
    padding: 15px 30px 15px 15px;
    border-radius: 10px;
    position: relative;
    border: 1px solid #4eabd2;
    font-size: 15px;
    font-weight: 400;
    color: #4eabd2;
    margin: 0 0 20px;
}
.choose_account_area .choose_account_body .form_area .error_message .btn-cross{
    position: absolute;
    top: 7px;
    right: 10px;
    color: #4eabd2;
    background: transparent;
    border: none;
    padding: 0 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
}
.choose_account_body .signin_img{
    width: 100%;
    max-width: 450px;
    margin: 0 auto 30px;
}
.choose_account_body .signin_img img{
    width: 100%;
    object-fit: cover;
}
a.forgot_password{
    color: #45a1c8;
    font-size: 14px;
    font-weight: 500;
}
a.forgot_password:hover{
    text-decoration: underline;
}

.choose_account_body h5 {
    color: #323232;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    margin: 30px 0 0;
}
.choose_account_body h5 a{
    color: #45a1c8;
    font-weight: 400;
}
.choose_account_body h5 a:hover{
    text-decoration: underline;
}

.sign_up_school_left, .sign_up_school_left p{text-align: center !important;}
.sign_up_school_left img {
    width: 100%;
    object-fit: cover;
    margin: 0 0 20px;
    max-width: 330px;
}
.sign_up_school_left p {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #323232 !important;
    margin: 0 0 20px !important;
    line-height: 30px;
}
.sign_up_school_left p a{
    color: #45a1c8;
    font-size: 17px;
}
.sign_up_school_left p a:hover{
    text-decoration: underline;
}
.sign_up_school_right {
    padding: 30px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #878787;
}
/*----------- choose account area stop ------------*/

/*------------ post job area start ------------*/
.post_job_area{
    
    position: relative;
    overflow: hidden;
    padding: 40px 0px;
	background: #5eb5da;
text-align: center;
}
.post_job_area:before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1424px;
    height: 363px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/sape1.png);
	display:none;
}
.post_job_body {
    position: relative;
    z-index: 1;
    padding: 35px 0;
}
.post_job_body ul{
    padding: 0 0;
    margin: 0 0;
}
.post_job_body ul li {
    list-style: none;
padding: 0 0 0 0px;
margin: 0 0 10px;
color: #ffffff;
font-size: 43px;
font-weight: 300;
position: relative;
line-height: 50px;
}
.post_job_body ul li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/check.png);
	display:none;
}

.join_now_area .btn-whight{padding: 15px 70px;
font-size: 18px;
margin-top: 15px;
background:#065b80;

font-weight: 400;
color: #fff;
letter-spacing: 1px;}
.join_now_area .btn-whight:hover{background:#065b80;}
/*------------ post job area stop ------------*/

/*---------- how schooped area start ----------*/
.how_schooped_area{
    text-align: center;
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}
.how_schooped_area:after {
    content: '';
    position: absolute;
    top: 95px;
    right: -75px;
    width: 166px;
    height: 333px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sape2.png);
}
.how_schooped_area h2 {
    padding: 0 0;
    margin: 0 0 30px;
    color: #0f111c;
    font-size: 48px;
    font-weight: 300;
}
.how_schooped_area h2 strong{
    color: #5ab6de;
    font-weight: 500;
}
.how_schooped_area .nav-tabs {
    border: none;
    text-align: center;
    display: block;
    margin: 0 0 30px;
}
.how_schooped_area .nav-tabs .nav-item {
    margin-bottom: 0;
    display: inline-block;
    margin: 0 10px 0 0;
}
.how_schooped_area .nav-tabs .nav-link {
    border: 1px solid #616060;
    display: inline-block;
    font-size: 18px;
    padding: 10px 50px;
    border-radius: 30px;
    color: #616060;
}
.how_schooped_area .nav-tabs .nav-link.active{
    border-color: #5ab6de;
color: #fff;
background: #5ab6de;
}
.how_schooped_box{
    text-align: center;
}
.how_schooped_box .img_box{
    margin: 0 auto 25px;
    width: 98px;
    height: 108px;
    transition: 0.5s;
}
.how_schooped_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.how_schooped_box:hover .img_box{
    transform: translate(0, -5px);
}
.how_schooped_box h4{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0;
    margin: 0 0;
    color: #000000;
    font-size: 21px;
    font-weight: 400;
}
/*---------- how schooped area stop ----------*/

/*------------ best talent area start ------------*/
.best_talent_area{
    padding: 20px 0px;
    position: relative;
    overflow: hidden;
}
.best_talent_area .sape1{
    position: absolute;
    bottom: 0;
    left: 0;
}
.best_talent_area .best_talent_img{}
.best_talent_area .best_talent_img img{
    width: 100%;
    object-fit: cover;
}
.best_talent_area .best_talent_contain {
    padding: 0px 0;
}
.best_talent_area .best_talent_contain h3 {
    font-weight: 300;
    font-size: 48px;
    color: #000000;
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 20px;
	line-height: 60px;
}
.best_talent_area .best_talent_contain h3 strong{
    color: #2b87af;
    font-weight: 500;
}
.best_talent_area .best_talent_contain h3:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 92px;
    height: 3px;
    border-radius: 50px;
    background: #5ab6de;
}
.best_talent_area .best_talent_contain p{
    color: #363535;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px;
}
.best_talent_area .best_talent_contain p strong{
    font-weight: 500;
    font-size: 30px;
}
.best_talent_area .best_talent_contain p:last-child{
    margin: 0 0 0;
}

.best_talent_area .best_talent_contain ul{ padding:0px; margin:0px; list-style: none;}
.best_talent_area .best_talent_contain ul li{position: relative;padding: 0 0 0 30px;margin: 0 0 10px;}
.best_talent_area .best_talent_contain ul li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/check2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

/*------------ best talent area stop ------------*/

.post_job_area.join_now_area:before{
    display: none;
}
.post_job_area.join_now_area:after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1424px;
    height: 363px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/sape4.png);
	display:none;
}
.post_job_area.join_now_area .post_job_body{
    padding-left: 0px;
padding: 0px;
}

.order_area:nth-of-type(2n) .order_left{
    order: 2;
}
.order_area:nth-of-type(2n) .order_right{
    order: 1;
}
.best_talent_area .order_area{
    margin: 0 0 20px;
}
.best_talent_area .order_area:last-child{
    margin: 0 0 0;
}
.best_talent_area .sape2 {
    position: absolute;
    top: 35%;
    right: 0;
}
.best_talent_area .sape3 {
    position: absolute;
    top: 0;
    left: -75px;
}

/*--------- banner area start --------*/
.banner_area {
    position: relative;
    overflow: hidden;
    height: 500px;
    padding: 50px 0 0;
}
.banner_area:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 840px;
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/banner-sape.png);
}
.banner_area .banner_image{}
.banner_area .banner_image img{
    width: 100%;
    object-fit: cover;
}
.banner_area .banner_form{
    margin: 0 0 0px;
}
.banner_area .banner_form:nth-child(1) {
    padding: 20px 0 0;
}
.banner_area .banner_form h1, .banner_area .banner_form h2{
    font-size: 48px;
    font-weight: 300;
    margin: 25px 0px 0px;
    color: #0f111c;
}
.banner_area .banner_form h1 strong, .banner_area .banner_form h2 strong{
    color: #3f9cc4;
    font-weight: 500;
}
.banner_area .banner_form p {
    color: #363535;
	font-size: 17px;
	font-weight: 300;
	margin: 0 0 0px;
	line-height: 28px;
}
.banner_area .banner_form .form-control{
    border-color: #5ab6de;
}
.banner_area .banner_form .form-group .btn-arrow{
    position: absolute;
    top: 12px;
    right: 15px;
    outline: none;
    background: none;
    border: none;
    padding: 0 0;
    cursor: pointer;
}

.banner_area .btn-custom i{font-size: 25px;
position: absolute;
right: 20px;
top: 10px;}

.banner_area .btn-custom{color: #3f9cc4;
width: 75%;
border-radius: 0px;
padding: 12px 20px;text-align: left;position: relative;}
.banner_area .btn-custom:hover{background: rgb(20,91,106);
background: linear-gradient(90deg, rgba(20,91,106,1) 0%, rgba(37,129,169,1) 0%, rgba(98,191,230,1) 100%);
color: #fff;}

/*--------- banner area stop --------*/

/*----------- inner banner area start ------------*/
.header_area .logobox.logobox_blog {
    max-width: 338px;
    margin: 0;
}

.inner_banner_area {
    padding: 40px 0 24px;
    margin: 0 0 0;
    background-color: rgb(96 189 228 / 8%);
}

.inner_banner_area h1 {
    padding: 0 0;
    margin: 0 0 10px;
    color: #0f111c;
    font-size: 40px;
    font-weight: 400;
}

.inner_banner_area h1 strong {
    font-weight: 300;
    color: #5ab6de;
}

.inner_banner_area ul.breadcrumb {
    border-radius: 0px;
    background: transparent;
    padding: 0 0;
}

.inner_banner_area ul.breadcrumb li {
    position: relative;
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
    font-size: 17px;
    font-weight: 400;
    color: #5ab6de;
}

.inner_banner_area ul.breadcrumb li:after {
    content: "/";
    position: absolute;
    top: 1px;
    right: -5px;
    font-size: 17px;
    font-weight: 400;
    color: #0f111c;
}

.inner_banner_area ul.breadcrumb li:last-child:after {
    display: none;
}

.inner_banner_area ul.breadcrumb li:last-child {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.inner_banner_area ul.breadcrumb li a {
    font-size: 17px;
    font-weight: 400;
    color: #0f111c;
}

.inner_banner_area ul.breadcrumb li a:hover {
    text-decoration: underline;
}

/*----------- inner banner area stop ------------*/

/*---------- topics area start ----------*/
.topics_area {
    padding: 50px 0px 90px;
}

.topics_area .topics_body {
    width: 100%;
    max-width: 945px;
    margin: 0 auto;
}

.topics_area h2 {
    text-align: center;
    position: relative;
    color: #57b4db;
    font-size: 48px;
    font-weight: 300;
    padding: 0 0 15px;
    margin: 0 0 50px;
}

.topics_area h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    width: 70px;
    height: 3px;
    background: #57b4db;
    margin: 0 auto;
}

.topics_box {
    position: relative;
    min-height: 70px;
    background: #e6f8ff;
    border: 1px solid #b3dbeb;
    border-radius: 50px;
    box-sizing: border-box;
    margin: 0 0 20px;
    cursor: pointer;
}

.topics_box:last-child {
    margin: 0 0 0;
}

.topics_box h3 {
    padding: 20px 30px 20px 85px;
    margin: 0 0;
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.topics_box h3 strong {
    float: right;
    font-weight: 400;
}

.topics_box .number_tag {
    position: absolute;
    top: 8px;
    left: 8px;
    border: 1px solid #b3dbeb;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #379fcb;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 10px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    transition: 0.5s;
}

.topics_box:hover .number_tag {
    background: #b3dbeb;
    color: #ffffff;
}

.header_area .header_area_right .blog_search {
    width: 100%;
    max-width: 216px;
    position: relative;
    box-sizing: border-box;
    float: right;
    margin: 0 0 0 15px;
}

.header_area .header_area_right .blog_search .form-control {
    width: 100%;
    height: 42px;
    border: 2px solid #b3dbeb;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    box-sizing: border-box;
    border-radius: 30px;
    padding-left: 40px;
}

.header_area .header_area_right .blog_search .form-control:focus {
    border-color: #000000;
}

.header_area .header_area_right .blog_search .form-control::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.header_area .header_area_right .blog_search .btn-search {
    position: absolute;
    top: 3px;
    left: 10px;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    color: #000000;
    font-size: 25px;
    font-weight: 400;
}

/*---------- topics area stop ----------*/

/*-------------- career area start --------------*/
.career_area {
    padding: 50px 0px 90px;
}

.career_area .career_first_div {
    width: 100%;
    max-width: 1005px;
    margin: 0 auto 100px;
}

.career_area .you_smart_box {}

.career_area .you_smart_box h2 {
    color: #0f111c;
    font-size: 48px;
    font-weight: 300;
    margin: 0 0 40px;
}

.career_area .you_smart_box h2 strong {
    font-weight: 300;
    color: #5ab6de;
}

.career_area .you_smart_box .linkedinsocialbox {}

.career_area .you_smart_box .linkedinsocialbox img {
    width: 100%;
    object-fit: cover;
}

.career_area .join_team_box {
    padding: 0 0 0 30px;
}

.career_area .join_team_box h3 {
    position: relative;
    padding: 0 0 10px;
    color: #0f111c;
    font-size: 48px;
    font-weight: 300;
    margin: 0 0 20px;
}

.career_area .join_team_box h3 strong {
    color: #5ab6de;
    font-weight: 300;
}

.career_area .join_team_box h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 3px;
    border-radius: 30px;
    box-sizing: border-box;
    background: #5ab6de;
}

.career_area .join_team_box p {
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 20px;

}

.career_area .join_team_box p strong {
    color: #5ab6de;
    font-weight: 400;
}

.career_area .join_team_box a.social_link {
    display: block;
    position: relative;
    padding: 15px 55px;
    font-size: 16px;
    font-weight: 400;
    color: #40a7d3;
    border: 1px solid #40a7d3;
    background: #ffffff;
    border-radius: 30px;
    box-sizing: border-box;
    transition: 0.5s;
}

.career_area .join_team_box a.social_link:before {
    content: "\f278";
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    top: 14px;
    left: 30px;
}

.career_area .join_team_box a.social_link:hover {
    background: #40a7d3;
    color: #ffffff;
}

.career_area .why_work_area {}

.career_area .why_work_area h4 {
    text-align: center;
    padding: 0 0 10px;
    margin: 0 0 30px;
    font-size: 48px;
    font-weight: 300;
    color: #0f111c;
    position: relative;
}

.career_area .why_work_area h4 strong {
    font-weight: 300;
    color: #5ab6de;
}

.career_area .why_work_area h4:after {
    content: '';
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    width: 80px;
    height: 3px;
    background: #5ab6de;
}

.why_work_main_box {}

.why_work_main_box .why_work_body_box {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    padding: 20px 20px;
    margin: 0 0 30px;
}

.why_work_body_box .spae {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 178px;
    height: 178px;
    background: #59b5dd;
    clip-path: polygon(100% 0, 0% 100%, 0 0);
}

.why_work_body_box .spae2 {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 178px;
    height: 178px;
    background: #59b5dd;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.why_work_body_box .why_work_box {
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    padding: 45px 30px 30px;
    position: relative;
    background: #ffffff;
    z-index: 1;
	min-height: 255px;
}

.why_work_body_box .why_work_box img.img_icon {
    object-fit: contain;
    margin: 0 0 20px;
    transition: 0.5s;
}

.why_work_body_box .why_work_box:hover img.img_icon {
    transform: translate(0, -5px);
}

.why_work_body_box .why_work_box h5 {
    padding: 0 0;
    margin: 0 0 10px;
    color: #5ab6de;
    font-size: 22px;
    font-weight: 500;
}

.why_work_body_box .why_work_box p {
    font-size: 15px;
    font-weight: 400;
    color: #2c2c2c;
    margin: 0 0 15px;
    line-height: 25px;
}

.why_work_body_box .why_work_box p:last-child {
    margin: 0 0 0;
}

/*-------------- career area stop --------------*/

/*---------- about area start -----------*/
.about_area {
    padding: 70px 0;
    overflow: hidden;
    position: relative;
}

.about_area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/sape7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.about_box {
    text-align: center;
    margin: 0 0 50px;
}

.about_box:last-child {
    text-align: center;
    margin: 0 0 0;
}

.about_box h3 {
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 30px;
    color: #0f111c;
    font-size: 48px;
    font-weight: 400;
}

.about_box h3 strong {
    font-weight: 400;
    color: #5ab6de;
}

.about_box h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 3px;
    background: #5ab6de;
}

.about_box p {
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px;
	text-align: left;
}

.about_box p:last-child {
    margin: 0 0 0;
}

.about_box p strong {
    font-size: 30px;
    font-weight: 400;
}

/*---------- about area stop -----------*/

/*-------- Community Guidelines area start ----------*/
.community_guidelines_area {
    padding: 50px 0px 90px;
}

.community_guidelines_box p {
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 30px;
}

.community_guidelines_box p strong {
    font-size: 30px;
    font-weight: 400;
}

.community_guidelines_box ul {
    padding: 0 0;
    margin: 0 0;
}

.community_guidelines_box ul li {
    list-style: none;
    padding: 0 0 0 30px;
    margin: 0 0 15px;
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
}

.community_guidelines_box ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(../images/check2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.community_guidelines_box {
    margin: 0 0 40px;
}

.community_guidelines_box h3 {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 10px;
    margin: 0 0 20px;
    color: #0f111c;
    font-size: 40px;
    font-weight: 300;
}

.community_guidelines_box h3 strong {
    font-weight: 300;
    color: #5ab6de;
}

.community_guidelines_box h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    width: 80px;
    height: 3px;
    background: #5ab6de;
}

/*-------- Community Guidelines area stop ----------*/

/*---------- contact area start ------------*/
.contact_area {
    padding: 50px 0px 90px;
}

.contact_area .contact_contain {}

.contact_area .contact_contain img {
    width: 100%;
    object-fit: cover;
    margin: 0 0 0px;
}

.contact_area .contact_contain p {
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 0 130px;
    margin: 0 0 20px;
}

.contact_area .contact_contain h3 {
    color: #40a7d3;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 0 0;
    margin: 0 0 0;
}

.contact_form{
    border: 1px solid #d5d5d5;
    padding: 25px 25px;
    border-radius: 10px;
    box-sizing: border-box;
}
.contact_form textarea.form-control{
    border-radius: 10px;
}

/*---------- contact area stop ------------*/

/*------------ Search for “Hiring Tips” area start -------------*/
.search_for_box{
    padding: 20px 20px;
    margin: 0 0 30px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    box-sizing: border-box;
}
.search_for_box img{
    width: 100%;
    height: 216px;
    object-fit: cover;
    margin: 0 0 15px;
}
.search_for_box a.link {
    width: 100%;
    color: #3197c3;
    font-size: 16px;
    font-weight: 400;
    transition: 0.5s;
    margin: 0 0 10px;
    display: block;
}
.search_for_box a.linK:hover{
    color: #000000;
}
.search_for_box p{
    padding: 0 0;
    margin: 0 0 10px;
    color: #292929;
    font-size: 14px;
    font-weight: 400;
}
/*------------ Search for “Hiring Tips” area stop -------------*/

.blog_box_left{
    min-height: 471px;
    background: #5b9bd5;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 0 70px;
    text-align: center;
}
.blog_box_left h2 {
    padding: 60px 55px;
    border-bottom: 1px solid #8db9e2;
    font-size: 42px;
    font-weight: 300;
    color: #ffffff;
}
.blog_box_left h2 strong{
    font-weight: 400;
}
.blog_box_left p {
    color: #ffffff;
    font-size: 29px;
    font-weight: 300;
    margin: 0 0;
    padding: 45px 65px;
}
.blog_box_right{
    padding: 35px 20px;
    margin: 0 0 70px;
    text-align: center;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}
.blog_box_right h3 {
    padding: 0 0;
    margin: 0 0 15px;
    color: #5b9bd5;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}
.blog_box_right h4{
    color: #5b9bd5;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 20px;
}
.blog_box_right p{
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 20px;
}
.blog_box_right h5 {
    color: #5b9bd5;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.blog_box_right h5 i {
    font-size: 30px;
    position: relative;
    top: 5px;
}

.blog_details_heading{
    width: 100%;
    max-width: 945px;
    margin: 0 auto 25px;
    text-align: center;
}
.blog_details_heading h2{
    color: #000000;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    margin: 0 0 20px;
}
.blog_details_heading h2 strong{
    display: block;
    color: #5b9bd5;
    font-weight: 400;
}
.blog_details_heading h3{
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    margin: 0 0 35px;
}
.blog_details_heading h3 strong{
    font-weight: 400;
    color: #5b9bd5;
}
.blog_details_heading .img_box{
    
    border-radius: 10px;
}
.blog_details_heading .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_details_body{width: 100%;
    max-width: 945px;margin: 0 auto 25px;}
	
.blog_details_body h2{
  color: #000000;
  font-size: 35px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 0 15px;
}	

.blog_details_body h3{
  color: #000000;
  font-size: 30px;
  font-weight: 400;
  line-height: 38px;
  margin: 0 0 15px;
}

.blog_details_body h4{
  color: #000000;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
  margin: 0 0 15px;
}
	
	
.blog_details_body p{
    text-align: justify;
    color: #121212;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 30px;
}

.blog_details_body p a{font-size: 17px;
    font-weight: 400;}

.blog_details_body p strong{
    font-size: 17px;
	line-height: 32px;
}

.blog_details_body .tag_box{
    margin: 60px 0 40px;
}

.blog_details_body .tag_box h3{
    position: relative;
    box-sizing: border-box;
    padding: 0 0 10px;
    margin: 0 0 30px;
    color: #0f111c;
    font-size: 48px;
    font-weight: 400;
}
.blog_details_body .tag_box h3 strong{
    font-weight: 400;
    color: #5ab6de;
}
.blog_details_body .tag_box h3:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    width: 80px;
    height: 3px;
    background: #5ab6de;
}
.blog_details_body .tag_box ul{
    padding: 0 0;
    margin: 0 0;
    width: 100%;
    max-width: 980px;
}
.blog_details_body .tag_box ul li {
    display: inline-block;
    margin: 0 8px 12px 0;
    padding: 10px 25px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #a0a0a0;
}

.blog_details_body .blog_details_social_box{
    text-align: center;
}
.blog_details_body .blog_details_social_box ul{
    padding: 0 0;
    margin: 0 0 40px;
}
.blog_details_body .blog_details_social_box ul li{
    display: inline-block;
    padding: 0 0;
    margin: 0 7px 0 0;
    color: #000000;
    font-size: 32px;
    font-weight: 400;
}
.blog_details_body .blog_details_social_box ul li a.social_link{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 2px solid #000000;
    font-size: 24px;
    color: #000000;
    background: #ffffff;
    transition: 0.5s;
}
.blog_details_body .blog_details_social_box ul li a.social_link:hover{
    background: #000000;
    color: #ffffff;
}
.choose_account_body.new{
    max-width: 100%;
}
.sign_up_school_left img.leftimgteacher {
    max-width: 140px;
    margin-bottom: 0;
}
.orlogonbox{}
.orlogonbox h5 {
    margin-top: 16px;
    margin-bottom: 6px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
}
.orlogonbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.orlogonbox ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 1px 0;
}
.orlogonbox ul li a {
   
}

.orlogonbox ul li a .zmdi-facebook {
    width: 34px;
    height: 34px;
    display: block;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background-color: #415a95;
}
.orlogonbox ul li a .zmdi-facebook:hover {
    background-color: #203870;
}
.orlogonbox ul li a .zmdi-google{
     width: 34px;
    height: 34px;
    display: block;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
     background-color: #de4c43;
}
.orlogonbox ul li a .zmdi-google:hover {
    background-color: #b5352d;
}
.border-popup{
    border: 1px solid #51b6e1;
}


.button{background-color: #51b6e1 !important;font-weight: bold;border-radius: 3px !important;}



.contact_area .contact_contain .media{ margin-bottom:20px;}
.contact_area .contact_contain .media span {width: 30px;height: 30px; border: 1px solid #45a1c8;border-radius: 50%;text-align: center;
  padding: 3px 0px;color: #45a1c8;font-size: 15px;margin-right: 10px;}
.contact_area .contact_contain .media-body h4{font-size: 20px;color: #252122;letter-spacing: 1px;font-weight: 400;margin-bottom: 5px;}
.contact_area .contact_contain .media-body h5 a{font-size: 16px; font-weight:500;}
#contentchart{ margin-top:20px;}  
.all-notification .notification-list-block{ position:relative;}  
.all-notification .notification-list-block .request-opt{ position:absolute; right:15px;} 
.input-group-append {margin-left: 0px;position: absolute;right: 1px;top: 1px;}  
  
  
  
.ml-lp-31 .button-block .btn-block:hover, .ml-lp-31 .button-block .btn-block:focus, .ml-lp-31 .button-block .btn-block:active, .ml-lp-31 .button-block .btn-block:active:hover{ background:#f00 !important;}  
  
  

/*--------------------faq start------------------*/
.faq{ padding-top:80px; background:#fff; position:relative;}
.faq::before { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/sape7.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}
.faqarea{width: 100%;max-width: 920px;margin: 0px auto 80px;}
.faqarea h3{font-size: 35px;color: #242021;font-weight: 400;position: relative;padding-bottom: 40px;align-items: center;display: flex;}
.faqarea h3 span{width: 80px;height: 80px;border-radius: 50%;background: #fff;box-shadow: 0px 0px 10px 0px #d3d3d3;overflow: hidden;display: inline-block;
margin-right: 15px;}
.faqarea h3 span img{width: 100%;height: 100%;object-fit: contain;}
/*.central h3:after{ position:absolute; content:""; width:45px; height:5px; background:#ee2e24; left:0px; right:0px; bottom:0px; margin:0 auto;}*/
.accordion .card{ border:none;}
.accordion{border-top: 1px solid #e6e6e6;padding-top: 6px;}
.accordion .card .card-header {border: 0;box-shadow: none;padding: 0;background: #fff;margin-bottom: 0px;}
.accordion .card {border: none;padding: 5px;}	
.accordion .card .card-body p {color: #323232;font-size: 16px;font-weight: 400;margin: 0 0 5px;}
.accordion .card .card-body .box{ text-align:left;}
.accordion .card .card-header .btn-header-link {display: block;font-size: 20px;background: #ffffff;color:#03aeef;padding: 10px 50px 15px 0px;position: relative;cursor: pointer;font-weight: 600;}
.accordion .card .card-header .btn-header-link::after {content: "\f273";font-weight: 400;font-family: 'Material-Design-Iconic-Font';position: absolute;top: 4px;right: 20px;color: #03aeef;font-size:25px;}
.accordion .card .card-header .btn-header-link.collapsed {background: #ffffff;color: #454545;border:none;margin-bottom: 0px;border-bottom: 1px solid #e6e6e6;}
.accordion .card .card-header .btn-header-link span {display: inline-block; width:95%; padding:0px 25px 0px 0px;color: #454545;}
.accordion .card .card-header .btn-header-link.collapsed:after {content: "\f278";color: #9c9c9c;position: absolute;right: 20px;top: 3px; font-size:25px;}
.accordion .card .collapsing {background: #ffffff;line-height: 30px;border: 1px solid #fff;}
.accordion .card .card-body{border-bottom: 1px solid #e6e6e6;padding: 15px 0px;}
.accordion .card .collapse.show {background: #ffffff;line-height: 30px;color: #222;box-sizing: border-box; transition:all .3s ease-in-out;}

/*------------------faq stop------------------*/  
  
  
/*---------------------book Demo start-----------------------*/  
.bookdemo h4{font-size: 15px;margin-bottom: 10px;}
.bookdemo h4 span{color: #5ab6de;font-weight: 500;}
.bookdemo h3{margin: 0 0 20px;color: #0f111c;font-size: 39px;font-weight: 400;text-transform: capitalize;line-height: 44px;}
.bookdemo h3 span{color: #5ab6de;font-weight: 500;}
.bookdemo p{color: #323232;font-size: 17px;font-weight: 400;margin: 0 0 18px;text-align: left;}
.bookdemo h6{margin: 0 0 5px;color: #0f111c;font-size: 20px;font-weight: 500;text-transform: capitalize;line-height: 30px;}
.bookdemo ul li{ margin-bottom:5px;}
.bookform{background-color: rgb(96 189 228 / 8%);padding: 30px 45px;border: 1px solid #d5d5d5;border-radius: 10px;}
.bookform form{ margin-top:20px;}