*{
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
}

body {
    line-height: 1.7 !important;
    font-size: 16px !important;
    color: #333;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.8px !important;
}


a:hover {

    text-decoration: none;

}



input[type="button"],

input[type="submit"],

input[type="text"],

input[type="email"],

input[type="search"] {

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    letter-spacing: .5px;
    font-family: 'Roboto Slab', serif;

}



ul {

    margin: 0;

    padding: 0;

}



/*-- header --*/



header {

    position: absolute;

    width: 100%;

    padding: 10px 0;

	z-index: 9;
    background: #fff !important;
box-shadow: 0 0 30px rgb(0 0 0 / 10%);

}

.right-p li ,.right-p li  a{

    display: inline-block;

    color: #333333;

    font-size: 24px;

    letter-spacing: 2px;

}

.right-p li  span{

    color: #333333;

}

/*-- header --*/



.toggle,

[id^=drop] {

	display: none;

}



/* Giving a background-color to the nav container. */

nav { 

	margin:0;

	padding: 0;

}

#logo img, .footer-title img {

    

    width: 225px;

}



#logo a {

	float: left;

	font-size: 14px;

	font-weight: 600;

	display: initial;

	margin: 0;

	letter-spacing: 1px;

	color: #333333;

	border: none;

	text-transform: none;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 30;

}

#logo a span.fa {

    color: #ff4f81;

}





/* Since we'll have the "ul li" "float:left"

 * we need to add a clear after the container. */



nav:after {

	content:"";

	display:table;

	clear:both;

}



/* Removing padding, margin and "list-style" from the "ul",

 * and adding "position:reltive" */

nav ul {

	float: right;

	padding:0;

	margin:0;

	list-style: none;

	position: relative;

	}

	

/* Positioning the navigation items inline */

nav ul li {

	margin: 0px;

	display:inline-block;

	float: left;

	}



/* Styling the links */

nav a {

    color: #ddd;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding-left: 0;

    padding-right: 0;

	padding: 10px 13px;

    font-weight: 600;

    font-size: 15px;

    vertical-align: middle;

}

nav ul li ul li:hover { background: #f8f9fa; }



/* Background color change on Hover */

nav a:hover { 

	color: #ddd;

}

.menu li.active  a{ 

	color: #333333;

}



/* Hide Dropdowns by Default

 * and giving it a position of absolute */

nav ul ul {

	display: none;

	position: absolute; 

	/* has to be the same number as the "line-height" of "nav a" */

	top: 30px; 

    background: #fff;

    padding: 10px;

}

	

/* Display Dropdowns on Hover */

nav ul li:hover > ul {

	display:inherit;

}

	

/* Fisrt Tier Dropdown */

nav ul ul li {

	width:170px;

	float:none;

	display:list-item;

	position: relative;

}

nav ul ul li a {

    color: #333;

    padding: 5px 10px;

    display: block;

}

/* Second, Third and more Tiers	

 * We move the 2nd and 3rd etc tier dropdowns to the left

 * by the amount of the width of the first tier.

*/

nav ul ul ul li {

	position: relative;

	top:-60px;

	/* has to be the same number as the "width" of "nav ul ul li" */ 

	left:170px; 

}



/* Change ' +' in order to change the Dropdown symbol */

li > a:only-child:after { content: ''; }





/* Media Queries

--------------------------------------------- */



@media all and (max-width : 991px) {



	#logo {

		display: block;

		padding: 0;

		width: 100%;

		text-align: center;

		float: none;

	}

	.menu li.active a {

		color: #3369e7;

	}

	nav ul li span {

		color: #333;

	}

	nav {

		margin: 0;

	}

	nav a {

		color: #333;

	}



	/* Hide the navigation menu by default */



	/* Stylinf the toggle lable */

	.toggle {

		display: block;

		padding: 5px 15px;

		font-size: 20px;

		text-decoration: none;

		border: none;

		float: right;

		background-color: #3369e7;

		color: #fff;

		margin-bottom: 0;

	}

	.menu .toggle {

		float: none;

		text-align: center;

		margin: auto;

		width: 30%;

		padding: 5px;

		font-weight: normal;

		font-size: 15px;

		letter-spacing: 1px;

	}



	.toggle:hover {

		color:#333;

		background-color: #fff;

	}



	/* Display Dropdown when clicked on Parent Lable */

	[id^=drop]:checked + ul {

		display: block;

		background: #fff;

		padding: 15px 0;

		width:100%;

		text-align: center;

	}



	/* Change menu item's width to 100% */

	nav ul li {

		display: block;

	/*	width: 100%;
*/
		padding: 7px 0;

		}

	nav a{

		padding: 5px 0;

	}

	nav a:hover {

		color: #333;

	}

	.login-icon {

		text-align: center;

	}

	nav ul ul .toggle,

	nav ul ul a {

		padding: 0 40px;

	}



	nav ul ul ul a {

		padding: 0 80px;

	}



	nav a:hover,

 	nav ul ul ul a {

		background-color: transparent;

	}

  

	nav ul li ul li .toggle,

	nav ul ul a,

	nav ul ul ul a{

		padding:14px 20px;	

		color:#FFF;

		font-size:17px; 

	}

  

  

	nav ul li ul li .toggle,

	nav ul ul a {

		background-color: #fff; 

	}

	nav ul ul li a {

		font-size: 15px;

	}

	ul.inner-ul{

		padding: 0!important;

	}

	/* Hide Dropdowns by Default */

	nav ul ul {

		float: none;

		position:static;

		color: #ffffff;

		/* has to be the same number as the "line-height" of "nav a" */

	}

		

	/* Hide menus on hover */

	nav ul ul li:hover > ul,

	nav ul li:hover > ul {

		display: none;

	}

		

	/* Fisrt Tier Dropdown */

	nav ul ul li {

		display: block;

		width: 100%;

		padding: 0;

	}



	nav ul ul ul li {

		position: static;

		/* has to be the same number as the "width" of "nav ul ul li" */ 



	}



}



