/* General */
.logo { font-weight: 500 !important;}
.text-warning {  color: #ede861 !important;}
.text-muted { color: #bcbcbc !important;}
.text-success { color: #59ab6e !important;}
.text-light { color: #f6f6f6 !important;}
.bg-dark { background-color: #39b54a !important;}
.bg-light { background-color: #f6f6f6 !important;}
.bg-black { background-color: #1d242d !important;}
.bg-success { background-color: #59ab6e !important;}
.btn-success {
  background-color: #59ab6e !important;
  border-color: #56ae6c !important;
}
.pagination .page-link:hover {color: #000;}
.pagination .page-link:hover, .pagination .page-link.active {
  background-color: #69bb7e;
  color: #fff;
}
/* Nav */
#nav_top { min-height: 40px;}
#nav_top * { font-size: 14px !important;}
#templatemo_main_nav a { color: #212934;}
#templatemo_main_nav a:hover { color: #69bb7e;}
#templatemo_main_nav .navbar .nav-icon { margin-right: 20px;}




/* Typography */
body, ul, li, p, a, label, input, div {
  font-family: 'Roboto', sans-serif;
  font-size: 18px !important;
  font-weight: 300 !important;
}

.h1{
    font-family: 'Roboto', sans-serif;
    font-size: 45px !important;
    font-weight: 700 !important;
    color: #f26522;
    text-align: left !important;
}
.h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200 !important;
}
.h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 22px !important;
  color: #2e3760;
}
.h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 20px; 
    color: #f26522 !important;
}

.p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px !important;
    font-weight: 300 !important;    
    color: #f26522 !important;   
}



.button a {
    background-color: #fff; /* Green */
    border: 1px solid #f26522;
    border-radius: 10px;
    color: #f26522!important;
    padding: 10px 35px;
    text-align: center;
    text-decoration-line: none !important;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
}

.button:hover a{
    background-color: #f26522; /* Green */
    border: 1px solid #fff;
    color: #fff!important;
    padding: 10px 35px;
    text-align: center;
    text-decoration-line: none !important;
    display: inline-block;
    font-size: 16px;
    
}



.button{
    background-color: #fff; /* Green */
    border: 1px solid #f26522;
    border-radius: 10px;
    color: #f26522!important;
    padding: 10px 35px;
    text-align: center;
    text-decoration-line: none !important;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
}

.button:hover{
    background-color: #f26522; /* Green */
    border: 1px solid #fff;
    color: #fff!important;
    padding: 10px 35px;
    text-align: center;
    text-decoration-line: none !important;
    display: inline-block;
    font-size: 16px;
    
}


.header_one{
    font-family: 'Roboto', sans-serif;
    font-size: 35px !important;
    font-weight: 700 !important;
    color: #f26522;
    line-height: 35px;
}

.header_two{
    font-family: 'Roboto', sans-serif;
    font-size: 30px !important;
    font-weight: 200 !important;
    text-align: left !important;
    color: #2e3760;
}
.header_thr{
    font-family: 'Roboto', sans-serif;
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #f26522;
    line-height: 35px;
}
.pdl_50{
    padding-left: 50px;
}


.pdl_20{
    padding-left: 20px;
}

.pdt_20{
    padding-top: 20px;
}

.mrt_15{
    margin-top: 15px;
}

.pdb_20{
    padding-bottom: 20px;
}

.navbar{
    background-color: #ffffff;
}


.bg_gray{
    background-color: #f6f6f6;
}


.menu_list{
    padding-left: 150px; 
}

.menu_list a{
    padding-right: 20px !important;
}

.free_con{
    margin: 0px auto;
}



.free_con i{
    color:#f26522;
    font-size: 25px;
    line-height: 50px;
    padding-right: 400px;
    
    
}
.free_con span{
    color: #aeaeae;
    
    
}
.sld{
    height: 570px;
    background-image: url('../img/sld_img.jpg');
    background-repeat: no-repeat;
}
.carousel-caption{
    padding-bottom: 120px;
}




.hero_text{
    
}
.hero_text h1{
    font-family: 'Roboto', sans-serif;
    font-size: 45px !important;
    font-weight: 700 !important;
    color: #f26522;
    text-align: left !important;
}

.hero_text p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2e3760;
    text-align: left !important;
}

.hero_icon{
    color: #f26522; 
    padding-left: 10px; 
    font-weight: 500; 
    font-size: 15px;
    margin-right: 20px;
}
.hero_button{
    background-color: #f26522;
    border: 1px solid #f26522;
    border-radius: 10px;
    color: #fff!important;
    padding: 10px 35px;
    text-align: left !important;
    text-decoration-line: none !important;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
    margin-right: 20px;
}  
.hero_button:hover{
    background-color: #fff;
    border: 1px solid #f26522;
    color: #f26522!important;
    padding: 10px 35px;
    text-align: center;
    text-decoration-line: none !important;
    display: inline-block;
    font-size: 16px;
    
}

.hero_watch_button{
    display: inline-block;
    text-decoration-line: none !important;
    color: #f26522; 
    text-decoration: none; 
    padding-left: 10px; 
}



.flt_left{
    float: left;
}

.flt_right{
    float: right;
}


.wrapper{
    padding: 100px 0px;
}



/* about us start */


.about{
    padding: 100px 0px;
    
}

.about_image{
    
}
.about_image img{
    width: 90%;
    margin-bottom: 20px;
   
    transition-duration: 0.3s;
}
.about_image img:hover{
   
   width: 100%;
   transition-duration: 0.3s;
}
.about_text{
    
}
.about p{
    padding-top: 20px;
    text-align: justify;
    margin-bottom: 30px;
}
.counter{
    float: left;
}
.counter h3{
    color: #f26522; 
    padding-left: 20px; 
    padding-right: 40px;
    
   }


 .counter span{
    color: #2f3862; 
    font-size: 15px;
    
    }   
        
.border_bottom{
    border-bottom: 1px solid #cfcdcd;
    margin-bottom: 20px;
}




/* about us end */
/* services start */

.services{
    padding: 100px 0px 20px;
    background-image: url(../img/Our_Services_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


.services h2{
    text-align: center;
    font-family: roboto;
    font-size: 35px;
    font-weight: 400;
    color:#f6f6f6;
    padding-bottom: 20px;
}

.services p{
    text-align: center;
    font-family: roboto;
    font-size: 15px;
    color:#f6f6f6;
    padding-bottom: 20px;
}


.services img{
    
}

.services-item{  
    background-color: #f6f6f6;
    border: 1px solid #f26522;
    border-radius: 15px;
    height: 350px;
    text-align: center;
    margin-bottom: 50px;
    transition-duration: 0.3s;
}

.services-item:hover{  
    background-color: #fdd1bb;
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.services-item h4{
    font-size: 20px;
    padding: 20px; 
    color: #f26522;
}

.services-item p{
     color: #2e3760;
}

.services-item_all{
    background-color: #f26522;
    border-radius: 15px;
    height: 350px;
    text-align: center;
    margin-bottom: 50px;
    transition-duration: 0.3s;
}
.services-item_all:hover{
    background-color: #d04700;
    transform: scale(1.1);
    transition-duration: 0.3s;
}
.services-item_all p{
    color: #fff;
    font-size: 20px;
    font-weight: 300 !important;
    padding-top: 150px; 
    padding-bottom: 0px !important;
}
.services-item_all h5{
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    color: #fff;
    font-size: 40px;
    padding-top: 0px;
    padding-bottom: 20px !important;
}


/* services end */
/* porfolio start */


.portfolio{
    padding: 100px 0px 100px;
    background-color: #f6f6f6;
    
}

.portfolio h2{
    text-align: center;
    font-family: roboto;
    font-size: 35px;
    font-weight: 400;
    color:#2e3760;
    padding-bottom: 20px;
}


.portfolio p{
    text-align: center;
    font-family: roboto;
    font-size: 15px;
    color:#2e3760;
}

.portfolio_image img{
    width: 100%;
    border-radius: 15px;
    border: 1px solid #f26522;
}

.portfolio_image{
 
}

.portfolio_image a{
    text-align: left;
    text-decoration: none !important;
    color: #f26522;
    text-decoration-line: none;
}

/* porfolio end */

/* working process start */


.working {
    padding: 100px 0px 100px;
}

.working_process{
    float: left;
    padding-right: 20px;
    
}
.steps{
    padding-top: 30px;
}
.steps_each{
    margin-bottom: 40px;
    border-bottom: 1px solid #cfcdcd;
}
.steps h5{
    font-size: 22px;
    color: #f26522;
    
}


.steps p{
    font-size: 16px !important;
    padding-bottom: 0px !important;
    
}
.working_image{
    
}
.working_image img{
    width: 90%;
    margin-bottom: 20px;
    transition-duration: 0.3s;
}

.working_image img:hover{
    width: 100%;
    transition-duration: 0.3s;
}

/* working process end */

/* technology start */


.technology{
    padding: 100px 0px 100px;
    background-color: #f6f6f6;
    width: 100%;
}

.technology_image{
    margin-bottom: 10px;
}

.technology_image img{  
    border: 1px solid #cfcdcd;
}


.technology h2{
    text-align: center;
    font-family: roboto;
    font-size: 35px;
    font-weight: 400;
    color:#2e3760;
}


/* technology end */

/* client start */


.client {
    padding: 100px 0px 100px;
}

.client_image{
    
    transition-duration: 0.3s;
}
.client_image:hover{
    transform: scale(1.2);
    transition-duration: 0.3s;
}

.client_image img{
  
    border: 1px solid #cfcdcd;
}


.client h2{
    text-align: center;
    font-family: roboto;
    font-size: 35px;
    font-weight: 400;
    color:#2e3760;
    padding-bottom: 20px;
}

/* map start */

.address{
    background-color: #050d2b;
}


/* map end */
/* footer start */


.footer-wrapper {
    padding: 100px 0px 20px;
    background-image: url(../img/footer_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-wrapper .footer-about img {
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
}
.footer-wrapper .footer-about p {
    margin: 10px 0 20px;
    color: #f6f6f6;
    text-align: justify;
    font-size: 15px !important;
    line-height: 23px;
}
.footer-wrapper .footer-about a.facebook {
    color: #1873EB;
}
.footer-wrapper .footer-about a.linkedin {
    margin: 0 8px;
    color: #0270AD;
}
.footer-wrapper .footer-about a.twitter {
    color: #1C96E8;
}
.footer-wrapper .footer-about a i {
    font-size: 2rem;
}
.footer-wrapper h4 {
    margin-bottom: 15px;
    margin-top: 25px;
    color: #b3d670;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 20px;
}
.footer-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-wrapper ul li a {
    display: block;
    padding: 4px 0px 4px 8px;
    color: #f6f6f6;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
.footer-wrapper ul li a:hover {
    color: #b3d670;
}
.footer-wrapper ul li a i {
    color: rgb(165 200 74 / 30%);
}
.footer-wrapper ul li a:hover i {
    color: #b3d670;
}
.footer-wrapper ul li i {
    color: #b3d670;
}
.footer-wrapper .address-wrapper li {
    margin-bottom: 20px;
}
.footer-wrapper .address-wrapper li a {
    padding: 0;
    font-size: 1rem;
}
.footer-copyright {
    padding: 15px 0;
    color: #f6f6f6;
    text-align: center;
    border-top: 1px solid #7e808a;
    margin-top: 20px;
}





/* about page */


.abt_pg{
    padding: 70px 0px 0px;
    
}
.abt_pg_image{
    text-align: center;
    transition-duration: 0.3s;
    
}
.abt_pg_image:hover{
    transform: scale(1.1);
    transition-duration: 0.3s;
}
.abt_pg_image img{
    width: 80%;
    margin-bottom: 20px;
}

.abt_pg p{
    padding-top: 20px;
    text-align: justify;
    margin-bottom: 30px;
}

.abt_pg_counter{
    padding: 50px 0px;
    background-color: #f6f6f6;
    margin-top: 50px;
}


.abt_pg_mission{
    padding: 50px 0px;
    background-image: url(../img/mission_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
        
.abt_pg_mission h2{
    font-family: 'Roboto', sans-serif;
    font-size: 30px !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: #fff;
}



.abt_pg_mission p{
    font-family: 'Roboto', sans-serif;
    font-size: 18px !important;
    font-weight: 300 !important;    
    color: #fff !important;   
    text-align: justify;

}
.abt_pg_mission img{
    width: 100%;
    padding-bottom: 50px;
}

.pdt{
 margin-top: 150px;   
}

.md_sir{
    padding: 10px 0px 70px;
}

.md_sir img{
    float: left;
    width: 90%;
    
}

.md_social{
    color: #f26522;
    transition-duration: 0.4s;
}

.md_social:hover{
    color: #39b54a;
    transition-duration: 0.4s;
}
.md_social i{
    margin: 0px auto;
    margin-right: 20px !important;
    padding-bottom: 20px;
}
/* about page end */




/* services page start*/
.service{
    
}

.service h2{
    color: #000;
    padding-bottom: 20px;
}
.service p{
    text-align: center;
}
.services-item_pg{  
    
    height: 280px;
    text-align: center;
    margin-bottom: 70px;
    transition-duration: 1s;
}
.services-item_pg:hover{  
    background-color: #f6f6f6;
    border: 1px solid #f26522;
    border-radius: 15px;
    height: 340px;
    text-align: center;
    margin-bottom: 70px;
    transform: scale(1.1);
    transition-duration: 0.3s;
}
.services-item_pg h4{
    font-size: 20px;
    padding: 20px; 
    color: #f26522;
}

.services-item_pg p{
     color: #2e3760;
}
.services-item_pg img{
    width: 20%;
    margin-top: 20px;
    border-radius: 50%;
}
.border_bottom{
    border-bottom: 1px solid #c4c4c4; 
    margin-bottom: 30px;
    
}

/* services end start*/

/*product start*/

.product{
    
}

.product_item{  
    text-align: center;
    margin-bottom: 50px;
    transition-duration: 1s;
    background-color: #f6f6f6;
}
.product_item:hover{  
    transform: scale(1.1);
    transition-duration: .5s;
}

.product_item h4{
    font-size: 20px;
    padding: 20px; 
    color: #2e3760;
    background-color: #dadada;
}
.product_item img{
    padding: 30px 0px 30px;
}

/* product end */
/* project start start*/

.project{
    padding: 70px 0px 0px;
    
}





/* project end start*/



/* contact start start*/

.contact{
    padding: 70px 0px 0px;
    
}
.contact h6{
    font-size: 55px!important;
}
.contact img{
    width: 90%;
}

.contact a{
    display: block;
}
.contact a:hover{
    display: block;
}

.contact-wrapper .contact-page-form .form-control {
    font-size: 0.86rem;
}
.contact-wrapper .contact-page-form .form-control:focus {
    border-color: #39b54a;
    box-shadow: 0 0 0 0.25rem rgb(57 181 74 / 22%);
}
.contact-wrapper .contact-page-form .btn-submit {
    color: #fff;
    background: #39b54a;
}
.contact-wrapper .contact-page-form .btn-submit:hover {
    background: #f15e22;
}
.contact-wrapper .contact-page-form .btn-submit:focus {
    box-shadow: 0 0 0 0.25rem rgb(57 181 74 / 22%);
}


/* contact end start*/