html{
	font-size: 62.5%;  scroll-behavior: smooth;
}
@font-face{
	font-family:'Mulish-Regular';
	src:url('../fonts/Mulish-Regular.ttf');
}
@font-face{
	font-family:'Mulish-Light';
	src:url('../fonts/Mulish-Light.ttf');
}
@font-face{
	font-family:'Mulish-SemiBold';
	src:url('../fonts/Mulish-SemiBold.ttf');
}
@font-face{
	font-family:'Mulish-Medium';
	src:url('../fonts/Mulish-Medium.ttf');
}
@font-face{
	font-family:'Mulish-Bold';
	src:url('../fonts/Mulish-Bold.ttf');
}

@font-face {
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body{
	box-sizing: border-box;
 	font-family: 'Mulish-Regular';
}
.container-fluid, .row{
	margin:0px;
	padding:0px;
}
:root{
	/*--forbg:#1f2128;*/
	--orange:#ec971f;#d14261;
	--blue:#16669b;
	--yellow:#f9f27a;
	--gray:#f9f27a;
	--lightgray:#e6e6e6;
	--primary:#00989c;
	--secondary:#00c9c9;
	--dark:#3a3a3a;
}

.hero-section{
	height:auto;
	width:100%;
	background-repeat:no-repeat;
	background-size:100% 100%;
    transition: background .3s,	
}
.mainlogo{
	/*width:10rem;*/
}
.container-fluid{
	margin:0px;padding:0px;
}

.navbar{
	height: auto;
	padding:1rem 0rem;
}
.navbar.sticky_navigation {
	background:white;
	/*background: linear-gradient(90.28deg, #001C80 0.26%, #153ABF 30.33%, #2B59FF 99.79%);*/
	padding:.4rem 1.2rem;
	box-sizing: border-box;
	color:white;
}
.sticky_navigation {
	margin-top:0rem!important;  
	width: 100%;
  	z-index: 999;
  	color:white;
  	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
  	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky_navigation .navbar {
	margin-top: 0px!important;
}
.mto0{
	margin-top:0px!important;
}

@-webkit-keyframes fadeInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-20px);
   }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}    
 
      
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
body{
	overflow-x: hidden!important;
}
.formarginleft{
	margin-left:20rem;
}
.navbar-nav li{
 	padding:0rem 1.3rem;
}
.navbar-nav li a{
 	font-size:1.6rem;
 	text-transform: capitalize;
 	color:black;
 	font-family: 'Mulish-Bold'!important;
 	line-height: 2rem;
}
.navbar-nav li a.active{
	color:var(--blue);
	font-family:'Mulish-Bold'
}
.navbar-nav li a:hover{
	color:var(--blue);
}
.menu_blue_btn{
	font-size: 1.6rem;
	background: var(--primary);
	padding:1.5rem 2.6rem;
	color:white;
 	font-family:'Mulish-Bold';	
	border-radius:.8rem;
	text-decoration: none;


}
.menu_blue_btn:hover{
	background: var(--secondary);
	text-decoration: none;
	color:white;
}
.menu-links .dropdown-menu{
	padding:0rem!important;
	margin-top:1rem;
	background:#eff0fc;
}
.menu-links .dropdown-menu li{
	/*border-bottom:.1rem solid #f2f2f2;*/
	padding:0rem;
	background: transparent;
	margin:0rem;

}

.menu-links .dropdown-menu li a{
	font-size: 1.6rem;
	line-height: 3rem;
}
.menu-links .dropdown-item:active{
	background:none;
}
.navbar-toggler i{
	color:var(--blue);
	font-size:2rem;
}
.fa-times{
	display: none;
}
.navbar-toggler:focus{
	outline:none;
}

.about_section{
	height:auto;
	/*margin-top:14rem;*/
	/*height: 60rem;*/
	padding:10rem 0rem;
	padding-top:15rem;
	background:url(../images/main-hero-2.png);
}
.hero_heading{
	font-size:4.5rem;
	color:var(--dark);
	font-family: 'Mulish-Bold';
	line-height: 5rem;
}
.highlited{
	color:var(--primary);
	letter-spacing: 0rem;
}
.hero_p{
	font-size:2.2rem;
	color:black;
	font-family: 'Mulish-Regular';
	margin-top:2rem;

}
.buynowbtn{
	display: inline-block;
	padding:1.2rem 3.7rem;
	background: var(--primary);
	margin-top:1.6rem;
	font-size:1.8rem;
	color:white;
	font-family: 'Mulish-SemiBold';
	text-transform: capitalize;
	border-radius:.8rem;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: .1rem;
}
.buynowbtn:hover{
	color:white;
	text-decoration: none;
	opacity: .8;

}

.buynowbtn:hover:hover{
	background:var(--secondary);
	color:white!important;
	outline:none;
}
.hero_right{
	padding:4rem 3rem;
	box-sizing: border-box;
	background:var(--yellowshad);#664814;#a38a5f;var(--desc);#33343b;
	border-radius: 2.5rem;
}
.mainlogo{
	/*max-width: 12rem;*/
}
.heroimage {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
      /*border-radius: 60% 40% 40% 20% / 70% 50% 30% 25%;*/

}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.card{
	background: none;
	border:none;
}
.py_8{
	padding:14rem 0rem;
}
.main_heading{
	text-align: center;
	color:black;
	font-size: 3rem;
	font-family: 'Mulish-SemiBold';
}