@media all and (max-width : 330px) {



	nav ul li {

		display:block;

		width: 94%;

	}



}

.user span.fa {

    font-size: 25px;

    color: #fff;

}

/*-- //header --*/



/*-- banner --*/

.banner {

    background: url(../images/banner2.jpg)no-repeat center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    background-size: cover;

}

.layer {

    background: rgba(0, 0, 0, 0.1);

}

.w3ls_banner_txt p {

    color: #eee;

    text-transform: capitalize;

    font-size: 15px;

}

.banner-text-w3pvt {

    padding: 17vw 0 11vw;

    box-sizing: border-box;

}

.banner-form-w3 {

    padding: 9vw 0 2vw;

    box-sizing: border-box;

}

.banner-form-w3 h5{

  font-size: 15px;
  text-align: center;
  padding-bottom: 12px;
}


h3.b-w3ltxt span {

    color: #fff;

}

h3.b-w3ltxt {

    font-size: 3.5em;

    color: #fff;

    font-weight: 600;

    text-shadow: 1px 1px 0px #333;

}



h4.b-w3ltxt {

    font-size: 3em;

    letter-spacing: 3px;

    font-weight: 300;

    color: #fff;

}



.btn-banner {

    background: #3369e7;

    color: #fff;

    font-size: 15px;

    letter-spacing: 1px;

    padding: 12px 30px;

    display: inline-block;

}

.btn-banner:hover  {

    color: #fff;

}



.form-style-w3ls input[type="text"], .form-style-w3ls input[type="email"], .form-style-w3ls input[type="password"],select {

    outline: none;

    font-size: 15px;
    border: none;
    color: #000;
    background: #e0e1e1;
    letter-spacing: 0.5px;
    padding: 10px 20px;

    width: 100%;

    box-sizing: border-box;

    margin-bottom: 15px;

}

.form-style-w3ls button.btn {
    color: #fff;
    background: #162e40;
    border: none;
    padding: 14px 0;
    outline: none;
	border-radius: 0;
    width: 100%;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 1px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    border-radius: 15px;

}

.form-style-w3ls input[type="submit"]:hover {

    background: #dc3545;

}

.padding {

    padding: 1.5em;

	background: #fff;
    box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%);
border-radius: 15px;

}

.form-style-w3ls span {

    font-size: 13px;

    color: #666;

}

.form-style-w3ls span a {

    color: #3369e7;

}



/*-- //banner --*/





/*-- banner bottom --*/

/* girds */

/*.three-grids-w3pvt-1 {

    background: url(../images/bb.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 300px;

	position: relative;

    z-index: 1;

}
*/


/*.three-grids-w3pvt-1:before,.three-grids-w3pvt-2:before,.three-grids-w3pvt-3:before,.three-grids-w3pvt-4:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0.1;

    background: #111;

    z-index: -1;

}
*/


/*.three-grids-w3pvt-2 {

    background: url(../images/bg1.jpeg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 300px;

	position: relative;

    z-index: 1;
    object-fit: cover;
}



.three-grids-w3pvt-3 {

    background: url(../images/bg2.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 300px;

	position: relative;

    z-index: 1;

}

.three-grids-w3pvt-4 {

    background: url(../images/bg3.1.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 300px;

	position: relative;

    z-index: 1;

}
*/

.text-effect-wthree img{
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.text-effect-wthree {
    margin-top: 3em;

}
.banner-bottom1{
    padding-bottom: 35px;
    text-align: center;
    padding-top: 35px;
}

.banner-bottom1 h3 {
  text-align: center;
  font-size: 34px;
  line-height: 43px;
  font-weight: 700;
  color: #222121e0;
  padding-bottom: 10px;
}

.hmabout{
    padding: 50px 0;
}

.hmabout h4{
font-size: 34px;
line-height: 43px;
font-weight: 700;
color: #d83634;
color: #222121e0;
padding-bottom: 10px;
}

.hmabout a{
    background: #92210f;
padding: 15px 25px;
color: #fff !important;
border-radius: 15px;
margin-top: 15px;
box-shadow: 0 3px 4px 0px #aaa;
display: inline-block;
}

.text-effect-wthree h5 {

    font-size: 22px;

	color: #000000;

}



.text-effect-wthree p {

    font-size: 15px;

	color: #000000;

}

.ser-img span.fa {

    font-size: 40px;

    color: #000;

}

/* //girds */



h2.heading{

    font-size: 30px;

    text-transform: capitalize;

    color: #333;

    font-weight: 600;

}



/*-- banner bottom --*/





/*-- services --*/

.mb-60 {

    margin-bottom: 10px;

}

.services-inner {

    border: 2px solid #3369e7;

    margin-left: 35px;

    transition: .3s;

    background: #fff

}

.our-services-img {

    float: left;

    margin-left: -36px;

    margin-right: 22px;

    margin-top: 28px;

}

.our-services-img img {

    width: 68px;

}

.our-services-text {

    padding-right: 10px;

}

.our-services-text {

	overflow: hidden;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

}

.our-services-text h4 {

    color: #222222;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 8px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase;

}

.position-image img {

    position: absolute;

    top: 16%;

    left: 0%;

    bottom: 0%;

    width: 20%;

    z-index: -1;

}

.our-services-text h4::before {

    background: #3369e7 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 40px;

}

.our-services-wrapper:hover .services-inner {

    background: #fff none repeat scroll 0 0;

    border: 2px solid transparent;

    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);

}

