/*
** - Default CSS
** - Navbar CSS
** - Home CSS
** - Blog Details CSS
** - User CSS
** - FAQ CSS
** - Error CSS
** - Rules CSS
** - Go Top CSS
** - Preloader CSS
*/
/*----- Default CSS -----*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  background-color: #fff;
  color: #29345b;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #29345b;
  font-family: "Inter", sans-serif;
}

p {
  line-height: 1.7;
}

a {
  transition: 0.5s all ease;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}
.ptb-50 {
  padding: 50px 0;
}
.ptb-70 {
  padding: 70px 0;
}
.ptb-100 {
  padding: 100px 0;
}
.pt-30 {
  padding-top: 30px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

button:focus {
  outline: 0;
}

.btn.focus, .btn:focus {
  box-shadow: none;
}

ul {
  margin: 0;
  padding: 0;
}

.container {
  max-width: 1170px;
}

.common-btn , .feature-btn, .blog-btn{
  color: #fff !important;
background: linear-gradient(286deg, rgba(211,95,47,1) 0%, rgba(229,129,48,1) 53%);
  display: inline-block;
  padding: 8px 25px;
  border-radius: 5px;
  font-weight: 500;
  border:none;
 pointer-events: painted !important;
}


.common-btn:hover, .donate-btn:hover, .feature-btn:hover, .blog-btn:hover, .orange-btn:hover {
  color: #fff;
  background: #302c51 !important;
   cursor:pointer !important;
  
}
.center-btn{
	text-align:center;
	margin:20px 0 70px 0;
	
}

.section-title {
  text-align: center;
  margin-bottom: 35px;
  margin-top: -5px;
  position: relative;
  z-index: 1;
}
.section-title img{
	margin-bottom:20px;
}
.section-title .sub-title {
  display: inline-block;
  color: #222b48;
  margin-bottom: 10px;
  text-transform:uppercase;
  font-weight:600;
  font-size: 14px;
}
.section-title h2 {
  font-size: 34px;
  margin-bottom:10px;
      font-weight: 800;
}
.section-title p {
  margin: 0 auto 10px auto;
  font-size: 15px;
    font-weight: 500;
	    max-width: 90%;
}

/*----- Home Demo One CSS -----*/
/*-- Header --*/
.header-area {
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}
.header-area .left ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}
.header-area .left ul li:last-child {
  margin-right: 0;
}
.header-area .left ul li i {
  display: inline-block;
  color: #fff;
  font-size: 15px;
}
.header-area .left ul li a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.header-area .left ul li a:hover {
  color: #ff6015;
}
.header-area .right {
  text-align: right;
  vertical-align: middle;
}
.header-area .right ul {
  display: inline-block;
  margin-right: 20px;
}
.header-area .right ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.header-area .right ul li:last-child {
  margin-right: 0;
}
.header-area .right ul li span {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
  font-size: 14px;
}
.header-area .right ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 13px;
}
.header-area .right ul li a i {
  line-height: 30px;
}
.header-area .right ul li a:hover {
  color: #fff;
  background-color: #ff6015;
  border: 1px solid #ff6015;
}
.header-area .right .language {
  vertical-align: middle;
  display: inline-block;
}
.header-area .right .language .nice-select {
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  color: #fff;
}
.header-area .right .language .nice-select:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.header-area .right .language .nice-select ul {
  border-radius: 0;
  box-shadow: 0px 0px 20px 0px #f1f1f1;
}
.header-area .right .language .nice-select ul li {
  font-size: 15px;
  display: block;
  color: #302c51;
  margin-right: 0;
}
.header-text{
	text-align:right;
}

.header-area p {
    margin: 0;
    color: #273b82;
    line-height: 45px;
}
.header-area .right .header-search {
  display: inline-block;
  margin-top: 4px;
}
.header-search input, .header-search button{
	border-radius:0;
}
.header-search input {
    padding: 5px 20px;
	background:#f5f5f5;
	font-size: 13px !important;
}
.header-area .right .header-search #search-btn {
  padding: 0;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
  transition: 0.5s all ease;
}
.header-area .right .header-search button{
border: 1px solid #ff6015;
    background-color: #ff6015;
	
	}
.header-area .right .header-search button:hover{
  color: #fff;
background:#000 !important;
}
a.donate-btn {
    margin-right: 5px;
}
.header-area .right .header-search #close-btn {
  padding: 0;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1;
  color: #fff;
  transition: 0.5s all ease;
  font-size: 25px;
  cursor: pointer;
}
.header-area .right .header-search #close-btn:hover {
  color: #ff6015;
  transform: rotate(360deg);
}
.header-area .right .header-search #search-overlay {
  display: none;
  z-index: 999999;
}
.header-area .right .header-search .block {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.9215686275);
}
.header-area .right .header-search .block:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.header-area .right .header-search .centered {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 10px 15px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}
.header-area .right .header-search .centered #search-box {
  position: relative;
}

.search-option form{
    max-width:max-content;
    margin: 0 auto;
	display:flex;
}
div#search-box button {
background: rgb(215,104,47);
background: linear-gradient(356deg, rgba(215,104,47,1) 0%, rgba(255,122,23,1) 100%);
    margin-right: 10px;
    color: #fff;
	
}
.header-area button {
	padding: 2px 5px;
  	  line-height: 10px;
}
.header-area .right .header-search .centered #search-box form .form-control {
  height: 50px;
  border: 0;
  border-radius: 5px;
  padding-left: 20px;
}
.header-area .right .header-search .centered #search-box form .form-control:focus {
  border: 0;
  box-shadow: none;
}
.header-area .right .header-search .centered #search-box form .btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background-color: #ff6015;
  transition: 0.5s all ease;
  height: 100%;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  border-radius: 0 5px 5px 0;
}
.header-area .right .header-search .centered #search-box form .btn:hover {
  color: #fff;
  background-color: #302c51;
}

/*-- Navbar --*/
.navbar-area{
	position:relative;	
}

.navbar-light .navbar-brand .logo-two {
  display: none;
}

.main-nav {
  background: #f5f5f5;
  box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.2);
  transition: 0.5s all ease;
  padding-top: 12px;
  padding-bottom: 12px;
}
.main-nav.menu-shrink {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-nav nav {
  padding: 0;
}
.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}
.main-nav nav .navbar-nav .nav-item:hover a {
  color: #ff6015;
}

