*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

ul{
    list-style: none;
    padding: 0px;
}

a {
    color: #5e5e5e;
    text-decoration:none;
}

body{
    font-family: 'Roboto', sans-serif;
}

/* top bar styling strat  */
.topbar {
    background-color: #eeeeee;
    padding: 10px 0px;
}
.topbar .social img{
    margin-left: 10px;
    cursor: pointer;
}
.topbar .content .phone{
    margin-right: 20px;
}
.topbar .content .mail, .topbar .content .phone{
    display: flex;
    align-items: center;
}
.topbar .content i{
    font-size: 28px;
    margin-right: 5px;
}
.topbar  a{
font-size: 18px;
color: #000000;
font-weight: 700;
font-family: "Roboto";
}



/* navbar styllinng start  */
.navbar .navbar-nav{
    align-items: center;
}
.navbar .navbar-nav .nav-link{
    font-size: 18px;
color: #000000;
font-weight: 700;
font-family: "Roboto";
margin-left:50px;
}

.navbar .navbar-nav .nav-link:hover{
    color: #5cba00;
}
.navbar .navbar-nav .nav-link.active{
    color: #5cba00;
}
.navbar .navbar-nav .login_btn{
width: 132px;
height: 50px;
border-radius: 25px;
background-color: #3b03db;
border: 0px solid #000000;
font-size: 18px;
color: #ffffff;
font-weight: 700;
font-family: "Roboto";
text-align: center;
line-height: 35px;
}
.navbar .navbar-nav .register_btn{
width: 132px;
height: 50px;
border-radius: 25px;
background-color: #5cba00;
border: 0px solid #000000;
font-size: 18px;
color: #ffffff;
font-weight: 700;
font-family: "Roboto";
text-align: center;
line-height: 35px;
margin-left: 10px;
transition: 0.5s linear all;
}
.navbar .navbar-nav .register_btn:hover{
    background-color: #3b03db;
    color: #fff; 
}
.navbar .navbar-nav .login_btn:hover{
    background-color: #5cba00;
    color: #fff;
}
.small_screen{
    display: none;
}

/* navbar styllinng end */


/* Hero section start  */