.our-services-text p {

    margin-bottom: 0;

}

.services p {

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #333333;

}

.services  {

    position: relative;

    z-index: 2;

}

/*-- //services-- */





/*-- team --*/ 



.team-info {

    padding: 20px 20px 0;

}



.team-info h3 {

    font-size: 1.3em;

    letter-spacing: 1px;

    color: #222;

}



.team-info span{

    margin-top: .5em;

    font-size: .8em;

    text-transform: uppercase;

    color: #888;

    letter-spacing: 1px;

}

/*-- //team --*/ 





/*-- stats --*/



h3.heading {

    font-size: 40px;

    text-transform: capitalize;

    color: #333;

    font-weight: 600;

}



.section-stats {

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    position: relative;

}

.section-stats h3.heading,.testimonials h3.heading{

	color: #fff;

}

p.counter {

    color: #fff;

    font-size: 2.5em;

    letter-spacing: 1px;

}



.text-stat p {

    font-size: 15px;

    letter-spacing: .5px;

}

p.para-text-w3ls{

    font-size: 15px;

	color: #ccc;

}

.w3layouts_stats_left i {

    font-size: 30px;

    color: #fff;

    background: #333;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    line-height: 70px;

}

.text-stat h4 {

    font-size: 22px;

    color: #ddd;

    line-height: 35px;

    padding: 1em;

    border: 8px solid #aaa;

}

.w3layouts_stats_left{

    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);

    border: 1px solid #fff;

    padding: 2em 0 !important;

}

.stats-icon {

    background: #333;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    line-height: 70px;

    margin: auto;

}

.w3layouts_stats_left span.fa {

    color: #fff;

    font-size: 25px;

    line-height: 70px;

}

.w3layouts_stats_left:hover{

	border: 1px solid transparent !important;

}



/*-- //stats --*/





/*-- other services --*/



.info p {

    color: #888;

    font-size: 15px;

}

.info h4 {

    color: #222222;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 1px;

    position: relative;

    text-transform: uppercase;

}

.info img{

	width:50px;

}

.info{

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}

/*-- //other services --*/





/* -- testimonials --*/

.testimonials {

    background: url(../images/testimonials.jpg)no-repeat 0px 0px;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    background-size: cover;

}

.testi-info-text h4 {

    color: #fff;

    font-size: 23px;

    text-transform: capitalize;

    margin: 0em 0 0em;

    letter-spacing: 2px;

}

.testi-info-text p {

    letter-spacing: 1px;

    width: 100%;

    margin: 0em auto 0;

    color: #ccc;

    line-height: 30px;

    padding: 1em 1em;

    font-size: 15px;

}

.testi-pos h4 {

    text-transform: uppercase;

    font-size: 1em;

    color: #fff;

    font-weight: 600;

    letter-spacing: 2px;

}

/* -- //testimonials --*/





/*-- subscribe --*/

subscribe form {

    border: 1px solid #808080;

    width: 80%;

    margin-top: 10px;

}



footer {

    background: url(../images/footer.jpg)no-repeat center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    background-size: cover;
    background: #e1eff2;

}



.footer-layer {

    background: rgba(255, 255, 255, 0.1);

}

/*.footer-grid_section {

    margin: auto;

}*/

.footer-title a {

    font-size: 33px;

    text-transform: capitalize;

    font-weight: 600;

    color: #eee;

}

.footer-text p{

    color: #000000;

}

ul.social_section_1info {

    margin-top: 20px;

}

ul.social_section_1info li {

    display: inline-block;

}



ul.social_section_1info a {

    margin-right: 4px;

    width: 40px;

    height: 40px;

    display: block;

    text-align: center;

    line-height: 40px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



ul.social_section_1info a span.fa {

    font-size: 13.5px;

    color: #ccc;

    line-height: 40px;

}

ul.links li {

    display: inline-block;

    padding: 0 10px;

}

ul.links  a ,.copy-right p,.copy-right p a{

    color: #777;

    letter-spacing: 1px;

    text-transform: capitalize;

}

.footer-text strong{
    color: #000;
    padding-bottom: 35px;
    display: block;
    font-size: 18px;
}



.copy-right {

    text-align: right;

}

.copy-right p a:hover{

    color: #fff;

}

.image {

    width: 20%;

}

.subscribe form input[type="email"] {

    outline: none;

    padding: 15px 25px;

    color: #333;

    font-size: 14px;

	text-transform: capitalize;

    width: 90%;

    border: none;

    background: #fff;

    letter-spacing: 1px;

}

.subscribe button.btn1 {

    color: #fff;

    border: none;

    padding: 13px 0;

    outline: none;

    text-align: center;

    text-decoration: none;

    background: #333;

    cursor: pointer;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    transition: 0.5s all;

    float: right;

    width: 10%;

}



.subscribe form {

    width: 80%;

    margin-top: 10px;

}

.subscribe h3 {

    font-size: 40px;

    color: #fff;

    letter-spacing: 1px;

}

.subscribe-left {

	background: #3369e7;

}

.subscribe-right {

    background: #dc3545;

}

.subscribe-right p {

    color: #eee;

}

.news-icon {

    width: 20%;

	text-align: center;

}

.news-icon span.fa {

    color: #fff;

    font-size: 55px;

    margin-top: 20px;

}

/*-- //subscribe --*/





/*-- move top --*/



.move-top {

    position: relative;

}



a.move-top {

    text-align: center;

    position: absolute;

    right: 1%;

    bottom: 0%;

}



a.move-top span{

    color: #fff;

    width: 36px;

    height: 36px;

    border: transparent;

    line-height: 2em;

    background: #333;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -o-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

}



/*-- //move top --*/

.causes-one {
  position: relative;
  display: block;
  padding: 0 0 40px;
}

.causes-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px; 
  border: 1px solid #92210f38;
  border-radius: 20px;
}