.main-nav nav .navbar-nav .nav-item a {
    text-transform: capitalize;
    color: #273b82;
    font-weight: 500;
    margin-left: 7px;
    margin-right: 7px;
    transition: 0.5s all ease;
    font-size: 15px;
}
.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a:focus, .main-nav nav .navbar-nav .nav-item a.active {
  color: #ff6015;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  background: #302c51;
  transition: 0.3s;
  border-radius: 0;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid rgba(221, 221, 221, 0.2);
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border: 0;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: 0 !important;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #fff;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  position: relative;
  font-weight: 600;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 18px;
  left: 17px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease;
  animation: rotate360 1s infinite linear;
  border: 2px solid #ff6015;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  padding-left: 30px;
  color: #fff;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover:before, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus:before, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active:before {
  opacity: 1;
  visibility: visible;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: unset;
  right: -100%;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #fff;
}
.main-nav .dropdown-toggle::after {
  display: none;
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.side-nav a {
display: inline-block;
    color: #fff;
    background: rgb(215,104,47);
background: linear-gradient(356deg, rgba(215,104,47,1) 0%, rgba(255,122,23,1) 100%);
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: 500;
}
.side-nav a i {
  display: inline-block;
  margin-left: 3px;
  font-size: 14px;
  animation: heart-beat 2s infinite linear;
}
.side-nav a:hover {
  background-color: #302c51;
}

@keyframes heart-beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/*-- Banner --*/
.banner-area {
  height: 800px;
  background-image: url("../img/banner/banner-bg1.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
}
.banner-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #302c51;
  opacity: 0.8;
}
.banner-area .banner-img {
  position: relative;
  text-align: center;
}
.banner-area .banner-img img:nth-child(1) {
  animation: border-transform-default 10s linear infinite alternate forwards;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.banner-area .banner-img img:nth-child(2) {
  position: absolute;
  bottom: -145px;
  right: 30px;
  max-width: 200px;
}

@keyframes border-transform-default {
  0%, to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
.banner-content {
  margin-top: 80px;
  max-width: 630px;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
.banner-content span {
  display: inline-block;
  font-weight: 600;
  color: #302c51;
  background-color: #fff;
  border-radius: 15px;
  padding: 5px 15px;
  margin-bottom: 25px;
}
.banner-content h1 {
  color: #fff;
  font-size: 55px;
  margin-bottom: 20px;
}
.banner-content p {
  margin-bottom: 35px;
  color: #fff;
  font-size: 18px;
}
.banner-content .banner-btn-area .banner-btn {
  margin-right: 15px;
  color: #302c51;
  background-color: #fff;
}
.banner-content .banner-btn-area .banner-btn:hover {
  color: #fff;
  background-color: #302c51;
}

.video-wrap {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.video-wrap .js-modal-btn {
  z-index: 10;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  font-size: 40px;
  text-align: center;
  color: #ff6015;
}
.video-wrap .js-modal-btn i {
  line-height: 100px;
}
.video-wrap .js-modal-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-wrap .js-modal-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
  transition: 0.5s all ease;
}
.video-wrap .js-modal-btn:hover {
  color: #fff;
}
.video-wrap .js-modal-btn:hover:before {
  background-color: #ff6015;
}
.video-wrap .js-modal-btn:hover:after {
  background-color: #ff6015;
}
.video-wrap span {
  display: inline-block;
  color: #ff6015;
  font-weight: 600;
  position: relative;
  top: -20px;
  margin-left: 25px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.switch-box{
	display:none;
}
/*-- Dream --*/
.dream-area {
  background-color: #f4f8f7;
}

.dream-item {
  margin-bottom: 30px;
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5490196078);
  border-radius: 30px 30px 0 30px;
  padding: 30px 25px 40px;
  position: relative;
  transition: 0.5s all ease;
  background-color: #fff;
}
.dream-item:hover {
  transform: translate(0, -10px);
  border-radius: 0;
}
.dream-item h3 {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.4;
}
.dream-item h3 a {
  color: #302c51;
}
.dream-item h3 a:hover {
  color: #ff6015;
}
.dream-item p {
  margin-bottom: 20px;
}
.dream-item h4 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}
.dream-item h4 span {
  color: #ff6015;
  margin-right: 3px;
}
.dream-item .sub-span {
  display: inline-block;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #302c51;
  background-color: #e5e6ff;
  border-radius: 50%;
  position: absolute;
  right: 25px;
  bottom: 35px;
  font-weight: 600;
}

/*-- About --*/
.about-area .about-img {
  margin-bottom: 30px;
  position: relative;
}
.about-area .about-img img {
  width: 100%;
  animation: border-transform-default 10s linear infinite alternate forwards;
}
.about-area .about-content {
    margin: 20px 0 0 40px;
}
.story-content h3{
	margin-bottom:15px;
	line-height: 36px;
}
.about-area .about-content .section-title {
  text-align: left;
  margin-bottom: 16px;
}
.about-area .about-content .section-title h2 {

}
.about-area .about-content .about-span {
  display: block;
  color: #302c51;
  margin-bottom: 10px;
  font-weight: 600;
}
.about-area .about-content p {
  margin-bottom: 10px;
}
.about-area .about-content ul li p {
	font-weight:600;
}
.normal-text{
	font-weight:400 !important;
}
.about-area .about-content ul li {
    list-style: none;
  
}
.permanent-staff-point li{
	  width: 48%;
    display: inline-flex;
		margin-bottom:15px;
}
.permanent-staff-point li p{
	font-weight:400 !important;
	color:#161b2b;


}
.per-point > h5{
	font-size:17px;
}
.mtb-25{
	margin:25px 0;
}
.permanent-staff-point {
    margin-top: 35px;
}
.permanent-staff-point li h5 {
    color: #273b82;
    font-size: 16px;
    font-weight: 600;

}
.permanent-staff-point li img{
	    max-width: 35px;
    height: max-content;
    margin-right: 15px;
}
.about-area .about-content ul li p span{
background:#29345b;
border-radius:100%;
padding: 1px 2px;
margin-right:5px;
}
.about-area .about-content ul li p i{
	color:#fff;
}
.about-area .about-content .about-btn-area {
  margin-top: 30px;
}
.about-area .about-content .about-btn-area .about-btn {
  background-color: #302c51;
  margin-right: 15px;
}
.about-area .about-content .about-btn-area .about-btn:hover {
  background-color: #ff6015;
}
.about-img1 img {
    border-radius: 0 50px 0 50px;
	padding:2px;
	background:#fff;
}

/*-- Feature --*/
.feature-area {
 margin-top:50px;
}
.feature-area .col-sm-6.col-lg-4, .feature-area .col-md-4, .feature-area .col-lg-3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0px;
}

.feature-item {
  margin-bottom: 30px;
  border-radius:5px;
  padding: 30px 22px 30px;
  transition: 0.5s all ease;
  background:#fff url("../img/service-box-ai.png");
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}
.feature-area.one .feature-item img {
    margin-bottom: 20px;
	    max-width: 80px;
}

.feature-item:hover {
  border-radius: 0;
  transform: translate(0, -10px);

}
.service-boxes .feature-item{
border-bottom:3px solid #fff;

}
.service-boxes .feature-item:hover{
	border-bottom: 3px solid #ff6015;
}
.feature-item h3 {
  margin-bottom: 10px;
  font-size: 17px;
}
.feature-item h3 a {
  color: #273b82;
}

.feature-item p {
  margin-bottom: 18px;
  color: #29345b;
  font-weight:500;
}
.feature-area.case-studies .feature-item {
    background-image: unset;
	box-shadow:none !important;
	padding:0;

}
.feature-area.case-studies .swiper-slide{
	    margin-bottom: 30px;
    border-radius: 5px;
    padding: 10px;
    transition: 0.5s allease;
    box-shadow: rgb(209 209 209 / 20%) 0px 2px 8px 0px;
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}
.swiper-slide .feature-item h3{
	margin:20px 0;
}
.feature-area .media {
 display: flex;
    align-items: flex-start;
    border: 1px solid #b5b5b5;
    border-radius: 0 50px 0 50px;
	    background: #fff;
		padding-bottom: 0;
}

.feature-area .media-body {
    flex: 1;
	    margin-right: 20px;
    text-align: right;
}
.feature-item .media-body p{
    color: #1e2024;
}
.case-study {
    margin-top: 0 !important;
	padding:60px 0;
}

.case-study .feature-item{
	margin-bottom:0;
}
.training-content{
	margin:20px 0 !important;
}
.training-img img{
    border-radius: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 2px;
    background: #fff;
	}

.bg-grey1{
	background:#f1f1f1;

}
.bg-grey2{
	background:#fcfbfb;
}
.bg-grey3{
	background:#f6f6f6 !important;
}
.faq-area.notes-area.bg-grey3{
	background:#f6f6f6 !important;
	margin-top:0;
	    margin-top: 0;
    padding-bottom: 0;

}
.faq-area.notes-area.bg-grey3 .faq-img {
    margin: 0 !important;
}
.bg-grey4{
	background:#fbfbfb;
}
.bg-grey5{
	background:#f9f9f9;
		margin-top:0;
}

.bg-grey6{
	background:#e9e8e8;
	margin-top:0;
}
.bg-grey7{
	background:#f4f4f4;
	margin-top:0;
}
.bg-grey8{
	background:#eeecec;
}

.bg-grey9{
	background:#f7f7f7;
}
.bg-grey10{
	background:#fafafa;
}
.bg11{
	background:#faf7f7;
}

.orange-text{
	color:#fe6f10;
	margin-bottom:20px;

}
.orange-text span{
	color:#131313;
}

.m-zero{
	margin:0!important;
}
.ml-50{
	margin-left:50px;
}
.mr-80{
	margin-right:80px;
}

/*-- Work --*/
.work-area .work-content {
  margin-bottom: 30px;
}
.work-area .work-content .section-title {
  text-align: left;
}
.work-area .work-content ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 30px;
}
.work-area .work-content ul li:last-child {
  margin-bottom: 0;
}
.work-area .work-content ul li h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.work-area .work-content ul li h3 span {
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #302c51;
  background-color: #e5e6ff;
  border-radius: 50%;
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
}
.work-area .work-content ul li p {
  margin-bottom: 0;
}
.work-area .work-img {
  margin-bottom: 30px;
}
.work-area .work-img img {
  border-radius: 5px;
}


/*-- Benefit --*/
.benefit-item {
  margin-bottom: 30px;
  text-align: center;
  border-radius: 30px;
  padding: 30px 15px 30px;
  border: 1px dashed #82ca9c;
  transition: 0.5s all ease;
  background-color: #fff;
}
.benefit-item.two {
  border: 1px dashed #f49ac1;
}
.benefit-item.three {
  border: 1px dashed #8781bd;
}
.benefit-item.four {
  border: 1px dashed #f9ad81;
}
.benefit-item:hover {
  transform: translate(0, -10px);
}
.benefit-item:hover i {
  color: #fff;
  background-color: #302c51;
}
.benefit-item i {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  color: #302c51;
  background-color: #e5e6ff;
  font-size: 35px;
  margin-bottom: 18px;
  transition: 0.5s all ease;
}
.benefit-item h3 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #ff6015;
}
.benefit-item p {
  margin-bottom: 0;
}