.dropdown-toggle::after {
        display: none !important;
 }
 .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
   
    /* background: black; */
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -0.5rem;
    right: 0.5rem;
    border: 1px solid white;
    background: none;
}
.down_arrow{
	position: absolute;
	right:0rem;
	top:.9rem;
}
.down_arrow:after{
	transform: rotateY(90deg);
}
.tagline{
	font-size: 2rem;
    text-transform: uppercase;
    display: block;
    color: black;
    font-family: 'Mulish-Bold';
}
.tagline:before {
    display: inline-block;
    content: '';
    border-top: 0.3rem solid var(--blue);
    width: 4rem;
    margin: 0rem 1rem 0rem 0rem;
    transform: translateY(-0.5rem);
}
.hero_list{
	padding:0px;
	margin-top:1rem;
}
.hero_list li{
	list-style: none;
	display:block;
	font-size:2.2rem;
	color:black;
	opacity: .8;
	font-family: 'Mulish-Regular';
	text-transform: capitalize;

}
.foricon{
	position: absolute;
	width:4rem;
	height: 3rem;
	background: white;
	line-height: 3rem;
	margin-top:.4rem;
	text-align: center;
}

.hero_list li .list_text{
	margin-left: 5rem;
	padding-top:.3rem;
	margin-top:.0rem;
	display: block;
}
@-webkit-keyframes lefttoright {
    0% { transform: translateX(0); }
    100% { transform: translateX(10px); }
}
@keyframes lefttoright {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
.sub_heading{
	font-size:4rem;
	font-family: 'Mulish-Bold';
	text-align: center;
	margin-bottom: 10px;
}
.heading_three{
	font-size:3rem;
	font-family: 'Mulish-Bold';
	margin-bottom: 10px;
}

.cards_section{
	width:100%;
	height: auto;
	background:#f2f2f2;
	padding:8rem 0rem;
}

.py80{
	padding:8rem 0rem;
}

.ability-section{
	width:100%;
	height: auto;
	background: #F4F6FC;

	/*margin-top:8.9rem;*/
	padding: 6rem 0rem;
}
.mt44{
	margin-top:6rem;
}

.ability-section .cad{
	text-align: center;
	padding:3rem;
	box-sizing: border-box;
	 /*opacity: 0.6;*/
  transition: 0.3s;

}
.cdicon {
	font-size: 5rem;
	color:var(--primary);
}
.sub_heading{
	font-size: 3.2rem;
	font-family: 'Mulish-Bold';
	text-transform: capitalize;
}
.cd-tit{
	font-family: 'Mulish-Bold';
	color:#222222;
	font-size:2.2rem;
	margin-bottom:1.6rem;
	margin:1.5rem 0rem;
}
.cdp{
	color:#676767;
	font-size:1.6rem;
}
.cdlink{
	font-size:2rem;
	text-decoration: none;
	margin:0px;
	color:black;
	font-family: 'Mulish-Bold';
	padding: 0px;
	position: relative;

}/*
.ability-section .cad{
	margin-bottom: 6.4rem;
}*/
.cdlink i{
	color:var(--primary);
	padding-right:.5rem;
}
.cdlink{
   margin-top: auto;
}

.ability-section .cad:hover{
	background: var(--primary);border-radius: .8rem;
}
.ability-section .cad:hover .cdlink{
	color:white;
}
.ability-section .cad:hover .cdlink i{
	color:white;
}
.ability-section .cad:hover .cdicon{
	color:white;
}
.ability-section .cad:hover .cdp{
	color:white;
}
.ability-section .cad:hover .cd-tit{
	color:white;
}
.ability-section .cad:hover .cdlink:hover{
	opacity: .6;
}


.about_us{
	width:100%;
	/*height:610px;*/
	background: url(../images/third-banner.png);
	padding:6rem 0rem;
	box-sizing:border-box;
	background-size: 100% 100%;
}
.learn-more-btn{
	display: inline-block;
	background:var(--primary);
	font-size:1.8rem;
	border-radius: .8rem;
	color:white;
	width:15rem;
	height: 5rem;
	text-align: center;
	line-height: 5rem;	
	margin-top:2.6rem;
	text-decoration: none;
}
.learn-more-btn:hover{
	text-decoration: none;
	color:white;
	background: var(--secondary);
}
.gen_p{
	font-size:1.7rem;
}
.py_6{
	padding:6rem 0rem;
}


.watch-section{
	
}
.forbg{

	background: url(../images/watch-section.png);
	width:100%;
	background-size: cover;
}
.py-89{
	padding:6.9rem;
}
.vidobannr{
	margin:0 auto;
	padding-top:40px;
	max-width:680px;
}
.timmer{
	max-width: 713px;
	margin:0 auto;
	height: auto;
	margin-top:7rem;
}
.nos{
	font-size:2.6rem;
	font-family: 'Mulish-Bold';
	display: block;
}
.nos-desc{
	font-size: 1.6rem;
	color:#222222;
	font-family:'Mulish-SemiBold';
}
.forborder{
	border:1px solid #F0F0F0;
	padding:3.4rem;
}
.contctusbtn{
	width:140px;
	height:40px;
	color:white;
	background: var(--primary);
	display: inline-block;
	line-height:40px;
	text-align: center;
	text-decoration: none;
	font-size:1.8rem;
	border-radius:5px;
}
.contctusbtn:hover{
	background: var(--secondary);
	color:white;
	text-decoration: none;
}
.sub_heading_three{
	font-size: 2rem;
	font-family: 'Mulish-Bold';
}
.more_services{
	width:100%;
	height: auto;
	background:#f2f2f2;
	margin-top: 6rem;
}
.py_6{
	padding:6rem 0rem;
}

.videovannr{
	margin:0 auto;
	max-width:680px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40rem;
	background:url(../images/video-banner.png);
	background-size:cover;
}

.h-400{
	height: 30rem;
}
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-3.1rem;
  top:0;
  z-index:999;
  font-size:2rem;
  display:block;
  font-weight: normal;
  background:red;
  font-size: 2rem;
  font-weight: 600;
  width:3rem;
  height: 3rem;
  line-height: 2.5rem;
  padding-top:0rem;
  border:none;
  color:#fff;
  opacity:1;
}

 .animated-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: var(--primary);
    position: relative;
    z-index: 3;
}

