body {
    padding:0;margin:0;
   
}

.pull_left{ float:left;}
.pull_right{float:right; }
.col_dsply{width:100%; display:inline-block;}
.display_no{ display:none;}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../Font/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../Font/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'qkmarisa';
    src: url('../Font/qkmarisa.ttf') format('truetype');
}
.whole_container {width:100%; display:inline-block; overflow-x:hidden; }
/*top banner*/
/*slaider titile
#f39120
#1c1c1c

Title
#1c1c1c

body
#000000
#0f72ba

other text
#1c1c1c

button
#f39120*/
/*01243E*/
/*#ffe6c9*/
.top_banner {
    width:100%;
    position:relative;
  /*  background-image: url('../Img/top_banner2.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    min-height: 800px;*/
}
.top_banner img{ position: absolute; width:100%;}
.Home_container{ width:1200px; margin:0 auto;  }
section{width:100%; position:relative; z-index:998; }
.top_nav{ width:100%; background-color:rgba(0,0,0,0.9); padding:10px 0px; position:fixed; z-index:999;}
.logo img{ width:120px; }
ul li{ float:left; list-style:none; color:#fff;  font-size:16px; margin-right:40px; margin-top:5px; cursor:pointer; font-family: 'Montserrat-Regular'; }
ul li a { text-decoration:none; color:#fff; cursor:pointer;}
a:hover{ color:#fff;  text-decoration:none;}
.top_btn{ background-color:#f39120; width:150px; text-align:center;  border-radius:20px; margin-top:3px; padding:8px 0px; color:#fff; cursor:pointer;  font-family: 'Montserrat-Regular';}
.top_btn img{width:20px; margin-left:5px; }
.baner_text{ position:absolute; top:200px; width:800px; color:#fff;  font-family: Montserrat-Bold;}
.baner_text1{ font-size:82px;  text-align:left; margin-left:30px;}
.baner_text2{ font-size:20px; margin-top:20px; color:#d1dedc; font-weight:100; }
.active{color:#f39120;   }
a:focus{text-decoration:none; color:#f39120;}
.menu_bar{ width:30px; display:none; position:absolute; right:30px; font-size:25px; top:20px; color:#fff; z-index:999;}
.mobile_nav{display:none; }

.baner_img{position:relative;  }
.top_banerimage{ position:absolute; bottom:0; }
.mobile_banerimage  { position:absolute; bottom:0; height:500px; display:none;}

.pop_msg { width: 300px; bottom:40px; right:0px; position: fixed; background-color: rgba(0,0,0,1); border-radius:10px; height: auto; z-index: 1001;  font-family: 'Montserrat-Regular'; }
.pop_body{ width:300px; margin:10px auto; color:green; padding:0px 20px; border-radius:10px; }
.detailsucee{ text-align:center; font-size:18px;}
/*about us*/

.about_uss{ width:100%; position:relative; padding-top:80px; padding-bottom:80px;  font-family: 'Montserrat-Regular'; z-index:998; }
.abount_img { position:relative; z-index:999;}
.abount_img img { width:100%;}
.about_head{ font-size:2.5em;   font-family: 'Montserrat-Bold'; margin-bottom:20px;}
.abount_text{ font-size:18px; margin-bottom:15px; color:#808080;}
.about_arrow{ width:150px; position:absolute; bottom:-40px; left:-100px;}

/*why_future*/

.why_future{ background-color:#01243E; padding-top:80px; color:#fff; font-family: 'Montserrat-Regular';}
.why_text1{ font-size:18px;  margin-bottom:15px; color:#d1dedc;}
.why_point{ font-size:16px; margin-top:30px; }
.why_point img{ width:15px; float:left;}
.why_img{ width:5%; float:left;}
.point_text{ width:95%; float:right;}
.why_point1{ margin-bottom:10px; }

/*why_TQM*/

.why_TQM{ width:80%; margin:50px auto; padding-bottom:60px; font-family: 'Montserrat-Regular'; position:relative;}
.tqm_head{ text-align:center; font-size:2em; margin-bottom:20px;}
.tqm_text1{ text-align:center; font-size:1.2em; color:#d1dedc; margin-bottom:20px;}
.tqm_text2{ text-align:center; font-size:1em; margin-bottom:30px; }
.why_box{ position:absolute;  font-family: 'qkmarisa';}
.why_subbox{ background-color: #0f72ba; color:#d1dedc; margin-left:6%; border-radius:7px; padding:10px 0px; font-size:14px; font-family: 'Montserrat-Regular';}
.why_subbox img{ width:25px;}
.whybox_box{ width:100%; margin-bottom:-8px; font-size:14px; }
.whybox_text1{ width:30%; float:left; padding:10px; font-family: 'qkmarisa'; font-weight:bold;}
.whybox_text2{ width:35%; float:left; padding:10px; font-family: 'qkmarisa'; font-weight:bold;}
.whybox_text3{ width:35%; float:left; padding:10px; font-family: 'qkmarisa'; font-weight:bold;}
.back_org{background-color:#f39120; }
.back_gra{ background-color:#fff; color:#000;  border-top:1px solid #d1dedc;}
.back_grre{ background-color:#EEF8FF; color:#000;  border:1px solid #d1dedc;}
.whybox_box:nth-child(2),.whybox_box:nth-child(3){ }
.whybox_box:nth-child(2) .whybox_text2,.whybox_box:nth-child(3) .whybox_text2{ border-left:1px solid #d1dedc; border-right:1px solid #d1dedc; padding:20px;  }
.whybox_box:nth-child(2) .whybox_text3,.whybox_box:nth-child(3) .whybox_text3{  padding:20px;  }
.whybox_box:nth-child(2) .whybox_text1,.whybox_box:nth-child(3) .whybox_text1{  padding:20px;  }

/*our_apporch*/

.our_apporch{ margin-top:150px; margin-bottom:80px;}
.approch_head{ text-align:center; font-size:2.5em; font-family: Montserrat-Bold;  color:#000;}
.our_apporch .rowss{ margin-top:40px;}
.appoch_column{ width:23%; margin-left:2%; float:left; }
.approch_box{ background-color:#EEF8FF; padding:20px 10px; text-align:center; min-height:200px; font-family: 'Montserrat-Regular'; border-radius:10px;}
.appro_txt1{ font-size:20px; margin-top:10px; }
.appro_txt2{ font-size:18px; margin-top:10px; font-family: Montserrat-Bold;}
.appro_imgbox{ position:relative;}
.approch_box .approch_icon{ width:80px; }
.approch_arrow{ position:absolute; top:-20px; right:-100px; width:150px;}
.approch_content{ margin-top:15px; min-height:130px;}
.apporch_text1{ text-align:center; font-family: Montserrat-Bold; font-size:17px; min-height:50px;}
.apporch_text2{ width:100%; display:inline-block; font-family: Montserrat-Regular; font-size:15px; margin-top:10px;}
.approch_btn{ background-color:#FFE6C9; border:1px solid #f39120; text-align:center; border-radius:20px; padding:10px 0px; font-size:18px; color:#f39120; font-weight:bold; margin-top:20px; }
.apporch_text2 img{ width:13px;  }
.appor_point{ width:7%; float:left; }
.aporo_subtext{ width:93%; float:right;}

/*Specialisation*/

.Specialisation{ background-color:#FEF6ED; padding:80px 0px; font-family: 'Montserrat-Regular';}
.Specialisation .row{ margin-top:30px; }
.speci{ width:95%; }
.speci_arrow{ width:2%; }
.speci_text{ width:93%; font-size:17px; font-family: 'Montserrat-Regular';}
.speci_img img{ width:100%;}

/*our_team*/

.our_team{ padding:80px 0px; font-family: 'Montserrat-Regular';}
.our_team .row{ margin-top:30px; }
.profile_box{ }
.profile_img{ position:relative; width:200px; margin:0 auto; border:1px solid #d1dedc;  padding-top:10px; text-align:center; border-radius:10px; }
.profile_img .team_img{ border-radius:10px; width:100%;}
.profile_content{ position:absolute; bottom:-80px; left:-130px; border-radius:10px; text-align:left; background-color:#fff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.2); padding:10px 20px; width:280px;}
.pro_name{ font-family: Montserrat-Bold; font-size:17px; margin-bottom:5px;}
.pro_num,.pro_email{ font-size:15px; margin-top:3px;}
.team_content{ margin-top:100px;}
.team_text{ margin-bottom:15px; font-size:16px; color:rgba(0,0,0,0.5);}


/*Our_Offering*/

.Our_Offering{ background-color:#01243E; padding:80px 0px; color:#fff; font-family: 'Montserrat-Regular';}
.program_head{ font-size:24px; font-family: Montserrat-Bold; margin-bottom:20px;}
.Our_Offering .row{ margin-top:50px;}
.program_text1{width:100%; background-color:#fff; color:#000; font-size:16px; padding:15px 20px; border-radius:5px; border-left:5px solid #f39120; margin-bottom:15px;}



/*Our Esteemed Clients*/

.EsteemedClients { padding:60px 0px;  font-family: 'Montserrat-Regular';}
.Clients_div{ width:250px; float:left; min-height:180px;   margin:50px 80px 0px 60px; text-align:center;  }
.client1{ width:100%; padding-top:30px;}
.client2{ width:70%;}
.client3{ width:100%; margin-top:-60px}
.extrac_col{ background-color:red; position:absolute;}

/*testimoni*/

.testimoni{ padding:80px 0px;  font-family: 'Montserrat-Regular'; }
.testi_box{ width:100%; margin-top:40px; display:inline-block; min-height:240px; border-radius:10px; background-color:#fff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.2); padding:20px; }
.testi_box .col-md-2 > img{ width:100%; border-radius:10px;}
.testi_text1{ font-size:16px; margin-bottom:20px; min-height:100px;}
.testi_text2{ font-size:17px; font-family: Montserrat-Bold;}
.testi_text3{ font-size:15px; color:#808080;}

.industry{ margin-top:0px; }
.industry_box{ margin-top:0px;}
.industry_img{ width:100%; display:inline-block; margin-top:30px;}
.industry_field{ width:17%; margin-right:3%; float:left; margin-bottom:3%;}
.industry_field img{ width:100%;}


/*contact_us*/

.contact_us{ background-color:#EEF8FF; padding:50px 50px; font-family: Montserrat-Regular;}
.contact_us img{ width:100%; height:100%; border-radius:10px;}
.contact_box{ margin-top:0px;}
.contact_head{ font-size:2em; font-family: Montserrat-Bold; }
.sub_contact{ font-size:15px; color:#808080; }
.contact_field{ width:80%; display:inline-block; margin:5px 0px;}
.contact_field input{ width:100%; padding:10px; outline:none; font-family: Montserrat-Regular; border:none; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2); border-radius:5px;}
::placeholder{ font-family: Montserrat-Regular;}
.contact_field .col-md-6:first-child{ margin:0px; padding:0px 10px 0px 0px;}
.contact_field .col-md-6:nth-child(2){ margin:0px; padding:0;}
.contact_field textarea{width:100%; height:100px; padding:10px; outline:none; font-family: Montserrat-Regular; border:none; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2); border-radius:5px;}
.contact_btn{ background-color:#f39120; padding:10px 0px; font-family: Montserrat-Bold; color:#fff; cursor:pointer; border-radius:20px; text-align:center; }


.footer{ background-color:#0f72ba; padding:20px 0px; text-align:center; color:#fff; font-family: Montserrat-Regular; font-size:16px; }

/*Gallery*/
.gallery{ background-color:#FEF6ED; padding:80px 0px; font-family: 'Montserrat-Regular';}
.galla{ margin-top:70px; }
.gall_box{ margin-top:0px; width:100%; display:inline-block;}
.gal_field{ margin:0% 1.5%; width:22%; float:left;  border-radius:10px;} 
.gal_field img{width:100%; border-radius:10px; height:100%;}
.galary_link{ padding-top:30px; margin-left:20px; color:#05dbf8; font-size:17px; font-family: 'Montserrat-Regular'; cursor:pointer;}

.gallry_pop{position:fixed; height:100%; width:100%; background-color:rgba(0,0,0,0.9); z-index:1000; }
.gally_slaider{ width:100%;   }
    .gally_slaider img {
        width:900px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        height: auto;
        border-radius: 10px;
        height:auto;
    }
.arrow_left{ position:absolute; color:#fff; top:50%; left:20px; font-size:20px; z-index:999; background-color:rgba(0,0,0,1); padding:10px 20px; border-radius:5px; cursor:pointer;}
.arrow_right{ position:absolute; color:#fff; top:50%; right:20px; font-size:20px; z-index:999; background-color:rgba(0,0,0,1); padding:10px 20px; border-radius:5px; cursor:pointer;}
.close_icon{ position:absolute; color: #d1dedc;  top:20px; right:20px; font-size:30px; cursor:pointer;  border-radius:50px;  }
.fa-window-close{ }

@media only screen and (max-width: 550px) {
    .back_org{ min-height:70px;}
    .whybox_box{ width:100%; margin-bottom:-8px; font-size:11px; }
    .whybox_box:nth-child(2) .whybox_text2,.whybox_box:nth-child(3) .whybox_text2{ border-left:1px solid #d1dedc; border-right:1px solid #d1dedc; padding:10px;  }
.whybox_box:nth-child(2) .whybox_text3,.whybox_box:nth-child(3) .whybox_text3{  padding:10px;  }
.whybox_box:nth-child(2) .whybox_text1,.whybox_box:nth-child(3) .whybox_text1{  padding:5px;  }

.why_img{ width:8%; float:left;}
.point_text{ width:92%; float:right;}
 .gally_slaider img{width:300px; }
 .arrow_left{  top:70%; left:10px; font-size:20px; z-index:999; background-color:rgba(0,0,0,1); padding:10px 20px; border-radius:5px; cursor:pointer;}
.arrow_right{  top:70%; right:10px; font-size:20px; z-index:999; background-color:rgba(0,0,0,1); padding:10px 20px; border-radius:5px; cursor:pointer;}
.client3{ width:100%; margin-top:-30px}
.Clients_div{ margin:0px 4.5%; width:40%; min-height:100px; float:left; margin-bottom:20px;  text-align:center;  } 
}

@media only screen and (max-width: 420px) {

  .baner_text{ width:320px; }


}

@media only screen and (min-width: 550px) and (max-width: 1200px)  {
    .back_org{ min-height:60px;}
}
@media only screen and (min-width: 550px) and (max-width: 800px)  {
   .industry_field{ width:47%; margin-right:3%; float:left; margin-bottom:3%;}
   .Clients_div{ margin:0px 4.5%; width:38%; min-height:150px; float:left; margin-bottom:20px;  text-align:center;  } 
     .gally_slaider img {
        width:600px;
        height:auto;
    }
}

@media only screen and (max-width: 800px) {
    .baner_img{position:relative; min-height:500px; }
.top_banerimage{ position:absolute; bottom:0; height:500px; display:none;}
.mobile_banerimage  { position:absolute; bottom:0; height:500px; display:block;}

    .menu_bar{ display:block; }
     .top_nav .col-md-1{ width:200px; float:left;}
    .top_nav .col-md-10{ width:100%;  float:right; }
      ul { margin-left:0px; display:none; padding:10px 0px; right:0; position:absolute; background-color:rgba(0,0,0,0.9); width:320px; text-align:center;}
     ul li{ float:none; padding:5px 0px;  width:100%; list-style:none; text-align:center; color:#fff;  font-size:16px; margin-right:40px; margin-top:5px; cursor:pointer; font-family: 'Montserrat-Regular'; }
    .col-md-6{ width:100%;}
    .appoch_column{ width:96%; margin-top:20px; margin-left:2%; float:left; }
    .approch_arrow,.about_arrow{ display:none;}
    .baner_text1{ font-size:3em; }
    .why_TQM{ width:100%; }
    .why_TQM .col-md-5{ width:90%; margin-bottom:10px;}
    .why_TQM .col-md-1{ width:10%; float:left;}
    .why_TQM .col-md-10{ width:90%; float:left; }
    .our_apporch{ margin-top:250px; }
    .speci{ width:100%; margin-top:20px;}
    .speci_img img{ width:100%; }
    
   
    .testi_box .col-md-2{ width:20%; float:left; }
    .testi_box .col-md-8{ width:60%; float:left; }

    .industry_field img{ width:100%;}
    .industry_field{ width:47%; margin-right:3%; float:left; margin-bottom:3%;}

    .gal_field{ margin:0% 1.5%; width:47%; float:left; margin-bottom:20px; height:auto;  border-radius:10px;} 

     .contact_field{ width:100%; display:inline-block; margin:5px 0px;}
     .contact_field .col-md-6:first-child{ margin:0px; padding:0px 0px 0px 0px;}
     .contact_field .col-md-6 input{ margin:10px 0px 0px 0px; }
     .contact_us{ padding:50px 0px; }
     .contact_us .col-md-5 { width:100%;}

     
/*Our Esteemed Clients*/

.EsteemedClients .approch_head{ margin-bottom:60px;}
.client1{ width:100%;}
.client2{ width:70%;}
}
@media only screen and (max-width: 1200px) {
    .menu_bar{ display:block; }
     .top_nav .col-md-1{ width:200px; float:left;}
     .top_nav .col-md-10{ width:100%;  float:right; }
      ul { margin-left:0px; display:none; padding:10px 0px; right:0; position:absolute; background-color:rgba(0,0,0,0.9); width:320px; text-align:center;}
      ul li{ float:none; padding:5px 0px;  width:100%; list-style:none; text-align:center; color:#fff;  font-size:16px; margin-right:40px; margin-top:5px; cursor:pointer; font-family: 'Montserrat-Regular'; }
     .web_nav{display:none; }
   
}
@media only screen and (max-width: 992px) {
  .Home_container{ width:90%; }
  .profile_content{ position:absolute; bottom:-80px; left:-20px; border-radius:10px; text-align:left; background-color:#fff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.2); padding:10px 20px; width:280px;}

}
@media only screen and (max-width:1200px) {
    .Home_container {
        width: 90%;
    }
}
@media only screen and (min-width:1400px) {
   .gally_slaider img{width:1200px; height:auto;}
}