/*-- Event --*/
.event-area {
  background-image: url("../img/event/event-bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
}
.event-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #068761;
  opacity: 0.9;
}
.event-area .section-title .sub-title {
  color: #fff;
}
.event-area .section-title h2 {
  color: #fff;
  margin-bottom: 0;
}

.event-item {
  margin-bottom: 30px;
  position: relative;
  transition: 0.5s all ease;
}
.event-item:hover {
  transform: translate(0, -10px);
}
.event-item:hover img {
  border-radius: 0;
}
.event-item:hover:before {
  border-radius: 0;
}
.event-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(48, 44, 81, 0.9377553704) 0%, rgba(48, 44, 81, 0) 74%);
  border-radius: 30px 30px 0 30px;
  transition: 0.5s all ease;
}
.event-item img {
  display: inline-block;
  border-radius: 30px 30px 0 30px;
  width: 100%;
  transition: 0.5s all ease;
}
.event-item .inner {
  position: absolute;
  top: 30px;
  left: 30px;
  padding-left: 90px;
}
.event-item .inner h4 {
  max-width: 65px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ff6015;
  margin-bottom: 0;
  font-size: 30px;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  height: 75px;
}
.event-item .inner h4 span {
  color: #302c51;
  font-weight: 400;
  font-size: 24px;
  position: relative;
  top: -7px;
}
.event-item .inner h3 {
  margin-bottom: 10px;
  font-size: 22px;
  margin-top: 8px;
}
.event-item .inner h3 a {
  color: #fff;
}
.event-item .inner h3 a:hover {
  color: #ff6015;
}
.event-item .inner ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  font-size: 15px;
}
.event-item .inner ul li:last-child {
  margin-right: 0;
}
.event-item .inner ul li i {
  display: inline-block;
  color: #ff6015;
  margin-right: 3px;
  font-size: 16px;
}

.event-item-right {
  padding-left: 90px;
  position: relative;
  border-bottom: 1px solid #2e9a7a;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.event-item-right:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.event-item-right h4 {
  max-width: 65px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ff6015;
  margin-bottom: 0;
  font-size: 30px;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  height: 60px;
}
.event-item-right h4 span {
  color: #302c51;
  font-weight: 400;
  font-size: 20px;
  position: relative;
  top: -12px;
}
.event-item-right h3 {
  margin-bottom: 10px;
  font-size: 22px;
}
.event-item-right h3 a {
  color: #fff;
}
.event-item-right h3 a:hover {
  color: #ff6015;
}
.event-item-right ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  font-size: 15px;
}
.event-item-right ul li:last-child {
  margin-right: 0;
}
.event-item-right ul li i {
  display: inline-block;
  color: #ff6015;
  margin-right: 3px;
  font-size: 16px;
}

/*-- Gallery --*/
.gallery-item {
  margin-bottom: 30px;
  position: relative;
  transition: 0.5s all ease;
}
.gallery-item:hover {
  transform: translate(0, -10px);
}
.gallery-item:hover img {
  border-radius: 0;
}
.gallery-item:hover:before {
  transform: scale(1);
  opacity: 0.8;
  visibility: visible;
  border-radius: 0;
}
.gallery-item:hover i {
  opacity: 1;
  visibility: visible;
}
.gallery-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #302c51;
  opacity: 0;
  transition: 0.5s all ease;
  transform: scale(0.8);
  visibility: hidden;
  border-radius: 30px 30px 0 30px;
}
.gallery-item img {
  width: 100%;
  border-radius: 30px 30px 0 30px;
  transition: 0.5s all ease;
}
.gallery-item i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease;
}

/*-- Blog --*/
.blog-item {
 	background:#f6f6f6;
  margin-bottom: 30px;
  transition: 0.5s all ease;
}
.blog-item:hover {
  transform: translate(0, -10px);
  border-radius: 0;
}
.blog-item:hover .top a img {
  border-radius: 0;
}
.blog-item .top a {
  display: block;
  height:100%;
}
.blog-item .top a img {
  width: 100%;
  transition: 0.5s all ease;
  height:100%;
}
.blog-item .bottom {
  padding: 25px 0px 28px;
}
.blog-item .bottom ul {
  margin-bottom: 5px;
}
.blog-item .bottom ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
  font-size: 15px;
}
.blog-item .bottom ul li:last-child {
  margin-right: 0;
}
.blog-item .bottom ul li i {
  color: #ff6015;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.blog-item .bottom ul li span {
  display: inline-block;
      font-weight: 600;
    font-size: 14px;
}

.blog-right .blog-item
{
	display:flex;

}
.blog-right .top{
flex: 0 0 35%;
    max-width: 35%;

	}
	.blog-right .bottom{
    flex: 0 0 65%;
    max-width: 65%;
    margin-left: 15px;
	}
.blog-item .bottom ul li a {
  display: inline-block;
  color: #757575;
}
.blog-item .bottom ul li a:hover {
  color: #ff6015;
}
.blog-item .bottom h3 {
  font-size: 23px;
  margin-bottom: 10px;
  line-height: 1.4;
}
.blog-item .bottom h3 a {
  color: #273b82;
}
.blog-item .bottom h3 a:hover {
  color: #ff6015;
}
.blog-item .bottom p {
  margin-bottom: 12px;
  font-weight:500;
}
.blog-item .bottom .blog-btn {
  display: inline-block;
  font-weight: 600;
  color: #ff6015;
}
.blog-item .bottom .blog-btn:hover {
  color: #302c51;
}

/*-- Footer --*/
.footer-area {
  background-color: #f6f6f6;
}

.footer-contact p, .footer-contact a{
	color:#273b82;
}
.footer-item {
  margin-bottom: 30px;
}
.contact-inner p {
    margin: 10px 0;
	color:#273b82;
}
.footer-item h3 {
  margin-bottom: 30px;
  color: #273b82;
  font-size: 18px;
}
.footer-item .footer-contact .contact-inner ul li p {
    margin: 15px 0 0 0;
}
.footer-item .footer-logo .logo {
  display: block;
  margin-bottom: 20px;
}
.footer-item .footer-logo p {
  margin-bottom: 22px;
  color: #273b82;
}
.footer-item .footer-logo ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}
.footer-item .footer-logo ul li:last-child {
  margin-right: 0;
}
.footer-item .footer-logo ul li a {
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background:#fe6f10;
  display: inline-block;
}
.footer-item .footer-logo ul li a i {
  line-height: 30px;
}
.footer-item .footer-logo ul li a:hover {
  color: #ff6015;
  background-color: #fff;
}
.footer-item .footer-causes .cause-inner {
  border-bottom: 1px solid #4f4b6b;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.footer-item .footer-causes .cause-inner:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.footer-item .footer-causes .cause-inner ul {
  display: flex;
  flex-wrap: wrap;
}
.footer-item .footer-causes .cause-inner ul li {
  list-style-type: none;
  display: inline-block;
}
.footer-item .footer-causes .cause-inner ul li:nth-child(1) {
  flex: 0 0 25%;
  max-width: 25%;
}
.footer-item .footer-causes .cause-inner ul li:nth-child(2) {
  flex: 0 0 65%;
  max-width: 65%;
  margin-left: 15px;
}
.footer-item .footer-causes .cause-inner ul li img {
  border-radius: 5px;
}
.footer-item .footer-causes .cause-inner ul li h3 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.4;
}
.footer-item .footer-causes .cause-inner ul li h3 a {
  color: #fff;
}
.footer-item .footer-causes .cause-inner ul li h3 a:hover {
  color: #ff6015;
}
.footer-item .footer-links ul li {
  list-style-type: none;
  display: block;
  border-bottom: 1px solid #4f4b6b;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.footer-item .footer-links ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.footer-item .footer-links ul li a {
  display: block;
  color: #273b82;
}
.footer-item .footer-links ul li a:hover {
  color: #ff6015;
}
.footer-item .footer-links ul li a i {
  display: inline-block;
  font-size: 17px;
}
.footer-item .footer-contact .contact-inner {
  border-bottom: 1px solid #4f4b6b;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer-item .footer-contact .contact-inner:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.footer-item .footer-contact .contact-inner ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}
.footer-item .footer-contact .contact-inner ul li:last-child {
  margin-bottom: 0;
}
.footer-item .footer-contact .contact-inner ul li i {
  display: inline-block;
  color: #273b82;
  font-size: 20px;
  position: absolute;
  top: 3px;
  left: 0;
}
.footer-item .footer-contact .contact-inner ul li i b {
    font-size: 14px;
    font-family: "Inter", sans-serif;
}
.footer-item .footer-contact .contact-inner ul li a {
  display: inline-block;
  color: #273b82;
}
.footer-item .footer-contact .contact-inner ul li a:hover {
  color: #ff6015;
}
.footer-contact div#search-box form {
    display: flex;
}
.footer-contact div#search-box form input{
	border-radius:0px;

}
.footer-contact div#search-box form .btn{
background:#fe6f10;
border-radius:0px;

}