.animated-btn::before, .animated-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    /*background: rgba(255, 63, 63, 0.8);*/
    background: var(--primary)
    /*background: red;*/
    animation: ripple-1 2s infinite ease-in-out;
    z-index: 2;
}

.animated-btn::after {
    /*background: rgba(255, 63, 63, 0.6);*/
    background: var(--blue);
    /*background: red;*/
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

.modal-dialog {
      /*max-width: 800px;*/
      margin: 0  auto;
  }
.line_heading {
   width: 100%; 
   color:var(--dark);;
   border-bottom: .1rem solid gray; 
   line-height: 0.1rem;
   margin: .1rem 0 .2rem; 
   font-size:3.2rem;
   font-family: 'Mulish-Bold';
   border-radius:.5rem;
} 

.line_heading span {
    padding:.5rem 1rem; 
    background: white;
    border-radius: .2rem;
}

.benefit_section .cad{
	padding:4rem;
	text-align: center;
	background:#f2f2f2;
	border-radius: .8rem;
	border:.1rem solid #F0F0F0;
	margin-bottom: 1rem;
	width:95%;
	margin:0 auto;
}
.bene_icon{
	font-size:4.5rem;
	color:var(--dark);

}
.bane_tit{
	font-size:2.0rem;
	color:var(--primary);
	margin-top: 1rem;
	font-weight: bold;

}
.blue_color{
	color:var(--primary);
}
.how_to_use_section{
	background: #F4F6FC;
}
.forhrcad{
	background: white;
	padding:2rem;
	border-radius: 1rem;
	border:.1rem solid #F0F0F0;

	box-sizing: border-box;
}
.fobgicon{
	max-width:11rem;
	display: block;
}
.testimonal_section{
	background:white;
	padding:8rem 0rem;
	height: auto;
	margin-top:0rem;
}
.slider_image{
	width:20rem;
	height: 20rem;
	border-radius: 50%;
}
.foralign{
	display: flex;
	align-items: center;
}
.for_quotes_icons{
	position: absolute;
	top:-6rem;
}
.for_quotes_icons i{
	font-size:8rem;
	transform: rotate(180deg);
	color:blue;
	opacity: .1;
}
.forslider{
	margin-top:-5rem;
	padding-left:3rem;
	color:black!important;
	font-size: 1.8rem!important;
}
.testimonal_by{
	font-size:2rem;
	display: block;
	color: black;
	font-family: 'Mulish-Bold';
	margin-top:1rem;
	letter-spacing: .1rem;
}



.testimonial{
    margin: 0 15px;
    padding-bottom:0px;
}
.testimonial .pic{
    width: 20%;
    float: left;
    margin-right: 15px;
    position: relative;
    border-radius: 100%;

}
.testimonial .pic:after{
    content: "";
    display: block;
    width: 80%;
    height: 80%;
    position: absolute;
    top: 5%;
    left: 5%;
}
.testimonial .pic img{
    width: 90%;
    height: auto;
    border-radius: 100%;
    display: block;
    outline:2px solid var(--orange);
    margin:0 auto;
    margin-top:10px;

}
.testimonial .testimonial-content{
    padding: 5rem 0;
    padding-bottom:0rem;
    display: table;
}
.testimonial .description{
    font-size: 17px;
    color:black;
    line-height: 26px;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px;
    color: var(--blue);
    margin: 0 10px;
}
.testimonial .testimonial-title{
    font-size: 19px;
    color:var(--blue);
    text-transform: capitalize;
    margin: 10px 0 0 0;
    float: left;
    font-family: 'mulish-SemiBold';
}
.owl-theme .owl-controls{
    position: absolute;
    top: 0;
    right: 20px;
}
.owl-theme .owl-controls .owl-buttons div{
    border-radius: 20px;
    background: var(--blue);
    opacity: .8;
    padding: 3px 8px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px;
    }
    .testimonial .pic{
        float: none;
        width: 50%;
        margin: 0 auto;
    }
    .owl-theme .owl-controls{
        top: -30px;
        right: 0;
    }
}



.forfooter{
	height: auto;
	background:#004c4c;var(--primary);
	padding:8rem 0rem;
}
.footerlogo{
	max-width:15rem;
}
.footerheading{
	font-size:2rem;
	color:white;

}
.fotlink ul{
	padding-left:0px;
	margin-top:20px;
}