.hero{
    padding: 30px 0px;
    background-image: url("../images/hero_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.signup{
    background-image: url("../images/signup-bg.png"); 
    height: 520px; 
}
.login-hero{
    background-image: url("../images/login-bg.png"); 
    height: 410px;
    background-size: 100% 100%;  
}

.hero h1{
    font-size: 45px;
color: #ffffff;
font-weight: 700;
font-family: "Roboto";
}
.hero h6{
    font-size: 24px;
color: #ffffff;
font-weight: 700;
font-family: "Roboto";
margin: 20px 0px;
}
.hero p{
font-size: 18px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
font-family: "Roboto";
}
.get_started{
    padding: 20px 60px ;
    background-color: #ff2727;
    border-radius: 10px;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    margin-top: 40px;

}
.get_started:hover{
    background-color: #5cba00;
    color: #fff;
}
/* Hero section end  */



/* services section styling  start*/
.services{
    padding: 40px 0px;
}
.services .title h2{
    font-size: 48px;
color: #161616;
font-weight: 700;
font-family: "Roboto";
}
.services .title p{
    font-size: 16px;
line-height: 24px;
color: #807f7f;
font-weight: 400;
font-family: "Roboto";
text-align: center;
}

.services .content{
    text-align: center;
    margin-top: 30px;
    padding: 20px;
}
.services .content img{
    height: 110px;
    object-fit: contain;
    margin-bottom: 30px;
}
.services .content h3{
    font-size: 30px;
color: #161616;
font-weight: 700;
font-family: "Roboto";
margin-bottom: 30px;
}
.services .content p{
    font-size: 14px;
line-height: 24px;
color: #696969;
font-weight: 700;
font-family: "Roboto";
text-align: center;
}
/* services section styling  end*/


/* about section styling start */
.about {
    padding: 40px 0px;
    background-color: #e8f6db;
}
.about h3{
    font-size: 48px;
color: #000000;
font-weight: 700;
font-family: "Roboto";
}
.about p{
    font-size: 16px;
line-height: 30px;
color: #5c5c5c;
font-weight: 700;
font-family: "Roboto";
}
.about .content ul li{
   font-weight: bold;
   margin-bottom: 20px;
   display: flex;
}
.about .content i{
    font-size: 24px;
    margin-right: 20px;
}
/* about section styling end*/

/* testimonail section start */
.sec-title {
	margin-bottom: 50px;
	padding-bottom: 15px;
	position: relative;
}
.sec-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	background: #0e67df;
}
.sec-title h5 {
	font-size: 20px;
    color: #0e67df;

}
.sec-title p {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
}
.testimonial-area {
	background: var(--blue);
	position: relative;
	z-index: 2;
	padding: 100px 0px 0px 0px;
    background: linear-gradient(123deg, #f4f5fa 43%, #eaedf6 41%);
    height: 90vh;
}
.testimonial-area .owl-carousel {
	overflow: hidden;
	padding: 0 20px;
	margin: 0px -40px;
	padding-right: 40px;
}
.testimonial-area .owl-stage-outer {
	padding: 0px 50px;
	margin-left: -34px;
	width: calc(100% + 100px);
}
.single-testimonial {
	text-align: center;
	position: relative;
	z-index: 2;
    filter: drop-shadow(0 0 10.5px rgba(160,160,160,0.46));
    background-color: #fff;
}
.single-testimonial p {
	color: #748491;
	font-size: 15px;
	line-height: 24px;
	padding: 50px;
    padding-top: 20px;
	padding-bottom: 30px;
	position: relative;
	z-index: 3;
    text-align: center;
}
.owl-carousel .owl-item img {
    position: absolute;
    display: block;
    width: 85px;
    height: 75px;
    object-fit: cover;
    border-radius: 20px;
    text-align: center;
    margin-top: -40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}
.owl-carousel .owl-item h5{
    padding-top: 60px;
    color: #0e67df;
}


.client-video {
	padding-right: 15px;
}
.client-info {
	position: relative;
	z-index: 3;
}
.client-info a {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
	font-size: 22px;
}
.client-info {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	padding-bottom: 50px;
}
.client-info h6 {
	color: #212529;
	font-weight: 700;
	font-size: 18px;
    margin-bottom: 0px;

}
.client-info span {
	display: inline-block;
	color: #748491;
	font-size: 14px;
    font-family: 'roboto';
}
.sec-title.white-title h2 {
	color: #fff;
}
.owl-dots button {
	background: #cecece !important;
	width: 10px;
	height: 10px;
	border-radius: 26px;
	margin: 0 5px;
	transition: 0.3s;
}
.owl-dots button.active {
    background: #0f65dc !important;
}
.owl-dots {
	text-align: center;
	margin-top: 30px;
    margin-bottom: 30px;
}
.owl-dots button.active {
	width: 30px;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 4;
    margin-top: -220px;
}
.owl-carousel .owl-item {
    padding-top: 50px;
    padding-bottom: 20px;
}
/* testimonail section end */


/* footer section styling start  */
footer {
    background-color: #eff3fe;
    padding-top: 40px;
    /* padding-bottom: 70px; */
}
footer .footer_upper{
    padding-bottom: 50px;
}
footer .social_icon{
    display: flex;
}
footer h3{
    font-size: 24px;
line-height: 24px;
color: #383838;
font-weight: 700;
font-family: "Roboto";
}
footer .social_icon .icon{
   height: 30px;
   width: 30px;
   border-radius: 50%;
   border: 2px solid #000;
   display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    margin-top: 20px;
}
footer .social_icon .icon a{
    line-height: 5px;
    color: #000;
}
footer h3{
    margin-bottom: 30px;
}
footer .content{
    text-align: center;
}
footer .content p{
    font-size: 14px;
line-height: 24px;
color: #727b86;
font-weight: 400;
text-align: left;
font-family: "Roboto";
}
footer .contact_content p{
    margin-bottom: 0px;
}
 .contact_content {
    padding-left: 50px;
}
footer .contact_content a , footer .contact_content p , .menu_content a{
    font-size: 16px;
    text-decoration: none;
line-height: 36px;
color: #737b86;
font-weight: 400;
font-family: "Roboto";
}
.menu_content a:hover , .contact_content a:hover{
    color: #5cba00;
}
footer .social_icon .icon:hover{
    background-color: #5cba00;
}
footer .social_icon .icon a:hover{
    color: #fff;
}
footer .copy_right{
    border-top: 1px solid #cccccc;
    padding-top: 30px;
    padding-bottom: 15px
}
footer .copy_right p , .footer .copy_right a{
    font-size: 14px;
    color: #5e5e5e;
    font-weight: 400;
    font-family: "Roboto";
 
}
.footer .copy_right p a{
    color: #5e5e5e;
    text-decoration: none;
}

/* footer section styling end  */


.about-hero-title h1 , .sign-up-block h1{
    font-size: 48px;
    font-weight: 700;
    font-family: "Roboto"; 
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.sign-form{
    width: 550px;
    margin: auto;
    box-shadow: 0px 0px 5px 0px rgb(241 235 235);
    padding: 40px;
    margin-top: -320px;
    background-color: #fff;
    border-radius: 10px;
}
.login-form{
    margin-top: -230px ;
}
.signup-form{
    padding-bottom: 50px;
}
.sign-btn a{
    width: 100%;
height: 50px;
border-radius: 25px;
background-color: #3b03db;
border: 0px solid #000000;
font-size: 18px;
color: #ffffff;
font-weight: 700;
font-family: "Roboto";
text-align: center;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
margin-bottom: 80px;
transition: all .5s ease-in-out;
}
.sign-btn a:hover {
    background-color: #5cba00;
    color: #fff;
}
.sign-form form input{
    border: 1px solid #d6d6d6 !important;
    border-radius: 8px;
}
.sign-form form label{
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #76757a;
}
.lock-img img{
    margin: auto;
    margin-top: -125px;
    margin-bottom: 40px;
}
.login-link p{
    color: #8d8d8d;
    font-size: 16px;
    font-family: "Roboto" sans-serif;
    font-size: 600;
    text-align: center;
}
.login-bar{
    background-color: #5068d2;
    width: 150px;
    height: 1px;
    margin: auto;
}
.login-link p a{
    color: #5cba00;
}
.login-floating{
    position: relative;
}
.user{
    position: absolute;
    right: 17px;
    top: 17px;
}
.login-form-btn a{
    margin-bottom: 40px;
}
.forget{
    padding-bottom: 30px;
    color: #76757a;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto' sans-serif;
    display: flex;
    justify-content: center;
}
.about-hero{
    background-image: url(../images/about-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 100px;padding-bottom: 100px;
}
.about-hero-title h1{
text-transform: capitalize;
}
.about-hero-sec{
    background-color: #fff;
}
.about-hero-sec .content h3{
font-size: 35px;
}

.about-hero-sec .content h6{
    font-size: 20px;
    font-family: 'Roboto' sans-serif;
    font-weight: 500;
    color: #4e1cea;
    padding-bottom: 10px;
}

.about-hero-sec .hero_img{
    width: 100%;
}
.about-hero-sec .content p{
    font-size: 14px ;
    font-weight: 400 ;
}
.checked-li{margin-bottom: -5px !important; }
.checked-li img{
    height: fit-content;
    padding-right: 15px;
    padding-top: 5px;
}
.checked-box h4{
    font-size: 25px;
    font-family: 'Roboto' sans-serif;
    font-weight: 700;  
    margin-bottom: 0px;
}
.abotu-signup{
    background-image: url(../images/about-sign-bg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}
.abotu-signup h4{
    font-size: 35px;
    width: 60%;
    font-family: 'Roboto' sans-serif;
    font-weight: 700; 
    color: #fff;
    text-align: center;
    margin: auto;
}
.abotu-signup p{
    font-size: 16px;
    font-family: 'Roboto' sans-serif;
    font-weight: 400;  
    color: #fff;
    width: 70%;
    text-align: center;
    margin: auto;
    padding-top: 30px;
}
.about-sign-btn a{
    width: 270px;
    height: 80px;
    background-color: #ff2727;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-family: 'Roboto' sans-serif;
    font-weight: 700;  
    color: #fff;
    border-radius: 8px;
    border: 1px solid #ff2727;
    margin: auto;
    margin-top: 30px;
    transition: all .5s ease-in-out;
}
.script-box{
    width: 80%;
    box-shadow: 0px 2px 7px 2px rgba(223,223,223,1);
    padding: 25px;
}
.script-box p{
    color: #631919;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 5px;
    line-height: 26px;
}
.script-box-li{
    margin-bottom: 0px !important;
}
.experince h4 , .script-box-box h4{
    color: #01005e;
    font-size: 30px;
    font-weight: bold;
}
.experince h4{font-size: 48px; margin-bottom: 0px;}
.experince p{
    line-height: normal;
    margin-bottom: 0px;
}
.experince{
    position: absolute;
    top: -15px;
    left: -39px;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(223,223,223,0.64);
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.about-sign-btn a:hover{
    background-color: transparent;
}
.year1{width: 100%;}
.years{position: relative; padding-top: 0px; padding-bottom: 15px;}
.years-img{
    position: absolute;
    left: 0px;
    top: 38px;
    width: 94%;
}


/* @media query sectoion  */

@media(max-width:1200px){
    .container{
        min-width: 90%;
    }
    .years-img {
        position: absolute;
        left: 0px;
        top: 19px;
        width: 94%;
    }
    .experince {
       
        top: -15px;
        left: -10px;
       
        height: 100px;
        width: 100px;
      
    }
    .experince h4 {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .experince p{
        font-size: 13px;
    }
}
@media(max-width:991px){
    .script-box{
        width: 100%;
    }
    .topbar a {
        font-size: 16px;
        
    }
    .topbar .content i {
        font-size: 24px;
    }
    .navbar .navbar-nav {
        align-items: self-start;
        margin-top: 20px;
    }
    .navbar .navbar-nav .nav-link{
        margin-left: 0px;
    }
    .lg_screen{
        display: none;
    }
    .small_screen{
        display: block;
        display: flex;
        margin-top: 20px;
    }
    .navbar .navbar-nav .register_btn{
        margin-left: 20px;
    }
    .hero h1 {
        font-size: 30px;
    }   
    .hero h6 {
        font-size: 18px;
        line-height: 30px;
    } 
    .hero p {
        font-size: 16px;
    }
}
@media(max-width:767px){

    .topbar .content{
        justify-content: center;
    }
    .topbar .social.text-end {
        text-align: center!important;
        margin-top: 11px;
    }
    .get_started {
        padding: 14px 40px;
        font-size: 22px;
    }
    .about-hero-sec .content h6 {
        padding-top: 15px;
        padding-bottom: 0px;
    }
    .abotu-signup {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .hero_img{
        margin-top: 40px;
        height: 300px;
    object-fit: contain;
    }
    .about-hero-sec .hero_img{
        height: auto;
        object-fit: none;
        margin-top: 0px;
    }
    .abotu-signup h4 {
        width: 100%;
        font-size: 30px;
    }
    .abotu-signup p {
        width: 100%;
    }
    .testimonial-area {
        
        padding: 54px 0px 0px 0px;
        height: 80vh;
    }
    .contact_content {
        padding-left: 0px;
        margin-bottom: 20px;
    }
    footer .copy_right p, .footer .copy_right a {
        text-align: center;
    }
    .sign-form{
        width: 100%;
    }
    .sign-btn a {
        margin-bottom: 30px;
    }
}
@media (max-width:610px) {
    .years-img {
        position: absolute;
        left: 17px;
        top: 23px;
        width: 89%;
    }
    .year1 {
        width: 95%;
    }
    .years {
        transform: scale(.94);
    }
    .experince {
      
        left: 0px;
    }
}
@media(max-width:480px){
    .sec-title p {
        font-size: 21px;   
}
.about-sign-btn a {
    width: 200px;
    height: 60px;
    font-size: 25px;
}
.years-img {
    position: absolute;
    left: 9px;
    top: 27px;
    width: 90%;
}
.year1 {
    width: 100%;
}
.login-hero {
    height: 400px;
}

.about-hero-sec .content h3 {
    font-size: 30px;
}
.script-box-box h4 {
    color: #01005e;
    font-size: 20px;
}
.sign-form{
    padding: 10px;
}
.login-bar{
    margin-bottom: 10px;
}
.lock-img img {
    margin-top: -80px;
    margin-bottom: 30px;
    width: 80px;
}
.signup {
    background-image: url(../images/signup-bg.png);
    height: 470px;
}
.sign-form form label{
    font-size: 14px;
}
}
@media(max-width:375px){
    .topbar a {
        font-size: 15px;
    }
    .hero h1 {
        font-size: 24px;
    }
    .hero h6 {
        font-size: 15px;
    }
    .hero p {
        font-size: 14px;
    }
    .services {
        padding: 20px 0px;
    }
    .services .title h2 {
        font-size: 33px;
    }
    .about h3 {
        font-size: 27px;
    }
    .about .content i {
        margin-right: 4px;
    }
}