.footer-contact div#search-box form .btn:hover{
    background-color: #302c51;
	}
.f-bottom{
background:#273b82;
padding: 0 10px;

}
.footer-area .copyright-area {
      text-align: left;
    padding: 12px 0;
}
.footer-area .copyright-area p {
  margin-bottom: 0;
  color: #fff;
}
.footer-area .copyright-area p a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
.footer-area .copyright-area p a:hover {
  color: #fe6f10;
}
.f-btm-link{
	text-align:right !important;


}
.f-btm-link a{
	font-weight:400;
}

.f-btm-link a:hover{
	color:#fe6f10 !important;
}


/*----- Home Demo Two CSS -----*/
/*-- Banner --*/
.banner-area-two:hover .owl-prev, .banner-area-two:hover .owl-next {
  opacity: 1;
}
.banner-area-two .banner-img-one {
  background-image: url("../img/banner/banner-bg2.webp");
}
.banner-area-two .banner-img-two {
  background-image: url("../img/banner/banner-bg2.webp");
}
.banner-area-two .banner-img-three {
  background-image: url("../img/banner/banner-bg3.webp");
}
.banner-area-two .banner-slider-item {
  height: 900px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.banner-area-two .banner-slider-item .banner-shape {
  position: absolute;
  left: -225px;
  right: 0;
  top: 170px;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}
.banner-area-two .banner-content {
  background-image: url("../img/banner/banner-main1.webp");
  animation: border-transform-default 10s linear infinite alternate forwards;
  margin-top: 50px;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 100px 80px 100px;
  position: relative;
  z-index: 1;
}
.banner-area-two .banner-content:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ff6015;
  opacity: 0.8;
  animation: border-transform-default 10s linear infinite alternate forwards;
  z-index: -1;
}
.banner-area-two .banner-content .banner-btn-area .banner-btn {
  color: #fff;
  background-color: #302c51;
}
.banner-area-two .banner-content .banner-btn-area .banner-btn:hover {
  color: #302c51;
  background-color: #fff;
}
.banner-area-two .owl-theme .owl-nav {
  margin-top: 0;
}
.banner-area-two .owl-prev {
  position: absolute;
  top: 48%;
  left: 20px;
  width: 50px;
  height: 50px;
  border-radius: 5px !important;
  color: #fff !important;
  background-color: #ff6015 !important;
  font-size: 30px !important;
  transition: 0.5s all ease;
  opacity: 0;
}
.banner-area-two .owl-prev i {
  line-height: 50px;
}
.banner-area-two .owl-prev:hover {
  color: #fff !important;
  background-color: #302c51 !important;
}
.banner-area-two .owl-next {
  position: absolute;
  top: 48%;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 5px !important;
  color: #fff !important;
  background-color: #ff6015 !important;
  font-size: 30px !important;
  transition: 0.5s all ease;
  opacity: 0;
}
.banner-area-two .owl-next i {
  line-height: 50px;
}
.banner-area-two .owl-next:hover {
  color: #fff !important;
  background-color: #302c51 !important;
}

/*-- Feature case-studies --*/
.feature-area.case-studies {
  background-image: unset;
  position: relative;
  z-index: 1;
}
.mb-45{
	margin-bottom:45px;
}
.blue-title h5{
	color:#273b82;

}
.story-content p{
	    color: #131313 !important;
    font-size: 17px !important;
    margin-bottom: 20px !important;
	font-weight:400 !important;
}
.story-content .blue-text1, .story-content .blue-text2, .story-content .red-text1{

		font-weight:600 !important;
}
.story-content .blue-text1{
		color:#273b82;

}
.story-content .blue-text2{
		color:#163fd4;
}
.story-content .red-text1{
		color:#7f1538;
}
/*-- About Two --*/
.about-area.two .about-content p {
  margin-bottom: 20px;
}
.about-area.two .about-content ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
}
.about-area.two .about-content ul li:hover span {
  color: #fff;
  background-color: #302c51;
}
.about-area.two .about-content ul li:last-child {
  margin-bottom: 0;
}
.about-area.two .about-content ul li span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #302c51;
  font-weight: 600;
  background-color: #e5e6ff;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  margin-right: 5px;
  transition: 0.5s all ease;
}
.about-area.two .about-content .about-btn-area {
  margin-top: 35px;
}
.about-area.two .about-img .video-wrap .js-modal-btn {
  color: #fff;
}
.about-area.two .about-img .video-wrap .js-modal-btn:before {
  background-color: #ff6015;
}
.about-area.two .about-img .video-wrap .js-modal-btn:after {
  background-color: #ff6015;
}
.about-area.two .about-img .video-wrap .js-modal-btn:hover {
  color: #ff6015;
}
.about-area.two .about-img .video-wrap .js-modal-btn:hover:before {
  background-color: #fff;
}
.about-area.two .about-img .video-wrap .js-modal-btn:hover:after {
  background-color: #fff;
}


/*-- Benefit Two --*/
.benefit-area.two .section-title {
  text-align: left;
}
.benefit-area.two .benefit-img {
  margin-bottom: 30px;
  position: relative;
}
.benefit-area.two .benefit-img img:nth-child(1) {
  width: 100%;
  animation: border-transform-default 10s linear infinite alternate forwards;
  z-index: 1;
  position: relative;
}
.benefit-area.two .benefit-img img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
}
.benefit-area.two .benefit-item {
  border: 0;
  padding: 0;
  text-align: left;
}

/*-- Team --*/
.team-item {
  text-align: center;
  margin-bottom: 30px;
  border-radius: 30px 30px 0 30px;
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5490196078);
  transition: 0.5s all ease;
}
.team-item:hover {
  transform: translate(0, -10px);
  border: 0;
}
.team-item:hover .top img {
  border-radius: 0;
}
.team-item:hover .top ul {
  opacity: 1;
  visibility: visible;
  bottom: 15px;
}
.team-item .top {
  position: relative;
}
.team-item .top img {
  width: 100%;
  border-radius: 30px 30px 0 30px;
  transition: 0.5s all ease;
}
.team-item .top ul {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease;
}
.team-item .top ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.team-item .top ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  background-color: #302c51;
  font-size: 14px;
  border-radius: 50%;
}
.team-item .top ul li a i {
  line-height: 30px;
}
.team-item .top ul li a:hover {
  transform: translate(0, -5px);
}
.team-item .bottom {
  padding: 28px 25px 30px;
}
.team-item .bottom h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.team-item .bottom span {
  display: block;
  color: #ff6015;
}

/*----- Home Demo Three CSS -----*/
/*-- Banner --*/
.banner-area-two.three .banner-img-four {
  background-image: url("../img/banner/banner-bg5.webp");
}
.banner-area-two.three .banner-img-five {
  background-image: url("../img/banner/banner-bg1.webp");
}
.banner-area-two.three .banner-img-six {
  background-image: url("../img/banner/banner-bg6.webp");
}
.banner-area-two.three .banner-slider-item {
  height: 850px;
}
.banner-area-two.three .banner-slider-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #302c51;
  opacity: 0.6;
}
.banner-area-two.three .banner-content {
  background-image: unset;
  animation: unset;
  margin-top: 50px;
  max-width: 540px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  padding: 0;
}
.banner-area-two.three .banner-content:before {
  display: none;
}
.star-rating-list li p span{
	background: unset !important;
    border-radius:0;
    padding: 1px 2px;
    margin-right: 5px;

}
.star-rating-list li p span i{
	color:#ffc107 !important;
}
/*-- Benefit Two --*/
.benefit-area.three {
  background-color: #f9f9f9;
}