.fotlink ul li{
	list-style: none;
}
.fotlink ul li a{
	line-height:35px;
	color:white;
	font-size:1.6rem;
}
.fotlink ul li a:hover{
	color:var(--orange);
}
.foot-p{
	font-size:1.6rem;


}
.lifafa{
	font-size:1.5rem;
	color:white;
}
.ff-link{
	font-size:1.5rem;
	color:white;
	padding-left:5px;
}

footer{
	font-size:1.6rem;
	color:white;
	border-top:.1rem solid gray;
}
.veryfooter a{
	/*margin:0px 10px;*/
	color:lightgray;
}
.veryfooter a:last-child{
	margin:0px 10px;
	margin-right:0px;
}
.ff-link:hover{
	color:white;
	text-decoration: underline;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.sidebar-textbox a{
	font-size: 1.6rem;
	color:black
}
.sidebar-textbox a:hover{
	color:var(--primary);
}

.faq_section{
	background:#f2f2f2;
	padding:6rem;
	box-sizing: border-box;
}







.faq-section{
	background:white;
	padding:8rem 0rem;
}

.faq-section .accordian{
	margin-top:3.1rem;
}
.faq-section .accordian .card{
	margin-bottom:1.1rem;
}
.faq-section .card-header:after{
    font-family:'FontAwesome';
    content:"\f068";
    float:right;
    padding-left:5px;
    padding-right:5px;
    margin:0px;
    padding-top:1px;
    padding-bottom:-10px!important;
    cursor: pointer;
    color:var(--orange);
    font-size:1.4rem;
    font-weight: normal;
   
  }
  .faq-section .collapsed:after{
    content:"\f067";
    color:var(--secondary);
  }

  .faq-section h2{
	/*font-size:28px;
	text-transform: normal;
	color:#328b32;		;
	font-weight:400;*/
}
.faq-section p{
	font-size:18px;
	color:black!important;
}


 
  #colap_header a{
  	font-size:1.6rem;
  	color:#000000;
  	font-family: 'Mulish-Regular';
  }
  #content_p p{
  	font-size:1.4rem;
  	font-family: 'Mulish-Regular';
  	padding-left:0px;
  	text-align:left;
  	color:#676767!important;
  	font-weight:normal;
  }
  .faq-section .accordian .card{
  	background: none;
  	border:none;
  	margin-bottom:1.1rem!important;
  }
  .faq-section .card-header{
  	background:#F5F5FF;
  	vertical-align: middle;
  	padding:1rem 1rem;
  	cursor: pointer;

  }
  .accordian .card-body{
  	background: #F5F5FF;
  	text-align: left;
  	border-top:1px solid var(--lightred);


  }
.text-blue{
	color:var(--primary);
}
footer{
	padding:1rem 0rem;
}
.copyright_text{
	margin-bottom: 0px;
	font-size:1.4rem;
	color:white;
}

.social_icons{
	padding-left:0px;
	/*margin-top:4rem;*/
	display: block;
	padding-bottom: 0px;
	margin-bottom:0px;

}
.social_icons li{
	list-style: none;
	display: inline;
	margin-bottom:0px;

}
a{
	text-decoration: none;
}
.social_icons li a{
	width:3.5rem;
	height: 3.5rem;
	margin-right:1rem;
	font-size:2rem;
	background:var(--primary);
	line-height: 3.5rem;
	text-align: center;
	border-radius: 100%;
	margin-bottom:0px;
	padding-bottom: 0px;
	color:white;

}
.social_icons li a:hover{
	text-decoration: none;
	background: var(--orange);
	color:white;
}

 .slick-dots {
	 display: flex;
	 justify-content: center;
	 margin: 0;
	 padding: 1rem 0;
	 list-style-type: none;
}
 .slick-dots li {
	 margin: 0 0.25rem;
	 margin-top:70px!important;

}
 .slick-dots button {
	 display: block;
	 width:1.3rem!important;
	 height:1.3rem!important;
	 padding: 0;
	 border: none;
	 border-radius: 100%;
	 background-color: var(--secondary)!important;
}
 .slick-dots li.slick-active button {
	 background-color:var(--primary)!important;
}
.slick-dots li button:before{
	content:"";
}

#myBtn {
  display: none;
  position: fixed;
  bottom:1.5rem;
  right: 3%; 
  z-index: 99;
  border: none; 
  outline: none; 
  background-color:var(--primary); 
  color: white;
  cursor: pointer;
  padding: 0rem;
  border-radius: 100%;
  font-size: 18px;
  width:4rem;
  height: 4rem;
  text-align: center;
  line-height: 2rem;
}

#myBtn:hover {
  background-color:var(--secondary);
}

/*dropdown start here*/
/*.dropdown_width{
	width:100rem;
	background: blue;
	height: 400px;
}
*/
.mega_menu {
	width:100rem;
	background: #FFFFFF;
/* Drop Shadow/DS Default */
	border:none;
box-shadow: 0px 4px 24px rgba(175, 175, 175, 0.25);
border-radius: 8px;
height: auto;
z-index: 1;
margin:0 auto;
margin-left:-40rem;
margin-top:0rem;
padding-top:0rem;
}
.dropdown-menu{
	border:none;
}
/*dropdown end*/
.forarrow{
	width:3rem;
	height: 3rem;
box-shadow: 0px 4px 24px rgba(175, 175, 175, 0.25);
	border: 1px solid #daddbb;
	margin:0 auto;
	transform: rotate(48deg)!important;
	background: white;
	margin-top: -0rem;
	z-index: -1;
	position: relative;
	    position: absolute;
    margin: 0 auto;
    left: 8%;
    top: -.5rem;
}