.causes-one__img {
  position: relative;
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  z-index: 1;
}

.causes-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #0000006e;
  opacity: 1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  z-index: 1;
}

.causes-one__single:hover .causes-one__img:before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
  -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
  transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.causes-one__img img {
  width: 100%;
  border-top-left-radius: var(--oxpins-bdr-radius);
  border-top-right-radius: var(--oxpins-bdr-radius);
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
  height: 240px;
  object-fit: cover;
}

.causes-one__single:hover .causes-one__img img {
  transform: scale(1.1) rotate(2deg);
}

.causes-one__cat {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-color: #fbd45a;
  padding: 0px 25px 0;
  border-radius: 15px;
  z-index: 2;
}

.causes-one__cat p {
  font-size: 14px;
  color: var(--oxpins-black);
  font-weight: 700;
  margin: 0 0 0px;
}

.causes-one__content {
  position: relative;
  display: block;
  background-color: rgb(242, 242, 242);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 1px solid var(--oxpins-bdr-color);
  padding: 10px 18px 5px;
  border-top: 0;
  border-bottom: 3px solid #92210f;
}

.causes-one__title {
  font-size: 24px;
line-height: 36px;
font-weight: 800;
letter-spacing: -0.04em;
font-family: 'Roboto Slab', serif;
}

.causes-one__title a {
  color: var(--oxpins-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.causes-one__title a:hover {
  color: var(--oxpins-primary);
}

.causes-one__text {
  padding-top: 11px;
  padding-bottom: 21px;
  font-size: 15px;
}

.causes-one__progress {
  position: relative;
  display: block;
  width: 100%;
  padding: 49px 29px 20px;
  background-color: var(--oxpins-extra);
  border-radius: var(--oxpins-bdr-radius);
  border: 1px solid var(--oxpins-bdr-color);
  z-index: 1;
}

.causes-one__progress-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: luminosity;
  opacity: .20;
  z-index: -1;
}

.causes-one__progress .bar {
  position: relative;
  width: 100%;
  height: 7px;
  background: var(--oxpins-white);
  border-radius: 5px;
  margin-bottom: 3px;
}

.causes-one__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 7px;
  border-radius: 5px;
  background: var(--oxpins-base);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.causes-one__progress .count-text {
  position: absolute;
  right: 0;
  bottom: 11px;
  color: var(--oxpins-base);
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.causes-one__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.causes-one__progress .count-text:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 17px;
  height: 20px;
  width: 20px;
  background-color: var(--oxpins-base);
  border-radius: 50%;
}

.causes-one__progress .count-text:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 24px;
  height: 6px;
  width: 6px;
  background-color: var(--oxpins-white);
  border-radius: 50%;
  z-index: 1;
}

.causes-one__goals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.causes-one__goals>p {
  font-size: 14px;
  color: #707876;
  font-weight: 400;
  margin: 0;
}

.causes-one__goals>p>span {
  font-size: 14px;
  color: var(--oxpins-black);
  font-weight: 700;
  line-height: 28px;
}

.hmproduct{
    padding: 62px 0 90px;
    background: #f2f3ffa6;
}

.hmproduct h2{
    text-align: center;
    font-size: 34px;
line-height: 43px;
font-weight: 700;
color: #d83634;
color: #222121e0;
padding-bottom: 30px;
}

/*footer page*/

.foot {
    background-color: #172f41 !important;
}

.footer {
    background-color:#3C3C3C;
    background-size: cover;
    padding-top: 60px;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    background: url(../images/footerbg.png) center no-repeat;
}

.footer-title {
    letter-spacing: 1.3px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 12px;
    font-size: 22px;
    font-family: 'Roboto Slab', serif;
}

.footer-style::before {
    content: "";
    width: 10%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0%;
}

.footer-widget p {
    color:#dfdbff;
    font-size: 15px;
}

.footer-widget ul li {
   padding-top: 13px;
   color:#dfdbff;
   font-size: 15px;
}

.footer-widget i{
     color:#fff;
    padding-right: 5px;
    font-size: 13px;
}

.footer-widget1 i{
     color: #fff;
    padding-right: 5px;
    font-size: 15px;
}

.footer-widget ul li a {
    text-transform: capitalize;
    color: #dfdbff;
    display: block;
    font-size: 15px;
}

.footer-widget ul li a:hover{
    color: #92210f;
}

.detail li p {
    color: #fffc;
    letter-spacing: 0.8px;
    font-size: 14px !important;
}

.social-detail {
    padding: 0px 0;
}

.social-detail ul li {
    line-height: 2em;
}

.social-detail ul li {
    float: none;
    display: inline-block;
    line-height: 2em;
    margin-right: 7px;
}

.social-detail i{
  font-size: 20px;
  color: #da0000;
  border: 1px solid #fff;
  padding: 10px;
  box-shadow: 0 0 17px rgba(115,115,115,.19);
}

.tiny-footer {
    background-color: #172f41;
    padding:20px 0px 15px;
    font-weight:500;
    color: #888d90;
    line-height: 1;
    margin-top:50px;
   border-top: 1px dashed #a1a2a459;
}