/*-- Counter --*/
.counter-area{
 background:#f4f4f4 url("../img/service-box-ai.png");
background-position:top right;
background-repeat:no-repeat;
}
.counter-item {
text-align: left;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
}
.counter-item > div {
    max-width: initial;
    margin-left: 20px;
}
.counter-item img {
    margin-top: 20px;
}
.counter-item i {
  display: inline-block;
  color: #ff6015;
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 10px;
}
.counter-item h3 {
    font-size: 60px;
    line-height: 24px;
    margin-bottom: 0px;
}
.counter-item h3 .target {
  font-size: 35px;
  margin-left: -10px;
}
.counter-item p {
  margin-bottom: 0;
  font-weight: 500;
}

/*-- Testimonial --*/
.testimonial-area{
	background-image: url("../img/testimonial/bg.webp");
	background-repeat: no-repeat;
	border: 1px solid #d3d4d7;
    border-left: 0;
    border-right: 0;
	background-size: 40%;
 }
.testimonial-area #contactForm {
    margin-bottom: 0px !important;

 }
 .testimonial-area .section-title {
    text-align: left;
}
.testimonial-area .section-title h2 {
  margin-bottom: 0;
}

.testimonial-area #contactForm .testimonial-form .form-group{
	color:#29345b;

}

.testimonial-area #contactForm .testimonial-form .form-group textarea {
    height: 100px !important;
	background:#fff;
}

.testimonial-area #contactForm .testimonial-form .form-group i{
	display:none;
}
.testimonial-area .testimonial-img {
  margin-bottom: 30px;
}
.testimonial-area .testimonial-img img {
  width: 100%;
  border-radius:100%;
  margin-bottom: 15px;
}
.testimonial-area .testimonial-img h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.testimonial-area .testimonial-img span {
  display: block;
}
.testimonial-area .testimonial-content {
  padding: 0px 0px 50px 0px;
  position: relative;
  margin-bottom: 30px;
}

.testimonial-area .testimonial-content ul {
  margin-bottom: 15px;
}
.testimonial-area .testimonial-content ul li {
  list-style-type: none;
  display: inline-block;
}
.testimonial-area .testimonial-content ul li i {
  display: inline-block;
  font-size: 18px;
}
.testimonial-area .testimonial-content ul li i.checked {
  color: #efc02f;
}
.testimonial-area .testimonial-content p {
  margin-bottom: 0;
}
.testimonial-content h4{
	margin-bottom:5px !important;
}
.testimonial-content span {
    color: #b1abab;
    font-weight: 300;
    /* font-size: 16px; */
}
.testimonial-area .testimonial-content .quote {
  display: inline-block;
  color: #eeeefa;
  font-size: 55px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.testimonial-area .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}
.testimonial-area .owl-theme .owl-dots .owl-dot span {
  width: 35px;
  height: 8px;
  background: #bab9c4;
}
.testimonial-area .owl-theme .owl-dots .owl-dot.active span {
  background: #ff6015;
}
.testimonial-form {
    margin-left: 26%;
    background: #f4f4f4;
    border: 1px solid #959aad;
        padding: 10px 10px 20px 10px;
}
.testimonial-form .section-title{
	padding-top:20px;
}
.client-content{
	margin-left:15px;
}
.testimonial-content h5, .testimonial-content p {
    margin-bottom: 3px !important;
}

/*-- Blog --*/
.blog-area.three {
  background-color: #fff;
}
.blog-area.three .blog-item {
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5490196078);
}

/*----- About CSS -----*/
.title-bg-home {
  background-image: url("../img/banner/title-bg1.webp");
}

.title-bg-contact {
  background-image: url("../img/banner/title-bg2.webp");
}
.title-bg-temp-staff {
  background-image: url("../img/banner/title-bg3.webp");
}
.title-bg-per-staff {
  background-image: url("../img/banner/title-bg4.webp");
}
.title-bg-ex-staff{
	 background-image: url("../img/banner/title-bg5.webp");

}
.title-bg-contract{
	 background-image: url("../img/banner/title-bg6.webp");

}
.tech-bg{
	 background-image: url("../img/banner/technology-bg.webp");
}
.case-study-bg{
	 background-image: url("../img/banner/case-study-bg.webp");
}

.finance-bg{
	 background-image: url("../img/banner/finance-bg.webp");
}
.logistics-bg{
		 background-image: url("../img/banner/logistics-bg.webp");
}
.education-bg{
		 background-image: url("../img/banner/education-bg.webp");
}
.healthcare-bg{
	background-image: url("../img/banner/healthcare-bg.webp");

}
.manufacture-bg{
		background-image: url("../img/banner/manufacture-bg.webp");

}
.retail-bg{
	background-image: url("../img/banner/retail-bg.webp");
}
.blog-bg{
	background-image: url("../img/banner/blog-bg.webp");
}
.blog-detail-bg{
	background-image: url("../img/banner/blog-detail-bg.webp");
}
.cs-details-bg{
	background-image: url("../img/banner/cs-details-bg.webp");
}
.two-round-img img{
	border-radius:50px 50px 0 0;
}
.icon-set .media{
	padding:15px 10px 0px 10px;
	background:#f9f9f9;
}
.icon-set .media-body {

	margin:0 0 0 20px;
	text-align: left;

}
.icon-set .media-body h3{
	margin-bottom:4px;
}
.icon-set .media-body p{
	font-weight:normal;
	font-size:12px;
}
.icon-set img{
max-width:50px;
}

.title-left{
	text-align:left;
}

.round-img img{
	border-radius:100%;
}
.page-title-area {
  height: 450px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.inner-header{
	    height: 300px;

}
.inner-header .title-item h6 {
    color: #fff;
	margin-top: 15px;
}
.page-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1f1b1b;
  opacity: 0.75;
}

.inner-header:before {
    background-color: #29345b;
    opacity: 0.75;
}
.page-title-area .title-item {
  position: relative;
  z-index: 1;
  text-align: center;
 max-width: 70%;
    margin: 20px auto 0px auto;
}

.inner-header .title-item{
	width:100%;
	text-align:left;
	margin:0;

}

.page-title-area .title-item h2 {
  font-size: 45px;
  color: #fff;
  margin-bottom: 5px;
  font-weight:500;
}