.m_feature_cad{
	width:100%;
	height: auto;
	background:white;
	padding:2rem; box-sizing: border-box;
}
.drop_card a:hover .m_feature_cad{
	background: var(--blue);
	border-radius: .8rem;
}
.drop_card a .m_feature_cad .cdicon{
	
	font-size: 3rem;
}
.drop_card a:hover .m_feature_cad .cdicon{
	color:white!important;
}
.drop_card a .m_feature_cad .cd-tit{
	font-size:1.6rem;
	font-family: 'mulish-SemiBold';
}
.drop_card a:hover .m_feature_cad .cd-tit{
	color:white!important;
}
.drop_card{
	margin-bottom: 0rem;
}

.caretup {
    transform: rotate(180deg);
  }
  .downarrow{
	right:0px;
	transition: all 0.5s ease;
	display: none;
  }

  .mobile-links{
  	padding:0rem;
  	margin:0rem;
  }
  .mobile-links li{
  	list-style: none;
 	line-height: 3rem;
 	background:#f2f2f2!important;

  }
   .mobile-links li a{
   	background:transparent;
   	color:gray;
   	padding-left:1rem;
   }

  .formargintop{
  	margin-top:10rem;
  }

.activeLinkmobile a{
	color:var(--primary)!important;
}

.breadcrumb{
	background:#f2f2f2;
	padding:3rem 0rem;
}
.bred-title{
	font-size: 3rem;
	font-family: 'Mulish-Bold';
	margin:0px;
	padding:0px;

}

.forbreadcrumb  li{
	list-style: none;
	display: inline;
	margin-right: 1.5rem;
	font-size: 1.6rem;
}
.forbreadcrumb  li:after{
	content: "|";
	padding-left: 1.5rem;
	color:gray;
}
.forbreadcrumb li:last-child:after { content: ""; }
.forbreadcrumb li a{
	color:var(--blue);
	font-family:'Mulish-SemiBold';
	display: inline-block;
	padding-top: 1rem;
}
.forbreadcrumb li a.active{
	font-family: 'Mulish-Bold';
	color:var(--orange);
}
.forbreadcrumb li a:hover{
	color:var(--orange);
}
.forbreadcrumb li a.active:hover{
	color:var(--blue);
}
.blue_text{
	color:var(--blue);
}


.about_us{
	/*background-image:linear-gradient(to left,rgba(0,0,0,.8),
		rgba(0,0,0,.8)),url(../images/about_u.jpg)!important;
	background:red!imp;*/
}

.aboutUstagline{
    font-size: 1.6rem;
    text-transform: capitalize;
    color:var(--blue);
}
.aboutUstagline::before{
    display: inline-block;
    content: "";
    border-top: .3rem solid var(--blue);
    width: 4rem;
    margin: 0 1.5rem;
    margin-left: 0rem;
    transform: translateY(-.4rem);
}
.m_card{
	border:.2rem solid #ededed;
	padding:2.5rem;
}
.m_card_icon{
	font-size:3rem;
	color:var(--blue);
	border-bottom:2px solid #ededed;
	padding-bottom: 1.5rem;
}
.m_card_title{
	font-size: 2rem;
	color:black;
	font-family: 'Mulish-SemiBold';
	letter-spacing: .1rem;
	margin:1rem 0rem;
}
.lightcolor{
	font-size: 1.5rem;
	color:gray;
}
.core_value_section{
	width:100%;
	height: auto;
	background:#f2f2f2;
	padding:8rem 0rem;
}

.core_card{
	padding:4rem 3rem;
	box-sizing: border-box;
	background: white;
	border:.2rem solid #ededed;
	/*box-shadow: 0rem 0rem 1rem .1rem #e6e6e6;*/
	text-align: center;

}
.pl0{
	padding-left:0rem;
}
.pr0{
	padding-right:0rem;
}
.corimg{
	display: block;
	margin:0 auto;
}
.core_title{
	margin:1.5rem 0rem;
	margin-top: 2rem;
	font-family: 'Mulish-SemiBold';
	font-size: 2.3rem;
}

  .call_to_action{
  	width:100%;
  	height: auto;
  	padding:10rem 0rem;
  	background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../images/tti.png);
  	background-position: center;
  	background-size:cover;
  	color:white;
  }
  .cta_heading{
  	font-size:2.6rem;
  	margin-bottom: 1rem;
  }
  .cta_desc{
  	font-size:1.6rem;
  	color:white;
  	opacity: .9;
  }
  .contat_btn{
  	border:none;
  	background:white;
  }

.our_team{
	padding:8rem 0rem;
	background:#f2f2f2;
}
  .our-team{
    text-align: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.our-team img{
    width: 100%;
    height: 32rem;
}
.our-team .team-content{
    width: 100%;
    height: 100%;
    background:var(--blue);
    padding-top: 35%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    transition: all 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66) 0s;
}
.our-team:hover .team-content{ transform: translateY(0); }
.our-team .title{
    display: block;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.our-team .post{
    display: block;
    font-size: 17px;
    color: #fff;
}
.our-team .social{
    padding: 0;
    margin: 0;
    list-style: none;
}
.our-team .social li{
    display: inline-block;
    margin-top: 30px;
}
.our-team .social li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #fff;
    font-size: 20px;
    color:var(--blue);
    margin-right: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transition: all 0.5s ease 0s;
}
.our-team .social li a:hover{
    background:var(--secondary);
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}