.tiny-footer p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 15px;
}

ul li{
    list-style: none;
}

.footer-widget2 ul li{
    display: flex;
    flex-flow: row wrap;
}

.hmservice{
    padding: 50px 0px 50px 10px;
    background: #f2f3ff;
}

.hmservice h3{
    text-align: center;
font-size: 38px;
line-height: 43px;
font-weight: 700;
color: #222121e0;
padding-bottom: 30px;
}

.practice-inner {
    margin: 20px 0;
}

.practice-inner a {
    color: #292929;
    text-transform: capitalize;
    font-size: 20px;
    width: 93%;
    display: inline-block;
    /*text-align: center;*/
    border: 1px solid #d83634;
    padding: 0px 0;
    position: relative;
    z-index: 3;
    background: #fff;
    transition: all 0.4s ease 0s;
}

.practice-inner img {
    width: 50px;
    height: 57px;
   /* display: inline-block;*/
    border: 1px solid #d83634;
font-size: 34px;
line-height: 56px;
transform: translateX(-69%);
position: relative;
top: 11px;
background: #fff;
color: #6d6d6d;
float: left;
box-shadow: 0px 5px 5px #9191915c;
padding: 5px;
margin-right: -28px;
}



.practice-inner i {
    font-size: 28px;
    line-height: 50px;
    color: #2b498d;
    text-align: center;
    float: left;
}

.practice-inner h2 {
    margin-bottom: 5px;
    margin-top:20px;
    transition: all 0.4s ease 0s;
    font-weight: bold;
    font-size: 17px;
    color: #000;
    padding-left: 22px;
    padding-bottom: 35px;
}

.practice-inner a::before {
    position: absolute;
    content: "";
    background: #d83634;
    width: 100%;
    height: 0%;
    z-index: -1;
    transition: all 0.4s ease 0s;
    bottom: 0px;
    left: 0;
}

.practice-inner:hover.practice-inner a::before {
    height: 100%;
    transition: all 0.4s ease 0s;
}

.practice-inner:hover.practice-inner a i {
    color: #fe8000;
}

.practice-inner:hover.practice-inner a h2 {
    color: #fff;
    transition: all 0.4s ease 0s;
}

.practice-inner p{
    color: #037360;
    font-size: 15px;
    font-weight: 700;
    padding-left: 44px;
}

.practice-inner:hover.practice-inner a p {
    color: #fff;
    transition: all 0.4s ease 0s;
}

.black-soft-bg {
  background: #1d284b;
  padding-top: 55px;
  padding-bottom: 45px;
}

.mb-55 {
  margin-bottom: 55px;
}

.callexprt h2 {
  font-size: 45px;
  line-height: 1.08;
margin-bottom: 0px;
font-weight: 700;
}

.callexprt h3 {
  margin-top: 30px;
  color: #fff;
}

.callexprt a {
  color: #fff;
  text-decoration: underline;
}

/*hmtestimonial*/

.testimoniall {
  background-size: cover;
 padding: 35px 0 21px 0;
 background: url(../images/testimonials.jpg) center center no-repeat;
 background-attachment: fixed;
}

.testimoniall h2 {
    position: relative;
    text-transform: capitalize;
    padding-bottom: 20px;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}


.hmtesti .section-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    text-align: center;
    width: 209px;
}
.testimonial1 {
    padding: 45px 0;
}
.testimonial1 h4 {
    text-align: center;
    padding-bottom: 39px;
    color: #000;
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 700;
}
.testimonial {
    padding: 29px 10px 10px 10px;
    margin: 0 10px 0px 0;
    overflow: hidden;
    position: relative;
}
.testimonial .pic {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    float: left;
}
.testimonial .pic img {
    width: 100%;
    height: auto;
}
.testimonial .description {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 5px;
padding:5px 25px;
position: relative;
text-align: center;
}
.testimonial .title {
   /* display: inline-block;*/
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a41b06;
    margin: 0;
    padding-top: 22px;
    padding-left: 10px;
    text-align: center;
}
.testimonial .post {
    display: inline-block;
    font-size: 17px;
    color: #222;
    font-style: italic;
}
.owl-theme .owl-controls .owl-page span {
    background: #06163a !important;
    border-radius: 0 !important;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background: #ff5722 !important;
    border-color:#ff6d12;
}

/*.testimonial .description::before {
    position: absolute;
    content: "";
    bottom: -.880rem;
    left: 2.8125rem;
    width: 30px;
    height: 25px;
    background-color:#a41b06;
    transform: skewY(-40deg);
    box-shadow: -2px 2px 4px -1px rgb(0 0 0 / 12%);
    z-index: -1;
}*/

@media only screen and (max-width: 767px) {
    .testimonial {
        padding: 20px;
        text-align: center;
    }
    .testimonial .pic {
        display: block;
        position: static;
        margin: 0 auto 15px;
        width: 68px;
    }
}
.testimonial .description i {
    color:#a41b06;
    font-size: 20px;
}

.owl-theme .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}

.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999999;
}

.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}

.hotline-phone-ring-circle {
  width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #4dc85a;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: .5;
}

