body{
	font-size: 14px;
	font-family: 'Poppins', sans-serif;overflow-x: hidden;
}
html{
    overflow-x: hidden;
}
.form-control{
	border:2px solid #eee;
}
input.form-control {
    border-radius: 30px;
    height: 45px;
}
.btn-common {
    background: #354a6b;
    color: #fff;
    height: 45px;transition: 0.5s ease;transform: scale(1);
}
.btn-common:hover {
    background: #354a6b;
    color: #fff;
    transform: scale(0.97);transition: 0.5s ease;
}
.btn-pink {
    background:#5E3C99;letter-spacing: 1px;
}
header, header nav.bg-primary{background: #fff !important;color: #221E1F}.navbar-brand img{max-width: 110px;}
header .navbar-dark .navbar-nav .nav-link{color:#221E1F !important; }header{padding: 10px 0;}
header .navbar-dark .navbar-nav .nav-link.active{font-weight:bold;}
.footer{background: rgb(24, 90, 157);color: #fff;text-align: center;padding: 15px 0;}header nav.bg-primary{padding: 0 !important}
header{ box-shadow: 1px 0 9px #ccc; margin-bottom: 5px;position: relative;padding: 10px 0;}header + div{margin-top: -5px;}
.banner_slider{animation: boun 5s infinite linear;position: relative;bottom: 0; }
@keyframes boun{
	0%{
		bottom: 0;
	}
	50%{
		bottom: 30px;
	}
	100%{
		bottom: 0;
	}
}
.navbar-dark .navbar-brand,.navbar-brand{font-family: 'Righteous', cursive;font-size: 30px;color: #354a6b !important}
#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.banner_container{;height: 100vh;display: flex;background-position: right center;background-repeat: no-repeat;
	position:relative; }.banner_container::before{
		    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(67, 206, 162,1), rgba(24, 90, 157,1));
    width: 100%;
    height: 100%;
    z-index: 9;
	}

.banner_container .container{z-index: 9;}
.banner_container p{font-size: 16px;}.support_content h5{min-height: 30px;}
.support_content .text-center{height: 95px;display: flex;align-items: flex-start;justify-content: center;}
.support_content img{max-height: 100%;}.connect_content{background-image:   linear-gradient( rgb(67, 206, 162), rgb(24, 90, 157))}
.info_top{background: rgb(24, 90, 157);}.info_bottom{margin-top: -40px;box-shadow: 0 0 5px #ccc;}
.info_bottom h5,.info_bottom a{color: #222;}.page-section-ptb { padding: 80px 0; background: #f6f6f6;}
.section-title p {margin-bottom: 0px; font-size: 20px; font-weight: 400; }.feature-text { text-align: center;margin-bottom: 40px;}
.feature-text.left-icon .feature-icon {
    position: absolute;
    left: 0;
}
.feature-text.left-icon .feature-info {
    text-align: left;
    padding-left: 60px;
}
.info_bottom i {
    font-size: 35px;margin-bottom: 12px;color: rgba(53,74,107,1);
}
.feature-icon .theme-color{font-size: 40px;color: rgba(53,74,107,1);}


.service_container{background-image: url(../images/services.jpg);height: 150px;display: flex;align-items: center;justify-content: center;color: #fff;
position: relative;}.service_container h4{position: relative;font-size: 30px;}
.service_container::before{content: '';position: absolute;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.service_content h4{height: 200px;width: 100%;position: relative;background-size: cover;background-position: center;display: flex;
align-items: center;justify-content: center;padding: 10px;}.service_content h4 span{color: #fff;position: relative;}
.service_content h4::before{content: '';position: absolute;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);top: 0;}
.about_container{background-image: url(../images/about.jpg);}.fivespheres{background-image: linear-gradient(#fff, #EEEFF3)}
.tally_container{background: #f7f7f7;}.tally_container img{max-width: 75%;}
.client_content .support_content img {
    object-fit: contain;
}


.client_content img{width: 100%;height: 250px;object-fit: cover;}.client-list{position: relative;overflow: hidden;}
.client-list p{position: relative;color: #fff;margin-bottom: 0;font-size: 18px;font-weight: bold;}
.object-contain{object-fit: contain !important;}.overlay{opacity: 0;position: absolute;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top:100%;
transition: 0.5s ease;display: flex;align-items: center;justify-content: center;}.client-list:hover .overlay{opacity: 1;top: 0;}

footer{background: #fff;padding: 20px 0;}footer ul{padding:0;}footer li{list-style: none;color: #221E1F;margin-bottom: 10px;}
footer p,footer h5,footer li a{color: #221E1F;}footer img{max-width: 130px;}footer h5{margin-bottom: 20px;margin-top: 10px;}
footer li a{padding-left: 0;transition: 0.5s ease;text-decoration: none !important;color: #221E1F !important}footer li a:hover{padding-left: 5px;}
.info_bottom h5, .info_bottom a{font-size: 15px}
/*.animate_svg{
        -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
        overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.animate_svg svg{
    width: calc(260% + 1.3px);
    height: 120px;
    transform: translateX(-50%) rotateY(180deg);
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}*/

@media (min-width: 768px){
	.connect_content {
	    border-radius: 0 300px 300px 0;
	    margin-right: 100px;
	}
}

@media (max-width: 768px){
    .section-title p{font-size: 15px;}.banner_slider{max-width: 270px;}.banner_container{/*padding-top: 100px;*/min-height: 100vh;height: 100%;}
    .banner_container h1{font-size: 2rem;}.banner_container .col-md-5{order: 2;}
    .support_content {padding: 0 15px;}.navbar-dark .navbar-toggler{padding: 0.15rem;background: #354a6b;}
    .navbar-dark span.navbar-toggler-icon{padding: 7px; background-size: 87% auto;}.banner_container p {text-align: justify; font-size: 16px;
    margin-bottom: 0 !important;  width: 100% !important;}
}


@media (min-width: 480px) and (max-width: 768px){
    .banner_slider{display: none;}
}