.more_btn{
	color: #414a53;
    height:5rem;
    line-height: 4.5rem;
    min-width: 170px;
    text-align: left;
    border: 2px solid white;
    border-radius:.8rem;
    font-size:1.6rem;
    /*padding: 1rem 2rem;*/
    font-family: 'mulish-SemiBold';
    text-align: center;
    margin-top:2rem;
    display: inline-block;
    font-size:1.8rem;
    text-transform: capitalize;
}
.more_btn:hover{
	background:var(--secondary);
	color:white;
	border:none;
}

.pricing_contents{
	padding:6rem 0rem;
}
.pricing_hero{
	font-size: 4.2rem;
	font-family: 'Mulish-Bold';
}


.divbtn{
    width:auto;
    height:6.1rem;
    /* padding:1rem; */
    background:var(--blue);
    box-sizing: border-box;
    display: inline-block;
    border-radius:5rem;
    line-height: 5.8rem;
    padding-left:1rem;
    padding-right: 3rem;
}
.divbtn .playbtn{
    background-color: white;
    border-radius: 100%;
    width:4.6rem;
    height: 4.6rem;
    display: inline-block;
    line-height:4.6rem;
    margin-top:0px;;
    text-align: center;
}
.watchvideo{
    font-size: 1.6rem;
    color:white;
    padding-left:1rem;
    padding-top:0rem;
    display: inline-block;
}
.button-divs a:hover{
    opacity: .5;
}
.mobileImag{
	height: 40rem;
	display: block;
	margin:0 auto;
	transform: rotate(15deg);
}


.pricing_section{
	background:white;
	padding:8rem 0rem;
}
.pricing_desc_section{
	width:60%;
	margin:0 auto;
	text-align: center;
}
.pricing_card{
	padding:2rem;
	box-sizing: border-box;
	border:.1rem solid #d2d5d9;
	margin-top:2rem;
}
.freeforlife{
	font-size:2rem;
	color:var(--blue);
	font-family: 'Mulish-Bold';
}
.freeimg{
	max-width:14rem;
	display: block;
	margin:0 auto;
}

.steps_list li{
	font-size:1.7rem;
	list-style: none;
}
.steps_list li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:var(--orange);
  font-size:1.8rem;
  text-align: center;
  margin-right:.5rem;
  margin-top: -1rem;
}





.pricing-section{
	width:100%;
	height: auto;
	background:#F4F6FC;
	padding:8.2rem 0rem;	
}


.forgroupbtns{
	max-width:26rem;
	height: 4.3rem;
	margin:0 auto;
	padding:10px;
}
.leftbutton{

}
.monthlycalander{
	font-size:1.4rem;
	font-family: 'mulish-SemiBold';
	color:black;
	width:13.7rem;
	display: block;
	height:4.3rem;
	border:none;
	background: white;
	border-radius: 50px 0px 0px 50px;
}
.monthlycalander:hover{
		background:white;
	color:#222222;
	/*border-right:1px dashed black;*/
}
.yearlycalander{
	font-size:1.4rem;
	font-family: 'mulish-SemiBold';
	width:12rem;
	display: block;
	height:4.3rem;
	background: white;
	border:none;
	border-radius: 0px 50px 50px 0px;
}/*
.yearlycalander:hover{
	background: var(--secondary);
	color:white;
	border-left:1px dashed white;

}*/
.mt-69{
	margin-top:6.9rem;
}
.pricing .card{
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(88, 121, 135, 0.25);
	border:none;
	width: 37rem;
}

.pkg-name{
	text-align: center;
	font-size:2rem;
	color:black;
	font-family: 'Mulish-Bold';
	margin:1.6rem 0rem 1.6rem 0rem;
	text-transform: capitalize;
	letter-spacing: .1rem;
}
.pkg-pricing{
	border-top:2px  dashed #F0F0F0;
	border-bottom:2px  dashed #F0F0F0;
	padding:0rem 0rem;
	text-align: center;
}
.dollr-sign{
	font-size:1.5rem;
	font-family: 'Mulish-Bold';
	color:var(--primary);
}
.big-pric{
font-size:3rem;
	font-family: 'Mulish-Bold';
	color:black;
}

.pkg-features{
	padding:2.5rem;
}
.pkg-features ul{
}
.pkg_desc{
	padding-bottom: 0rem;
}
.pkg_desc li{
	list-style: none;
	font-size: 1.4rem;
	color:gray;
	line-height: 2rem;
}
.pkg_desc li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:var(--primary);
  font-size:1.5rem;
  text-align: center;
  margin-right:.5rem;
  margin-top: -1rem;
}
.noinclude li:before{
  content: "\f00d"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:red;
  font-size:1.5rem;
  text-align: center;
  margin-right:.5rem;
  margin-top: -1rem;
}
.icco{
	background:var(--orange);
	color:white;
	width:16px;
	height: 16px;
	border-radius:100%;
	text-align: center;
	line-height: 16px;
	display: inline-block;

}
.pri-des{
	color:#676767;
	font-family:'mulish-SemiBold';
	font-size:1.2rem;
	margin-left:1.5rem;
}
.pricing-buttn{
	width:187px;
	height: 54px;
	color:white;
	background: var(--primary);
	display: block;
	text-align: center;
	line-height: 54px;
	font-family:'mulish-SemiBold';
	font-size:1.8rem;
	letter-spacing:.1rem;
	margin:0 auto;
	margin-top: 4rem;
	border-radius: 5px;
}
.pricing-buttn:hover{
	background: var(--secondary);
	text-decoration: none;
	color:white;
}
.orangebg{
	background: var(--secondary);
}
.orangebg:hover{
	background:  var(--blue);
}
.main_cat{
	display: block;
}
.yearlyprice, .yearly_sign{
	display: none;
}
.activee{
    background-color: var(--primary);
    color:white!important;
    border:none;
    outline:none;
	
}
.activee:hover{
    background-color: var(--secondary);
    color:white!important;
    border:none;
    outline:none;
	
}
.btn-check:focus+.btn, .btn:focus{
	box-shadow: none;
}