.hotline-phone-ring-circle-fill {
  width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: #4dc85a;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
  background-color: #4dc85a;
  width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
  width: 20px;
  height: 20px;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.newme{
    padding-top: 15px;
}

.newme li a{
    background: #0072b8;
    padding: 10px 18px;
    color: #fff !important;
    margin-left: 10px;
    border-radius: 15px;
    box-shadow: 0 3px 4px 0px #aaa;
}

.bestin-sec1{
    padding-top: 35px;
}

.bestin-sec {
    background-color: #162e40;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.bestin-sec .flex-container {
    display: flex;
    flex-flow: row wrap;
    /*justify-content: space-around;*/
    margin: 0;
    list-style: none;
}

.bestin-sec .flex-item {
    padding: 5px;
    width: 135px;
    height: auto;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    padding: 25px 10px !important;
outline: 1px solid #686767 !important;
outline-offset: -10px;
background: #0d2131;
margin-left: 2px;
}

/*.bestin-sec .flex-item .rgtbrdr {
    border-right: 1px solid #fff;
}*/

.bestin-sec .flex-item p {
    margin: auto;
    width: 100%;
    font-size: 15px;
    color: #fff;
}


/* Slider */

.slick-slide {
    margin: 0px 5px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    padding: 0 0px;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev {
    display: inline-block;
    top: 0px;
    padding: 0px 13px;
    background: #92210f;
    color: #fff;
    top: 103%;
     left:46% !important;
    display: inherit !important;
    margin-bottom: 10px;
    text-align: center;
    border: none;
    position: absolute;
    z-index: 9;
    transition: all 0.4s;
    font-size: 26px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #92210f;
    border-radius: 100%;
}

.slick-next {
    display: inline-block;
    position: absolute;
    top: 103%;
    float: right;
    padding: 0px 13px;
    background: #92210f;
    color: #fff;
    right: 45% !important;
    display: inherit !important;
    margin-bottom: 10px;
    border: none;
    transition: all 0.4s;
    font-size: 26px;
    cursor: pointer;
    border: 1px solid #92210f;
    font-weight: 600;
    border-radius: 100%;
}
.slide1 img{
    box-shadow: 0 0 17px rgba(115,115,115,0.19);
margin-bottom: 17px;
margin-top: 15px;
}


.hmbrand{
    padding: 5px 0 70px;
    text-align: center;
}

.hmbrand h4{
    text-align: center;
font-size: 34px;
line-height: 43px;
font-weight: 700;
color: #222121e0;
padding-bottom:10px;
}

.hmbrand1{
    background: #f2f2f2;
    padding-top: 25px;
    margin-bottom: 55px;
}

.hmbrand p{
    padding:0 10% 2%;
}

.banner-bottom{
    background: url(../images/slider-1.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 55px 60px;
    text-align: center;
    color: #fff;
}

.banner-bottom p strong{
    font-size: 28px;
}

.banner-bottom p span{
    color: #ffb831;
font-size: 18px;
font-weight: 600;
}

.all{
    padding: 55px 0;
    text-align: center;
}

.all a{
    background: #92210f;
padding: 15px 18px;
color: #fff !important;
margin-left: 10px;
border-radius: 15px;
box-shadow: 0 3px 4px 0px #aaa;
}


.menu1{
        display:none;
    }


.w3ls_banner_txt{
    padding-top: 28%;
}


.w3ls_banner_txt h2{
    font-size: 35px;
    font-family: 'Poppins', sans-serif !important;
    color: #0072b8;
    background: #ffffffbf;
    font-weight: 700 !important;
    padding: 10px 15px;
    width: 65%;
    border-radius: 20px 20px 0 0px;
    text-align: center;
}

.w3ls_banner_txt h5{
    font-size: 19px;
    background: #ffffffbf;
    font-weight: 400 !important;
    padding: 10px;
    width: 65%;
    /*border-radius: 0px 0px 20px 20px;*/
    text-align: center;
    color: #333;
}

.w3ls_banner_txt h3{
    font-size: 19px;
    background: #ffffffbf;
    font-weight: 400 !important;
    width: 65%;
    border-radius: 0px 0px 20px 20px;
    text-align: center;
    color: #333;
    padding-bottom: 28px;
}

.w3ls_banner_txt h3 span{
      float: right;
  position: relative;
  margin-top: -14px;
margin-right: -5px;
transform: rotate(-90deg);
display: inline-block;
font-size: 8px;
background: #d7d5d7;
padding: 5px;
}


.w3ls_banner_txt p{
    font-size: 20px;
    background: #ffffffbf;
    font-weight: 500 !important;
    padding: 0px;
    width: 65%;
    text-align: center;
    margin: 0;
    color: #333;
    color: #162e40;
}

.baanerne{
    background: url(../images/banner2.1.jpg)no-repeat center; 
    background-size: cover;
    padding: 15px 0;
    display: none;
}


.baanerne .w3ls_banner_txt{
    padding-top: 24%;
}


.baanerne .w3ls_banner_txt h2{
    font-size: 20px;
    font-family: 'Poppins', sans-serif !important;
    color: #0072b8;
    background: #fff;
    font-weight: 700 !important;
    padding: 7px 4px 0;
    width: 82%;
    border-radius: 20px 20px 0 0px;
    text-align: center;
}

.baanerne .w3ls_banner_txt h5{
    font-size: 15px;
    background: #fff;
    font-weight: 500 !important;
    padding: 8px 4px 1px;
    width: 82%;
    /*border-radius: 0px 0px 20px 20px;*/
    text-align: center;
}

.baanerne .w3ls_banner_txt p{
    font-size: 16px;
    background: #fff;
    font-weight: 500 !important;
    padding: 0px;
    width: 82%;
    text-align: center;
    margin: 0;
    color: #333;
    line-height: 1.2 !important;
}

.baanerne .w3ls_banner_txt h3{
    font-size: 19px;
    background: #fff;
    font-weight: 400 !important;
    width: 82%;
    border-radius: 0px 0px 20px 20px;
    text-align: center;
    color: #333;
    padding-bottom: 48px;
}

.baanerne .w3ls_banner_txt h3 span{
      float: right;
  position: relative;
  margin-top: 6px;
margin-right: -5px;
transform: rotate(-90deg);
display: inline-block;
font-size: 8px;
background: #d7d5d7;
padding: 5px;
}

.w3ls_banner_txt h5 i{
    font-size: 18px;
font-weight: normal;
}

.baanerne .w3ls_banner_txt h5 i{
    font-size: 13px;
font-weight: normal;
}


/*-- responsive design --*/

@media only screen and (min-width: 320px) and (max-width: 768px) {

    .menu{
        display: none;
    }

    .menu1{
        display: block;
    }

   .newme {
      padding-top: 6px;
    }


    .menu1 li a i{
        font-size: 22px;
        line-height: 15px;
    }

    .newme li a{
    padding: 12px 10px 8px;
}

.bestin-sec .flex-item {
  padding: 5px;
  width: 172px;
}

.hmproduct {
  padding: 24px 0 90px;
  background: #f2f3ffa6;
}

.slick-next{
    right: 54% !important;
}

.slick-prev{
    left: 49% !important;
}

.hmbrand {
  padding: 39px 0 27px;
  text-align: center;
}

.hmbrand p {
  padding: 0 2% 3%;
}

.hmservice {
  padding: 28px 0px 16px 13px;
}

.practice-inner a{
    width: 100%;
}

.practice-inner h2{
    padding-left: 40px;
}


.practice-inner img{
    transform: translateX(-38%);
}

.hmservice h3 {
  font-size: 33px;
  padding-bottom: 5px;
}

.practice-inner {
  margin: 11px 0;
}
.banner-bottom{
    padding: 24px 10px 20px;
}

.banner-bottom p strong {
  font-size: 20px;
}


.banner {
  background:inherit;
}

#logo img, .footer-title img {
  width: 156px;
}

.banner-form-w3 {
  padding: 0vw 0 2vw;
  box-sizing: border-box;
}

.csslider {
    display: none;
}

.baanerne{
    display: block;
}

.banner-text-w3pvt {
  padding: 0vw 0 11vw;
  box-sizing: border-box;
}

.text-effect-wthree img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .w3ls_banner_txt {
  padding-top: 68%;
}

}


/*@media(max-width:1440px) {

    .position-image img {

		top: 23%;

	}

}

@media(max-width:1080px) {

    .navbar-light .navbar-nav .nav-link {

		padding: 0 0px 5px;

	}

	h3.b-w3ltxt {

		font-size: 3em;

	}

	h4.b-w3ltxt {

		font-size: 2.8em;

	}

	.banner-form-w3 h5 {

		font-size: 17px;


	}

	.our-services-img {

		margin-right: 8px;

	}

	.our-services-text h4 {

		font-size: 17px;

		letter-spacing: .5px;

	}

	.our-services-img img {

		width: 62px;

	}

	.info h4 {

		font-size: 18px;

	}

	.info img {

		width: 42px;

	}

	.footer-grid_section {

		width: 75%;

	}

	ul.links a, .copy-right p, .copy-right p a {

		letter-spacing: 0.5px;

	}

    .banner-text-w3pvt {

		padding: 19vw 0 15vw;

	}

	.banner-form-w3 {

		padding: 15vw 0 0vw;

	}

	.padding {

		padding: 2em;

	}

	nav a {

		padding: 10px 0px;

		font-size: 14px;

	}

	#logo a {

		font-size: .6em;

	}

	#logo img, .footer-title img {

		width: 150px;

	}

	.footer-title a {

		font-size: 28px;

	}

	.subscribe h3 {

		font-size: 34px;

	}

}

@media(max-width:1024px) {

	p.counter {

		font-size: 2em;

	}

	.testi-info-text h4 {

		font-size: 20px;

		letter-spacing: 1px;

	}

}

@media(max-width:991px) {

    .banner-text-w3pvt {

		padding: 19vw 0 8vw;

	}

	.banner-form-w3 {

		padding: 0vw 0 10vw;

	}    

	.testi-info-text p {

		padding: 1em 0em;

		font-size: 14.5px;

	}

	.footer-grid_section {

		width: 100%;

	}

	.links{

		text-align: center;

	}

	.copy-right {

		text-align: center;

		margin-top: 10px

	}

	.subscribe form {

		width: 90%;

	}

	.bottom-grids .col-md-3 {

		padding: 0 5px;

	}

	.text-effect-wthree h5 {

		font-size: 19px;

	}

	.team-grid {

		padding: 5px;

	}

	.team-info h3 {

		font-size: 1.2em;

	}

	.image {

		width: 5%;

	}

}

@media(max-width:900px) {

	.subscribe h3 {

		font-size: 30px;

	}

	h2.heading {

		font-size: 27px;

	}

	h3.heading {

		font-size: 35px;

	}

}

@media(max-width:768px) {

    .subscribe h3 {

		font-size: 30px;

	}

	.footer-title a {

		font-size: 27px;

	}

	.testi-info-text h4 {

		font-size: 20px;

		letter-spacing: 1px;

	}

	h3.heading {

		font-size: 35px;

	}

	.w3layouts_stats_left i {

		font-size: 20px;

	}

	.banner-text-w3pvt {

		padding: 19vw 8vw 8vw;

	}

	.banner-form-w3 {

		padding: 0vw 0vw 10vw 8vw;

	} 



}

@media(max-width:736px) {

    

	h3.b-w3ltxt {

		font-size: 2.8em;

	}

	h4.b-w3ltxt {

		font-size: 2.5em;

	}

	.image {

		width: 7%;

	}

	.img1 h3 {

		font-size: 22px;

	}

	ul.callbacks_tabs {

		position: absolute;

		bottom: -25px;

	}

	.banner-text-w3pvt {

		padding: 22vw 0vw 8vw;

	}

	.banner-form-w3 {

		padding: 0vw 0vw 10vw;

	}  

	.carousel-item p {

		font-size: 14px;

	}

	.ser-img img {

		width: 70px;

	}

	.team-grid {

		padding: 0 15px;

	}

	h2.heading {

		font-size: 23px;

	}

}

@media(max-width:667px) {

    

	h3.b-w3ltxt {

		font-size: 2.5em;

	}

	h4.b-w3ltxt {

		font-size: 2.2em;

	}

}

@media(max-width:568px) {

    

	.banner-text-w3pvt {

		padding: 22vw 8vw 8vw;

	}



	.position-image img {

		position: static;

		width: auto;

	}

	.banner-bottom p {

		font-size: 15px;

	}

	.subscribe h3 {

		font-size: 25px;

	}

	ul.banner_slide_bg .container-fluid {

		padding: 0;

	}

	.csslider>.navigation {

		left: -1% !important;

	}

	.team-grid {

		padding: 0 15px;

		width: 50%;

	}

	.csslider>.navigation label,.csslider>.navigation label:after {

		height: 4px !important;

	}

	.w3ls_banner_txt p {

		font-size: 14px;

	}

}

@media(max-width:480px) {

    h3.heading {

		font-size: 34px;

	}

	h3.b-w3ltxt {

		font-size: 2.2em;

	}

	h4.b-w3ltxt {

		font-size: 2em;

		letter-spacing: 2px;

	}

	

	h2.heading {

		font-size: 26px;

		line-height: 28px;

	}

	.right-p li, .right-p li a {

		font-size: 14px;

		letter-spacing: 1px;

	}

	.subscribe form {

		width: 100%;

	}

	.btn-banner {

		font-size: 15px;

		padding: 10px 25px;

	}

	.stats-icon {

		width: 65px;

		height: 65px;

		line-height: 65px;

	}

	.w3layouts_stats_left span.fa {

		font-size: 20px;

		line-height: 65px;

	}

	.csslider>.navigation {

		bottom: 0% !important;

	}

	ul.links a, .copy-right p, .copy-right p a {

		letter-spacing: 1px;

	}



}

@media(max-width:414px) {

    h4.b-w3ltxt {

		font-size: 1.8em;

		letter-spacing: 1px;

	}

	.navbar-toggler {

		padding: 0.2rem 0.7rem;

	}

	.w3layouts_stats_left i {

		font-size: 16px;

		width: 60px;

		height: 60px;

		line-height: 60px;

	}

	p.counter {

		font-size: 2em;

	}

	.teamy {

		width: 49.5%;

	}

	.teamy__name {

		font-size: 1.2em;

	}

	.social {

		width: 38px;

		height: 38px;

		margin: 2px;

		font-size: 13px;

	}

	p.para-text-w3ls {

		font-size: 13px;

	}

	.subscribe form input[type="email"] {

		width: 85%;

	}

	.subscribe button.btn1 {

		width: 15%;

	}

	ul.links a, .copy-right p, .copy-right p a {

		font-size: 15px;

	}

	.image {

		width: 20%;

	}

	.ser-img img {

		width: 65px;

	}

	.copyright {

		padding: 0 1em;

	}

	ul.links a, .copy-right p, .copy-right p a {

		font-size: 14px;

	}

	.footer-title a {

		font-size: 22px;

	}

	.subscribe h3 {

		font-size: 22px;

	}

	.team-grid {

		padding: 0 10px;

	}

	h3.heading {

		font-size: 28px;

	}

	p.para-text-w3ls {

		font-size: 14px;

	}

	h3.b-w3ltxt {

		font-size: 2em;

	}

	h4.b-w3ltxt {

		font-size: 1.8em;

		letter-spacing: 1px;

	}

	#logo img, .footer-title img {

		width: 150px;

	}

	.section-stats .col-lg-3 {

		padding: 0 7px;

	}

	nav ul li {

		padding: 5px 0;

	}

}

@media(max-width:384px) {

    .right-p li, .right-p li a {

		font-size: 13px;

		letter-spacing: .5px;

	}

	.banner-text-w3pvt {

		padding: 33vw 7vw 8vw;

	}

	h3.b-w3ltxt {

		font-size: 2em;

	}

	h4.b-w3ltxt {

		font-size: 1.6em;

		letter-spacing: 1px;

	}

	.btn-banner {

		font-size: 14px;

		letter-spacing: 1px;

		padding: 10px 25px;

	}

	.padding {

		padding: 2em;

	}

	.banner-form-w3 {

		padding: 0vw 7vw 10vw 7vw;

	}

	h2.heading {

		font-size: 21px;

	}

	h3.heading {

		font-size: 30px;

	}

	.teamy__content {

		padding: 20px 10px;

	}

	.footer-text p {

		font-size: 14px;

	}

	ul.links a, .copy-right p, .copy-right p a {

		font-size: 14px;

	}

	.image {

		width: 25%;

	}

	.subscribe h3 {

		font-size: 25px;

	}

	.ser-img {

		padding-right: 0;

	}

	.team-info h3 {

		font-size: 1em;

	}

	.team-info span {

		font-size: .7em;

	}

}


}*/





/*-- //responsive design --*/