.page-title-area .title-item h2 span{
color:#fe6f10;

}
.page-title-area .title-item p{
	color:#fff;
	font-size:17px;
	font-weight:500;
}
.page-title-area .title-item ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 14px;
  margin-right: 14px;
  position: relative;
}
.page-title-area .title-item ul li:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 10px;
  left: 60px;
  background-color: #fff;
  transition: 0.5s all ease;
  animation: rotate360 1s infinite linear;
  border: 2px solid #ff6015;
}
.page-title-area .title-item ul li:last-child:before {
  display: none;
}
.page-title-area .title-item ul li a {
  display: inline-block;
  color: #fff;
}
.page-title-area .title-item ul li a:hover {
  color: #ff6015;
}
.page-title-area .title-item ul li span {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  min-width: fit-content;
}
.page-title-area button{
    padding: 5px 15px;
    line-height: 30px !important;
		}
		.search-option.row {
    max-width: 80%;
    margin: 0 auto;
}
.page-title-area input, .page-title-area button{
border-radius:5px;
min-width: max-content;
    vertical-align: middle;
	font-size:14px;
}
.page-title-area input{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.page-title-area .btn-resume{
    margin-left: -10px;


	}
.team-area.four {
  background-color: #f9f9f9;
}

.pagination-area {
  text-align: center;
}
.pagination-area ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.pagination-area ul li a {
  display: block;
  color: #ff6015;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5490196078);
  padding: 5px 15px;
  border-radius: 8px 8px 0 8px;
}
.pagination-area ul li a:hover, .pagination-area ul li a.active {
  color: #fff;
  background-color: #ff6015;
}

.widget-area .widget-item {
  margin-bottom: 30px;
}
.widget-area .widget-item:last-child {
  margin-bottom: 0;
}
.widget-area .widget-item h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.widget-area .search {
  position: relative;
}
.widget-area .search .form-control {
  height: 50px;
  border-radius: 5px;
  padding-left: 15px;
  font-size: 15px;
  border: 0;
  background-color: #f9f9f9;
}
.widget-area .search .form-control:focus {
  border: 0;
  box-shadow: none;
}
.widget-area .search .btn {
  padding: 0;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  color: #ff6015;
  transition: 0.5s all ease;
}
.widget-area .search .btn:hover {
  color: #302c51;
}
.widget-area .post .post-inner {
  margin-bottom: 15px;
}
.widget-area .post .post-inner:last-child {
  margin-bottom: 0;
}
.widget-area .post .post-inner ul {
  display: flex;
  flex-wrap: wrap;
}
.widget-area .post .post-inner ul li {
  list-style-type: none;
  display: inline-block;
}
.widget-area .post .post-inner ul li:nth-child(1) {
  flex: 0 0 28%;
  max-width: 28%;
}
.widget-area .post .post-inner ul li:nth-child(2) {
  flex: 0 0 67%;
  max-width: 67%;
  margin-left: 15px;
}
.widget-area .post .post-inner ul li h4 {
  font-size: 16px;
  margin-bottom: 3px;
}
.widget-area .post .post-inner ul li h4 a {
  color: #302c51;
}
.widget-area .post .post-inner ul li h4 a:hover {
  color: #ff6015;
}
.widget-area .post .post-inner ul li p {
  margin-bottom: 0;
  font-size: 14px;
}
.widget-area .post .post-inner ul li p a {
  display: inline-block;
  color: #757575;
}
.widget-area .post .post-inner ul li p a:hover {
  color: #ff6015;
}
.widget-area .common-right-content ul li {
  list-style-type: none;
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  transition: 0.5s all ease;
}
.widget-area .common-right-content ul li:hover {
  margin-left: 5px;
}
.widget-area .common-right-content ul li:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000000;
}
.widget-area .common-right-content ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.widget-area .common-right-content ul li a {
  display: block;
  color: #302c51;
}
.widget-area .common-right-content ul li a:hover {
  color: #ff6015;
}
.widget-area .instagram .instagram-item {
  position: relative;
}
.widget-area .instagram .instagram-item img {
  width: 100%;
}
.widget-area .instagram .instagram-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #302c51;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  transition: 0.5s all ease;
}
.widget-area .instagram .instagram-item a {
  display: inline-block;
  color: #fff;
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: 0.5s all ease;
  opacity: 0;
  visibility: hidden;
}
.widget-area .instagram .instagram-item:hover:before {
  opacity: 0.7;
  visibility: visible;
  transform: scale(1);
}
.widget-area .instagram .instagram-item:hover a {
  visibility: visible;
  opacity: 1;
}


.widget-area .information ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
}
.widget-area .information ul li:last-child {
  margin-bottom: 0;
}
.widget-area .information ul li span {
  display: inline-block;
  font-weight: 600;
  margin-right: 3px;
  color: #302c51;
}
.widget-area .information ul li a {
  display: inline-block;
  color: #757575;
}
.widget-area .information ul li a:hover {
  color: #ff6015;
}

/*----- Blog Details CSS -----*/
.blog-details-area .details-item .details-img img {
  margin-bottom: 20px;
}
.blog-details-area .details-item .details-img h2 {
  font-size: 30px;
  margin-bottom: 5px;
  line-height: 1.4;
}
.blog-details-area .details-item .details-img ul {
  margin-bottom: 10px;
}
.blog-details-area .details-item .details-img ul li {
  list-style-type: none;
  margin-right: 20px;
  font-size: 14px;
}
.blog-details-area .details-item .details-img ul li:last-child {
  margin-right: 0;
}
.blog-details-area .details-item .details-img ul li i {
  display: inline-block;
  font-size: 16px;
  color: #ff6015;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.blog-details-area .details-item .details-img ul li a {
  display: inline-block;
  color: #757575;
}
.blog-details-area .details-item .details-img ul li a:hover {
  color: #ff6015;
}
.blog-details-area .details-item .details-img p {
  margin-bottom: 10px;
}
.blog-details-area .details-item .details-img .img {
  padding-top: 20px;
}
.blog-details-area .details-item .details-img .img img {
  width: 100%;
  margin-bottom: 30px;
}
.blog-details-area .details-item .details-img .img p {
  margin-bottom: 30px;
}
.blog-details-area .details-item .details-img blockquote {
  background-color: #f9f9f9;
  padding: 30px 30px 30px 60px;
  font-size: 18px;
  font-weight: 600;
  color: #302c51;
  position: relative;
  margin-left: 35px;
  margin-bottom: 25px;
}
.blog-details-area .details-item .details-img blockquote i {
  position: absolute;
  top: 45px;
  left: -35px;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background-color: #fff;
  color: #ff6015;
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5490196078);
  font-size: 30px;
  border-radius: 50%;
}
.blog-details-area .details-item .details-img .img-area {
  padding-top: 20px;
}
.blog-details-area .details-item .details-img .img-area img {
  margin-bottom: 30px;
  width: 100%;
}
.blog-details-area .details-item .details-share {
  margin-bottom: 30px;
}
.blog-details-area .details-item .details-share .left ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 3px;
}
.blog-details-area .details-item .details-share .left ul li:last-child {
  margin-right: 0;
}
.blog-details-area .details-item .details-share .left ul li span {
  display: inline-block;
  font-weight: 600;
  margin-right: 5px;
}
.blog-details-area .details-item .details-share .left ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ff6015;
  border: 1px solid #ff6015;
  border-radius: 50%;
  font-size: 15px;
}
.blog-details-area .details-item .details-share .left ul li a i {
  line-height: 30px;
}
.blog-details-area .details-item .details-share .left ul li a:hover {
  color: #fff;
  background-color: #ff6015;
}
.blog-details-area .details-item .details-share .right {
  text-align: right;
}
.blog-details-area .details-item .details-share .right ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.blog-details-area .details-item .details-share .right ul li:before {
  position: absolute;
  content: ",";
  color: #ff6015;
  top: -5px;
  right: -7px;
  font-size: 20px;
}
.blog-details-area .details-item .details-share .right ul li:first-child:before {
  display: none;
}
.blog-details-area .details-item .details-share .right ul li:last-child {
  margin-right: 0;
}
.blog-details-area .details-item .details-share .right ul li:last-child:before {
  display: none;
}
.blog-details-area .details-item .details-share .right ul li span {
  display: inline-block;
  font-weight: 600;
}
.blog-details-area .details-item .details-share .right ul li a {
  display: inline-block;
  color: #ff6015;
}
.blog-details-area .details-item .details-share .right ul li a:hover {
  color: #302c51;
}
.blog-details-area .details-item .details-comment {
  margin-bottom: 30px;
}
.blog-details-area .details-item .details-comment h3 {
  font-size: 22px;
  margin-bottom: 30px;
}
.blog-details-area .details-item .details-comment ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    padding-left: 90px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
}
.blog-details-area .details-item .details-comment ul li.reply-comment {

  margin-left: 70px;
}
.reply-box{
	margin-top:10px;
}
.reply-box input{
	border:#d9d7d7 1px solid;
	border-radius:0;

}
.reply-box button{
	border-radius:0;
	background:#fe6f10 !important;
}
.blog-details-area .details-item .details-comment ul li img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.blog-details-area .details-item .details-comment ul li h4 {
  font-size: 15px;
    margin-bottom: 5px;
    color: #1b1b1b;
}
.blog-details-area .details-item .details-comment ul li span {

  font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-left: 7px;
    color: #939292;
}
.blog-details-area .details-item .details-comment ul li p {
  margin-bottom: 0;
}
.blog-details-area .details-item .details-comment ul li a {
  display: inline-block;
  color: #fe6f10;
  font-weight: 600;

}
.blog-details-area .details-item .details-comment ul li a:hover {
  color: #302c51;
}