.main_cat{
	font-size: 1.5rem;
	font-family: 'Mulish-Bold';
	color:black;
}
.main_cat:after{
	content:":";
}

.first_card{
	height: 64.5rem;
}
.second_card{
	height: 28.7rem;
}

.primary_bg{
	background: var(--primary);
	color:white;
	line-height: 5rem;

	border:none;
}
.secondary_bg{
	background: var(--secondary);
	color:white;
	border:none;
	line-height: 5rem;
}

.secondary_bg:hover{
	background: var(--primary);
}


.contact-row-second input{
    height:5.0rem;
    border-radius: .5rem;
    border:.1rem solid #daddbb;
    font-size:1.5rem;
    padding-left:.5rem;
}
.contact-row-second select{
    border:.1rem solid #daddbb;
    border-radius: .5rem;
    height:5.0rem;
    font-size:1.5rem;
    padding-left:.5rem;
}
.contact-row-second textarea{
    border-radius: .5rem;
    height:20.0rem;
    border:.1rem solid #daddbb;
    font-size:1.5rem;
    padding-left:.5rem;

}
.sendbtn button{
    
}
.sendbtn button:hover{
    background:white;
    color:#b3c211;
    border:2px solid #b3c211;
}
.contact-row-second input[type="submit"]{
    background:var(--primary)!important;
    color:white;
    border:none;
    padding:1.2rem 3rem;
    font-family: 'mulish-SemiBold';
    text-transform:uppercase;
    letter-spacing: .2rem;
}
.contact-row-second input[type="submit"]:hover{
    background:var(--secondary)!important;
   
    
}
.sidebar-textbox h4{
    color:#063661;
    display:inline-block;   
}
.ad{
    font-size:18px;
    font-weight:bold;
}
.sidebar-textbox  fieldset{
    border: 1px groove #ddd;
    border:.1rem solid #daddbb;
    margin-bottom: 5rem;
    padding: 0 1.4em 1.4em 1.4em !important; 
}
.sidebar-textbox  legend{
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border:.1rem solid #daddbb;
    margin-top:-1.8rem;
    background: white;
    padding:.3rem 2rem;
    font-size: 2rem;
    border:.1rem solid var(--primary);
    background:var(--primary);
    color:white;    
}
input:focus, select:focus, textarea:focus{
	/*outline: none;*/
	outline: red;
}

.blogandnews{
	background: #83a7a8;var(--primary);
	background: #2193b0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, var(--primary), var(--secondary));  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right,var(--primary), var(--secondary)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.blogcard{
	background: white;
	border-radius: 2rem;
	padding:1rem;
}
.bloger-name{
	color:#353956;
	font-size: 1.8rem;
;
}
.blog-date{
	color:#353956;
	font-size:1.6rem;
	line-height: 2.6rem;
}
.blog-title, .blog-link{
	font-weight: 600;
font-size: 2.2rem;
line-height: 2.9rem;
margin:0px;
padding:0px;
margin-top: 2.0rem;
color: #353956;
}
.blog-desc{
	margin-top:1.4rem;
	font-size:1.6rem;
	line-height: 1.9rem;
	color:#353956;
}
.view-all-btn{
	width:16rem;
	height: 6rem;
	color:#030C1B;
	background: white;
	display: block;
	margin:0 auto;
	margin-top:6rem;
	line-height:6rem;
	border-radius: 1.5rem;
	border:none;
	font-weight: 600;
	font-size:1.8rem;
}

.view-all-btn:hover{
	background:var(--secondary);
	color:white;
	color:black;
	text-decoration: none;
}

.sidebar_links{
	padding:0rem;
}

.cats{

}

.sidenav{
	width: 100%;
}



.sidebar_links li{
	list-style: none;
	width:100%;
	height: 4rem;
	background: var(--primary);
	margin-bottom:.9rem;
	padding-left:.5rem;
	font-size: 1.8rem;
	line-height: 4rem;
}

.sidebar_links li a{
	color:white;
	width: 100%;
	display: inline-block;
}
.sidebar_links li i{
	height: 3.2rem;
	width:4.5rem;
	/*background: white;*/
	color:white;
	text-align: center;
	margin-right: 1rem;
	line-height: 3rem;
}
.sidebar_links li:hover{
	background: var(--secondary);
}
.active_tab{
	background: var(--secondary)!important
}

#filter_on_mobile{
	display: none;
}
.closefilter{
	font-size:2rem;
	font-weight: bold;
	color:blue;
	width:4rem;
	height: 4rem;
	background:red;
	display: block;
	text-align: center;
	align-items: center;
	line-height: 4rem;
	color:white;
	cursor: pointer;
	margin-bottom: 2rem;
	margin-top: 2rem;
	/*padding:.5rem;*/
	display: none;
}
.video_section iframe{
	width:100%;
	height: 40rem;
	padding:0rem;
}
.second_section{
	background: #f2f2f2;

}
.small_card{
	width:100%;
	height: auto;
	padding:2rem;	
	box-sizing: border-box;
	display: block;
	border-radius: .7rem;
	margin-bottom: 2rem;
}
.small_card i{
	/*font-size: 3rem;*/
	/*width:5rem;
	height: 5rem;*/
	font-size:3rem;
	border-radius: 100%;	
	font-weight: bold;
	color:black;
	padding:1rem;
	margin-bottom: 1rem;

}
.small_card h3{
	font-size: 2rem;
	font-family: 'mulish-SemiBold';
	color:var(--primary);

}

.features_contact{
	background:#f2f2f2;
}

.foractive{
	background: var(--blue)!important;
	color:white!important;
	border-radius: .8rem;
}
.foractive i{
	color:white!important;

}
.foractive .cd-tit{
	color:white;
}

/*blog page start*/

.blog_post_section{
	background: #f2f2f2;
	padding:6rem 0rem;
}
.left_side_post{
	padding:2rem 2rem; 
	background: white;
}
.right_side_post{
	padding:1rem 1rem; 
	background: white;
}
.blog_post_main_heading{
	font-size: 2.6rem;
	font-family:'mulish-SemiBold';
}
.blog_main_desc{
	margin-top:1.4rem;
	font-size:1.8rem;
	line-height: 2.5rem;
	color:#353956;
	font-family: 'Mulish-Regular';
}
.blog_main_desc:first-letter {
    float: left;
    font-size:6rem;
    line-height: 1;
    font-weight: bold;
    margin-right: 9px;
}
.blog_desc_2{
	margin-top:1.4rem;
	font-size:1.8rem;
	line-height: 2.5rem;
	color:#353956;
	font-family: 'Mulish-Regular';
}
.tags{
	font-size:1.6rem;
	padding-left: 0rem;
}
.tags li{
	list-style: none;
	display: inline-block;
	margin-right:.5rem;
	background:#f2f2f2;
	padding:.4rem 1rem;
	margin-bottom:1rem;
	border-radius:.8rem
}

.about_autor{
	width:100%;
	background:var(--primary);
	border-radius: 1rem;
	padding:2rem;
}
.about_autor h4{
	font-size: 2.4rem;
	color:white;
	font-family: 'Mulish-Bold';
}
.autorp{
	color:#f2f2f2;
	font-size: 1.5rem;
	line-height: 2rem;
}
.follow_me_text{
	font-size:1.6rem!important;
	padding:0rem; margin:0rem;
	color:#f2f2f2;
}
.autorimg{
	width:8rem;
	display: block;
	height: 8rem;
	margin:0 auto;
	border-radius: 100%;
}



.authurs_icons{
	padding-left:0px;
	/*margin-top:4rem;*/
	display: block;
	padding-bottom: 0px;
	margin-bottom:0px;
	margin-top:.5rem;

}
.authurs_icons li{
	list-style: none;
	display: inline;
	margin-bottom:0px;

}
a{
	text-decoration: none;
}
.authurs_icons li a{
	width:3rem;
	height: 3rem;
	line-height: 3rem;
	margin-right:.3rem;
	font-size:1.8rem;
	background:#f2f2f2;
	text-align: center;
	border-radius: 100%;
	margin-bottom:0px;
	padding-bottom: 0px;
	color:var(--primary);


}
.authurs_icons li a:hover{
	text-decoration: none;
	background: var(--orange);
	color:white;
}
.categories{
	margin-top:2rem;
	outline:.1rem solid var(--primary);
	border-radius: .8rem;
}
.cat_title{
	font-size: 1.8rem;
	background: var(--primary);
	border-top-left-radius: .8rem;
	border-top-right-radius: .8rem;
	padding:.8rem 1rem;
	color:white;


}
.category_list{
	padding:1rem 2.5rem;
}
.category_list li{
	list-style:decimal;
	font-size: 1.6rem;
}

.category_list li a{
	font-size: 1.6rem;
	color:var(--primary);
}

.category_list li a:hover{
	color:var(--secondary);
}
.recent-projects{
	margin-top:2rem;
}
.recent_project_link{
	display: block;
	background: #f2f2f2;
	border-radius: .8rem;
	margin-bottom: 2rem;
	padding:1rem;
	font-size: 2rem!important;
	color:black;
}
.recent_project_image{
	width:7rem;
	height: 7rem;
	border-radius: 100%;
	margin:0 auto;
	display: block;
}

.recent_project_link:hover{
	background: var(--primary)
}
.recent_project_link:hover .recent_project_title{
	color:white;
}


/*register.php modal start*/
.forcheckbox input[type="checkbox"]{
	width:2rem;
	height: 2rem;
}
.forcheckbox label{
	display: block;
	font-size: 1.6rem;
	margin-left:2.5rem;
	margin-top:-2.7rem;
}
.popfom input[type="text"]{
	margin-bottom:1rem!important;
}

.attention{
	font-size: 2.2rem;
	color:var(--blue);
	font-family: 'Mulish-Bold'
}
.register_modal_header{
	border-bottom:0rem;
}
.register_modal_header i{
	background:red;
	color:black!important;
	opacity: 1;
}
/*register.php modal end*/