.blog-details-area .details-item .details-post h3 {
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: -5px;
}
.blog-details-area .details-item .details-post .form-group {
  position: relative;
  margin-bottom: 15px;
}
.blog-details-area .details-item .details-post .form-group label {
  color: #1b1b1b;

}
.blog-details-area .details-item .details-post .form-group .form-control {
    height: 42px;
    border-radius: 0;
    background-color: #fff;
    padding-left: 25px;
    font-size: 15px;
    border: 1px solid #d9d7d7;
}
.blog-details-area .details-item .details-post .form-group .form-control:focus,
.contact-area #contactForm .form-group input.form-control:focus,
.contact-area #contactForm .form-group textarea.form-control:focus
 {
  border: #fe6f10 1px solid !important;
  box-shadow: none;
}
.blog-details-area .details-item .details-post .form-group textarea {
  height: auto !important;
  padding-top: 13px;
}
.blog-details-area .details-item .details-post .common-btn {
  transition: 0.5s all ease;
  width: 100%;
  display: block;
}
.orange-btn{
	background:#fe6f10;
	border-radius:0 !important;
}
.widget-area .admin {
  background-color: #f6f6f6;
  padding: 50px 30px;
  text-align: center;
}
.widget-area .admin img {
  border-radius: 50%;
  margin-bottom: 15px;
}
.widget-area .admin h3 {
  margin-bottom: 22px;
  font-size: 24px;
  font-weight:500;
  position:relative;

}
.widget-area .admin h3:before {
    position: absolute;
    background: #354cad;
    width: 100px;
    content: " ";
    height: 2px;
    bottom: -8px;
    left: 35%;
    right: auto;
    text-align: center;

}
.widget-area .admin span {
  display: block;
  font-size: 15px;
  margin-bottom: 12px;
}
.widget-area .admin ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.widget-area .admin ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #18217a;
  font-size: 18px;
}
.widget-area .admin ul li a i {
  line-height: 30px;
}
.widget-area .admin ul li a:hover {
  color: #fff;
  background-color: #ff6015;
}

/*----- Contact CSS -----*/

.contact-info-area .contact-info {
  margin-bottom: 30px;
  text-align: center;
  background:#f7f7f7;
  border-radius:0 0 10px 10px;
  padding-bottom:20px;
  text-align:left;

}
.contact-info-area .col-sm-6.col-lg-3 {
    display: flex;
    flex-flow: row wrap;
}
.contact-info-area .contact-info h5 {
    font-size: 15px;
    text-align: left;
    font-weight: 700;
	background:#273b82;
	padding:5px 0 0 10px;
	border-radius: 10px 10px 0 0;
	color:#fff;
}
.contact-info-area .contact-info p {
 padding:0 10px;

 }
.contact-info-area .contact-info i {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 10px;
}
.contact-info-area .contact-info span {
  display: block;
  color: #ff6015;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 5px;
}
.contact-info-area .contact-info a {
  display: block;
  color: #273b82;
}
.contact-info-area .contact-info a:hover {
  color: #ff6015;
}

.contact-area #contactForm {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
.contact-area #contactForm h2 {
 font-size: 30px;
    margin-bottom: 5px;
    margin-top: -5px;
    font-weight: 800;
	color:#273b82;
}
.contact-area #contactForm p {
  margin-bottom: 30px;
}
.contact-area #contactForm .form-group {
  margin-bottom: 15px;
  position: relative;
}
.contact-area #contactForm .form-group label {
    margin: 0 0 10px 0;
    display: block;
}
.contact-area #contactForm .form-group label i {
  position: absolute;
  top: 40px;
  left: 12px;
  display: inline-block;
  font-size: 17px;
  color: #ff6015;
}
.contact-area #contactForm .form-group label a {
  color: #ff6015;
  transition: 0.5s all ease;
}
.contact-area #contactForm .form-group label a:hover {
  color: #2e9a7a;
}
.contact-area #contactForm .form-group .form-check {
  display: inline-block;
}
.contact-area #contactForm .form-group .form-control {
  height: 45px;
  border-radius: 5px;
  font-size: 14px;
  border: 0;
  padding-left: 10px;
  background: #fff;
    border: 1px solid #364065 !important;
    border-radius: 0 !important;
}
.contact-area #contactForm .form-group .form-control:focus {
  border: 0;
  box-shadow: none;
}


.contact-area #contactForm .form-group textarea {
  height: auto !important;
  padding-top: 13px;
}
.contact-area #contactForm .form-group input::placeholder,
.contact-area #contactForm .form-group textarea::placeholder{
   color:#a5a8b8 !important;
}
.contact-area #contactForm .form-group .list-unstyled {
  font-size: 15px;
  margin-top: 10px;
  color: #dc3545;
}
.contact-area #contactForm .common-btn {
  width: 100%;
  text-align: center;
  display: block;
  transition: 0.5s all ease;
  opacity: 1;
}
.contact-btn{
	width:auto !important;
	margin:0 auto;

}
.contact-area #contactForm .text-danger {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 22px;
  color: #dc3545;
}
.contact-area #contactForm .text-success {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 22px;
  color: #28a745;
}

.map-area #map {
  width: 100%;
  display: block;
  height: 400px;
  border: 0;
}

/*----- User CSS -----*/
.user-form-area .user-img {
  background-image: url("../img/user-form-bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.user-form-area .user-img img {
  display: none;
}
.user-form-area .user-content {
  height: 100vh;
}
.user-form-area .user-content .user-content-inner {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.user-form-area .user-content .user-content-inner .top {
  margin-bottom: 40px;
}
.user-form-area .user-content .user-content-inner .top .logo-two {
  display: none;
}
.user-form-area .user-content .user-content-inner .top a {
  display: block;
  margin-bottom: 30px;
}
.user-form-area .user-content .user-content-inner .top h2 {
  font-size: 25px;
  margin-bottom: 0;
  background-color: #fafafa;
  border-left: 2px solid #ff6015;
  border-right: 2px solid #ff6015;
  padding-top: 15px;
  padding-bottom: 17px;
}
.user-form-area .user-content .user-content-inner .form-group {
  margin-bottom: 20px;
}
.user-form-area .user-content .user-content-inner .form-group .form-control {
  height: 50px;
  padding-left: 15px;
  font-size: 15px;
  border: 1px solid #f1f1f1;
  transition: 0.5s all ease;
}
.user-form-area .user-content .user-content-inner .form-group .form-control:focus {
  border: 1px solid #ff6015;
  box-shadow: none;
}
.user-form-area .user-content .user-content-inner .common-btn {
  display: block;
  width: 100%;
  text-align: center;
  transition: 0.5s all ease;
}
.user-form-area .user-content .user-content-inner .bottom {
  margin-top: 30px;
}
.user-form-area .user-content .user-content-inner .bottom p {
  margin-bottom: 25px;
}
.user-form-area .user-content .user-content-inner .bottom p a {
  color: #302c51;
  font-weight: 600;
}
.user-form-area .user-content .user-content-inner .bottom p a:hover {
  color: #ff6015;
}
.user-form-area .user-content .user-content-inner .bottom h4 {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 30px;
  position: relative;
}
.user-form-area .user-content .user-content-inner .bottom h4:before {
  position: absolute;
  content: "";
  width: 45%;
  height: 1px;
  top: 10px;
  left: 0;
  background-color: #ff6015;
}
.user-form-area .user-content .user-content-inner .bottom h4:after {
  position: absolute;
  content: "";
  width: 45%;
  height: 1px;
  top: 10px;
  right: 0;
  background-color: #ff6015;
}
.user-form-area .user-content .user-content-inner .bottom ul {
  margin: 0;
  padding: 0;
}
.user-form-area .user-content .user-content-inner .bottom ul li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}
.user-form-area .user-content .user-content-inner .bottom ul li:last-child {
  margin-bottom: 0;
}
.user-form-area .user-content .user-content-inner .bottom ul li:last-child a {
  color: #4885ed;
  border: 1px solid #4885ed;
}
.user-form-area .user-content .user-content-inner .bottom ul li:last-child a:hover {
  background-color: #4885ed;
}
.user-form-area .user-content .user-content-inner .bottom ul li a {
  display: block;
  border: 1px solid #3B5998;
  color: #3B5998;
  border-radius: 30px;
  padding: 10px 25px 10px 20px;
  font-weight: 500;
}
.user-form-area .user-content .user-content-inner .bottom ul li a i {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 1px;
}
.user-form-area .user-content .user-content-inner .bottom ul li a:hover {
  color: #fff;
  background-color: #3B5998;
}

.testimonial-area.two .testimonial-img {
  margin-bottom: 0;
}
.testimonial-area.two .testimonial-content {
  margin-bottom: 0;
}
.testimonial-area.two .row {
  margin-bottom: 30px;
}

/*-- FAQ --*/
.faq-area {
    background: #fbfbfb;
	padding:50px 0;
}
.faq-area .accordion {
  margin-bottom: 30px;
}
.faq-area .accordion p {
  display: none;
  padding: 20px 25px 20px;
  margin-bottom: 0;
  background:#fff;
}
.faq-area .accordion li {
  position: relative;
  list-style-type: none;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0px 0px 30px 0px rgba(221, 221, 221, 0.2588235294);
  border-radius: 5px;
}
.faq-area .accordion li:first-child {
  border-top: 0;
}
.faq-area .accordion li:last-child {
  margin-bottom: 0;
}
.faq-area .accordion li a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #273b82;
  padding: 13px 38px 13px 20px;
  border-radius: 5px;
  background:#fff;
  border:1px solid #e9e9e9;
}
.faq-area.notes-area.bg-grey3 .accordion li a {
    background: none;
    border-top: 1px solid #4560a6;
    border-bottom: 1px solid #4560a6;
}
.faq-area .accordion li a.active i {
  color: #fff;
  opacity: 0;
}
.faq-area .accordion li a.active i.two {
  opacity: 1;
}
.faq-area .accordion li a i {
position: absolute;
    top: 15px;
    right: 20px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    opacity: 1;
    transition: 0.5s all ease;
    background: #fe6f10;
    padding: 5px;
}
.faq-area .accordion li a i.two {
  opacity: 0;
}
.faq-area .faq-img {
  margin-bottom: 30px;
}
.faq-area .faq-img img {
  max-width: 100%;
}
.title-bg-bi {
    background: #f6f6f6 !important;
    height: auto;

}


.title-bg-bi .header-area{
	background:unset;

}
.title-bg-bi .btn{
	    border-radius: 0;
    padding: 5px 20px;
}

.btn:hover {
    background: #302c51 !important;
}

.title-bg-bi .title-item{
	max-width: 90%;
}
.title-bg-bi .title-item h2 {
    color: #1d315c;
	font-size:36px;
	font-weight:600;
}
.title-bg-bi .title-item p , .title-bg-bi h5{
    color: #1d315c;
}
.title-bg-bi:before{
	background:none;
	content:none;
}
.notes-area{
	background:none !important;
}

.notes-area .accordion li a{
	border-left:0;
	border-right:0;
	    border-radius: 0;
    padding: 10px;

}
.notes-area .accordion li{
	box-shadow:none;
	margin-bottom: 0;
}
.notes-area .accordion li a i {
    top: 12px;
	background:none;
	color:#2b4a9a !important;
	font-size:16px;

}
.mid-list{
	border-top:none;
}
.register-note {
    text-align: center;
	background:#f1f1f1;
	padding-bottom:20px;
}
.register-note .btn {
    border-radius: 5px !important;
    font-size: 14px;
    padding: 5px 10px;
}
.black-strip {
    background: #6d6e6f;
    color: #fff;
	margin-bottom: 30px;
}
.online-class {
    direction: rtl;
    width: 100%;
}
.online-class p{
	background: #2b4a9a;
    color: #fff;
    width: fit-content;
    line-height: 30px;
    padding: 0 15px;
	border-radius:0px 0px 0 10px;
}
.key-data li {
    display: inline-flex;
	padding: 5px;
	    margin-bottom: 20px;
}
.key-data2 li {
       flex-direction: row-reverse;
}
.key-data2 li div {
    text-align: right;
}
.key-data li div {
	    margin-top: 10px;
       padding: 0px 5px 0 10px;
}
.key-data li h3 {
    color: #29375e;
    background: #fff;
    width: 100px !important;
    border-radius: 100%;
    height: 85px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    line-height: 85px;
    font-size: 48px;
    padding: 0 30px;
   margin: 2px 0 0 0;
}
.key-data h4 {
    font-size: 18px;
    color: #fff;
	margin-bottom: 2px;
}
.key-data p{
    color: #fff;
	font-weight:400 !important;
	margin-bottom: 5px !important;
}
.orange-bg{
	    background: #ff6a14;
    border-radius: 60px;
}

.blue-bg{
	    background: #2b4a9a;
    border-radius: 60px;
}
.star-rating {
    float: right;
}
.review-box{
	background:#f9f9f9;
	border:1px solid #e9e9e9;
	border-radius:10px;
	padding:10px;
	margin-bottom:30px;

}
.review-box i{
	color:#ffbf07;

}
.review-box h4 a{
	font-size:18px;
	color:#303030;

}
.review-box h5{
	font-size:20px;
	margin: 0;
	color:#303030;

}
.review-box h5 span{
	font-size:14px;
}
.star-rating{
    font-size: 12px;
    color: #a7a6a6;
    font-weight: 400;
    margin-top: 6px;
}
.review-box p {
    color: #1a1a1a;
    font-weight: 500;
}
.review-box img {
    border-radius: 100%;
}
p.reply-para {
    margin-top: 15px;
    font-weight: 400;
}
.reply-review {
    border-right: 2px solid #e0e0e0;
}
.review-form textarea{
	border-radius:0;
	margin-bottom:20px;
}
.review-form textarea::placeholder{
	color:#c9c9c9;
}
.review-form .btn{
	float:right;
}
/*----- Error CSS -----*/
.error-area {
  height: 100vh;
}
.error-area .error-item {
  text-align: center;
}
.error-area .error-item h1 {
  font-size: 150px;
  margin-bottom: 5px;
}
.error-area .error-item h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.error-area .error-item p {
  margin-bottom: 30px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
/*----- Rules CSS -----*/
.rules-area {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.rules-area .rules-item h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.rules-area .rules-item ul {
  margin-bottom: 30px;
}
.rules-area .rules-item ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}
.rules-area .rules-item ul li:last-child {
  margin-bottom: 0;
}
.rules-area .rules-item ul li:before {
  position: absolute;
  content: "";
  top: 9px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ff6015;
}
.rules-area .rules-item p {
  margin-bottom: 30px;
}
.rules-area .rules-item p:last-child {
  margin-bottom: 0;
}

/*----- Go Top CSS -----*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 15px;
  right: 0;
  color: #ffffff;
  background-color: #ff6015;
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
  border-radius: 50%;
  border: 1px solid #ff6015;
}
.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.6s;
  font-size: 25px;
  line-height: 45px;
}
.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.go-top.active {
  right: 1%;
  transform: translateY(-1%);
  opacity: 1;
  visibility: visible;
}
.go-top:hover, .go-top:focus {
  color: #ffffff;
  border: 1px solid #302c51;
  background-color: #302c51;
}
.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

/*----- Preloader CSS -----*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: white;
}

.pre-box-one {
  text-align: center;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.loader-image {
  width: 100%;
  height: 100%;
  animation: pre-rotate 3s infinite linear;
}

@keyframes pre-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*----- Buy Now Btn -----*/
.buy-now-btn {
  right: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}
.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  transform: translateY(-50%);
}
.buy-now-btn:hover {
  color: #fff;
  background-color: #94be5d;
}
.grey-bg{
    background: #fbfbfb;
}
.ptb-50{
padding-top:50px;
padding-bottom:50px;
}
.mt-50{
	margin-top:50px;
}
.certificate-box{
	justify-content: space-between !important;
}
.col-md-3.client-col {
            background: #fff !important;
    }
/*----------------------------------------*/
/*  2.12 Magic Cursor
/*----------------------------------------*/
body.tp-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--tp-common-black);
}

.cursor-bg-red #ball {
  background-color: #FF535B !important;
}
.cursor-bg-red #ball .ball-view {
  color: var(--tp-common-white);
}

.cursor-bg-red-2 #ball {
  background-color: #FF481F !important;
}
.cursor-bg-red-2 #ball .ball-view {
  color: var(--tp-common-white);
}

.cursor-bg-yellow #ball {
  background-color: #FFF669 !important;
}
.cursor-bg-yellow #ball .ball-view {
  color: var(--tp-common-black);
}

.cursor-white-bg #ball .ball-view {
  color: var(--tp-common-black);
}

/* Ball view
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  transform: scale(0);
  color: var(--tp-common-black);
}

/* Ball drag
============= */
#ball .ball-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s;
  color: var(--tp-common-black);
}

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  height: 10px;
  line-height: 10px;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: var(--tp-common-white);
  font-family: "Font Awesome 6 Pro";
  -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
  content: "\f104"; /* Font Awesome */
  left: 0;
  transform: translate3d(-30px, 0, 0);
  transition: all 0.25s;
}

#ball .ball-drag::after {
  content: "\f105"; /* Font Awesome */
  right: 0;
  transform: translate3d(30px, 0, 0);
  transition: all 0.25s;
}

#ball.with-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Ball close
============== */
#ball.ball-close-enabled {
  opacity: 1 !important;
}

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--tp-common-black);
}

.tp-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}