/*
  Theme Name: eBusiness
  Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*-----------------------------------------------------------------------------------
   CSS INDEX
  ===================

  1. Theme Default CSS (body, link color, section etc)
  2. Header Area
   2.1 Stick menu Area
  3. About Area
  4.Services Area
  5.Skill Area
  6.Faq Area
  7.Wellcome Area
  8.Team Area
  9.Review Area
  10.Portfolio Area
  11. PrfontsizeOptionicing Table
  12. Testimonials area
  13. Review Area
  14. Quote area
  15.Footer Area
  16.Home Page-2 Area
  17.Home Page 3  CSS
  18.Blog CSS
  17.Blog Details CSS


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

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

/* html, body {
  height: 100%;
}
 */
@font-face{
    font-family: 'Oxygen';
    src: url('fonts/Oxygen-Regular.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Oxygen';
    src: url('fonts/Oxygen-Regular.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Oxygen Bold';
    src: url('fonts/Oxygen-Bold.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Rubik';
    src: url('fonts/Rubik-Regular.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Rubik Bold';
    src: url('fonts/Rubik-Bold.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Montserrat Bold';
    src: url('fonts/Montserrat-Bold.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'Montserrat SemiBold';
    src: url('fonts/Montserrat-SemiBold.ttf');
    font-style: normal;
}




/* body {
    font-family: 'Rubik';
    font-size:12px;
    line-height:21px;
     width: 1263px; 
}  

 */
 
/*  @media (min-width:1000px){
body {
      font-family: 'Rubik';
    font-size:12px;
    line-height:21px;
     width: 1263px; 
     text-align:center; 
}
 }
  */
 
 html{
	/* text-align: center;
	text-align:-webkit-center;
	text-align: -moz-center; */
	 height: 100%;
	 align:center;

}

body {
    font-family: 'Rubik';
    font-size:13px;
    line-height:30px;
/*     width: 424px; */
    align:center;
     min-height: 100%;
     margin:auto;
 
    position:relative;
}


/*body style  */
 @media (min-width:1000px){
body {
    font-family: 'Rubik';
    font-size:14px;
    line-height:30px;
     width: 100%;
     align:center;
     height: 100%;
     margin:auto;

}
 }
 
 
  @media screen and (max-width: 600px) {
  body {
    overflow-x: hidden; 

}
 }
  
 
 input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    
}

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

.navbar-form {
    /* padding: 10px 15px; */
    /* margin-top: 8px; */
  /*   margin-right: -15px; */
    margin-bottom: -7px;
  /*   margin-left: -15px; */
    
}
 
#loginbtn{
	    width: 70%;
    color: #002040;
    background: #fecb00;
    border: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px;
    height: 34px;
        z-index: 10000;
        outline: none !important;
            font-family: 'Rubik'!important;
	
}  

.logoutbtn{
	  width: 20%;
    color: #002040;
    background: #fecb00;
    border: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px;
    height: 34px;
    outline: none !important;
	
	
}

#demo{
	
	height:98px;
}

#testitable{
	
	width:75%;
}

#testitd{
	
	width:31%;
	
}

#testiindicators {
    position: absolute;
    right: 0;
    bottom: 6px;
    left: 42px;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: -20%;
    list-style: none;
}

#dropbutton{
	
	
	 font-family: 'Rubik';
	 color: black;
    background: none;
    border: none;
    font-size: 12px;
    /* font-weight: bold; */
    border-radius: 0px;
        height: 10px;
    margin-top: -6%;
    outline: none !important;
	
}

#ddropbutton{
	
	
	 font-family: 'Rubik';
	 color: black;
    background: none;
    border: none;
    font-size: 12px;
   /*  font-weight: bold; */
    border-radius: 0px;
        height: 10px;
    margin-top: -12%;
    outline: none !important;
	
}


#dddropbutton{
	
	
	 font-family: 'Rubik';
	 color: #FFFFFF;
  /*   background: #fecb00; */
 background: #f3ad1b;
    border: none;
    font-size: 12px;
   /*  font-weight: bold; */
    border-radius: 0px;
        height: 10px;
    margin-top: -12%;
        vertical-align: baseline;
        outline: none !important;
	
}


#dropsbutton{
	
	
	 font-family: 'Rubik';
	 color: #002040;
    background: #fecb00;
    border: none;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
        height: 10px;
    margin-top: -4%;
    outline: none !important;
	
}


.globeicon {
	
	
color:#FFFFFF !important;
font-size: 17px !important;
vertical-align: middle;
}


.phoneicon{
		
color:#FFFFFF !important;
font-size: 23px !important;
    vertical-align: middle;
	
}

#dropssbutton{
	
	
	 font-family: 'Rubik';
	 color: #002040;
    background: transparent;
    border: none !important;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
    outline: none !important;
/*         height: 10px; */
/*     margin-top: -5%; */
	
}

.button{
	background: #17607d;
    color: #ffffff;
    line-height: 1.3;
    border-radius: 5px;
    min-width: 80px;
    padding: 6px 6px;
    border: none;
    outline: none !important;
}

.msgtext{
	color: red;
}

#boxdialogueone {
    border-radius: 0px;
    padding: 10px;
        position: absolute;
    transform: translate3d(-61px, 9px, 0px) !important;;
    top: 27px !important;
    left: 0px;
    will-change: transform !important;
    background:white;
      /*   width: 298px; */
}


#boxdialoguetwo {
    border-radius: 0px;
    padding-bottom:0px;
   /*  padding: 33px; */
        position: absolute;
    transform: translate3d(-66px, 9px, 0px) !important;;
    top: 27px !important;
    left: 0px;
    will-change: transform !important;
    background:white;
    padding-left: 15px;
    padding-top: 15px;
    /* padding: 33px; */
    padding-right: 15px;
    width: 298px; 
    margin-left:-54px;
}


/* #submessage.float-label-control input.empty + label.error, .float-label-control textarea.empty + label.error{
	top: 3.5em !important;
}
#submessage.float-label-control1 input.empty + label.error, .float-label-control1 textarea.empty + label.error{
	top: 7em !important;
} */

.btn .dropdown-toggle .btn-light{
border-bottom:1px solid #fecb00 !important;
border-top:none !important;
border-right:none !important;
border-left:none !important;
}

.menulistHeader{
width: 40%;
    color: #97a9b9;
font-size:15px;
font-family: 'Oxygen'; 
padding:2%;
}
.menulabel
{
color:white;
font-size:15px;
font-family: 'Oxygen'; 
padding:2%;


}


.loginbutton{
	
	
	text-align: right;
	font-size: 19px !important;
	 outline: none !important;
}



.acctbl  th{
    background-color: #f5f6f7;
    /* font-family: Calibri !important; */
    font-family:'Rubik'; 
    color: #1e374d;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    padding-left: 10px;
    text-align: left;
}


.acctbl td{
    padding-left: 10px;
    font-family:'Rubik';
    color: #1e374d;
      font-size: 12px;
    font-weight: normal;
     height: 35px;
    padding-left: 10px;
    text-align: left;
}

.table-bordered{

    border: 1px solid #B0B0B0; 
   padding: 5%; 
  
      }

     .h1 {
    font-family: 'Oxygen';
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
   
}

html{
overflow-x:hidden;
}


::placeholder {
  color: #1e374d;
  opacity: 1; /* Firefox */
}

#labelName{
/* text-transform: uppercase; */
/* font-family:'Arial - Bold';*/
font-weight:bold;
}
input[type="text"] {
    /* border: none ! important; */
  /*   border-style: solid;
    border-color: #363636; */
    border-width: 1px;
    outline: none ! important;
    box-shadow: none ! important;
/*     background: #dedddd; */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
/*     width: 200px; */
    height: 0px;
    padding: 0px 4px;
/*     color: #363636; */
    margin-left: 2px;
}

#capitalize{
text-transform: uppercase;
}

input[type=text]:focus {
border-box:none!important;  
/* box-sizing:unset!important; */
}

.h2style{
    color: #0e639c;
    font-size: 16px;
    font-weight: normal;
/*     font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif; */
    text-shadow: 0 1px 1px black;
}

.myaccMaindiv{
height: 630px;
    margin-left: 2%;
}

#account label{

    font-size: 13px !important;
    font-weight: 100 !important;
    margin-bottom: 0px;
    vertical-align: middle;
    font-family: calibri;

}

.card {
    border: 1px solid #E6E6E6;
}

.row{
	flex-wrap: wrap;
	   margin-right: -15px;
    margin-left: -15px;
    font-size: 12px;
}

.tablerow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    font-size: 12px;
}

.displayedMenu{
background-color: #1e374d;
    padding-right: 0px;
    height: 630px;
    width: 250px;
}

.profileDropdown{
	cursor:pointer;
	z-index: 1100;
	font-size:12px;
	font-family: 'Open Sans Regular';
	min-width:129px;
	transform: translate3d(0px, 0px, 0px) !important;
    top: auto !important;
    left: auto !important;
}

.fontStyleofmenu{
font-size: 24px;
    color: #f8f9fa;
    vertical-align: middle;
}

.fontStyledownArw{
font-size: 24px;
    color: #97a9b9;
    }



.menulistDivider{
border-bottom: 1px solid #6699CC;
}
.tblaltclr{
display: block;
    width: 90%;
    margin-left: 3%;
    table-layout: fixed;
    }


 
 #account .row{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    
}  


html {
    -webkit-tap-highlight-color: transparent!important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
 

#account input[type= tel]{
border-color:darkgrey;
    height: 30px;
    font-size: 12px;
}
#account input[type= text]{
    width: 250px;
    height: 30px;
    padding: 2px 4px;
    border-color:darkgrey;
    font-size: 12px;
}


.selectoptionformcontrol{
    width: 100%;
    height: 30px !important;
    font-size: 12px;
       padding: 0px;
       border-color:darkgrey;
  }
  
  
  .selectoptiontable{
    width: 100%;
    height: 28px !important;
    font-size: 12px;
       padding: 0px;
       border-color:darkgrey;
       border-radius: 2px;
  }
  #collpasebutton {
    color: darkgrey;
    font-weight: 600;
    text-decoration: none;
    border: none;
    font-size: 14px;
    padding-left: 15px;
}
.collapseangledown {
    text-align: right;
    padding-right: 13px;
    color: darkgrey;
    font-size: 25px;
}
.mainconatinerclass {
    padding: 15px;
    overflow: scroll;
    height: 316px;
    overflow-x: hidden;
    border: 1px solid #E6E6E6;
}
/* .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
} */

.card-headerreg{
	border-bottom: 1px solid rgba(0,0,0,.125);
	cursor: pointer;
}

#pricesectionone {
    border: 1px solid #E6E6E6;
    /* padding-top: 7px; */
}

.mb-0 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.fontasmCart{
	text-align:center;
	font-size: 18px;
    color: white;
    vertical-align: middle;
}

#allbluebutton {
    background-color: #4BADA8;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    border: none;
    font-weight: bold;
    height: 30px;
    border-radius: 5px;
}

.allredbutton {
    background-color: #962F2F;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    border: none;
    font-weight: bold;
    height: 30px;
    border-radius: 5px;
}

textarea.txtdescrptnlist {
height: 55px !important;
    border-style: solid !important;
    border-color: #363636 !important;
    border-width: 1px !important;
    outline: none ! important;
    box-shadow: none ! important;
    /* background: #dedddd !important; */
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    width: 100% !important;
}


textarea#txtAddrLine1{

    border-style: solid;
    border-color: darkgrey;
    border-width: 1px;
    outline: none ! important;
    box-shadow: none ! important;
    border-radius: 2px;
    width: 250px;
   height:100px;
    padding: 2px;
        font-size: 12px;
}

  #btnSave [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
  background: #f3ad1b;
   
} 



#account input[type="button"] {
    background: #17607d;
    color: darkgrey;
    line-height:1.3;
    border-radius: 5px;
    min-width: 80px;
    padding:6px 6px;
    border: none;
}

#account [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    
    font-size:13px;
    cursor: pointer;
} 


select#txtgenstate:focus{
    border: 1px solid darkgrey !important;
}

select#txtStatelist:focus {
   border: 1px solid darkgrey !important;
}

select#custCatgList:focus{
     border: 1px solid darkgrey !important;
}

.navbar-form .form-group {
    display: inline-block;
    margin-bottom: 30px !important;
    vertical-align: middle;
    
}

.dropdown:focus{
	
	border-color:transparent;
}

#phoneformmodal{
	
	   /*  width: 169px; */
	   width:267px;
	      /*   margin-top: 10%; */
	
}

#fsModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#mobmodal {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
#mobcontent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  border-radius: 0;
  box-shadow: none;
}

#mobheader {
  background-color: #002040; ;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
 /*  background: #6598d9; */
  border: 0;
}

#mobtitle {
  font-weight: 300;
  font-size: 19px;
  color: #fff;
  line-height: 30px;
}

#mobbody {
  position: absolute;
  top: 70px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}



#registercountry-dropdown{
	
	z-index:1000 !important;
	
}

#registercountry-styled{
	
	width:100%;
}

#userdetails{
	
	    margin-left: 6%;
    font-size: 12px;
    color:red;
    margin-top:5%;
}

#phonenum{
	
	
	    width: 97% !important;
	    margin-left: 15px;
}

#contactmodal{
	
	background-color:white;
	color:black;
	
}

#contactlose{
	
	color:black !important;
	
}

.list-group-item:hover {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    cursor:inherit;
}
  
 #aboutusfooter{
 
 text-align: center;
 background:#f6f7f9; 
   padding-bottom: 7%;
    padding-top: 7%;
    height:239px;
 }
 
#homelearn{
	
	z-index: 1000;
}
  
/*   .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
   */
   
/*    @media (max-width: 768px) {
   
   .col-sm-6{
   max-width:0% !important;
   }
   .table {
  width: 100%;
}
.container
{
	margin-left: 0%!important;
}
   
   } */
 
 
    
   
   @media (max-width: 768px){
   .col-sm-6 {
    max-width: 100% !important;
    }
    .container
{
	margin-left: 0%!important;
}
   }

   
   
 #myBtn {
    display: none;
    position: fixed;
    bottom: 210px;
    right: 18px;
    z-index: 99;
   /*  font-size: 50px; */
    border: none;
    outline: none;
    background-color: #002040;
    /* color: white; */
    cursor: pointer;
  padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}

.footertable{
	
	width: 45%;
}

.registerTable{
	border:none;
	text-align:center !important;
}

.fa-angle-double-up:before {
	    font-size: 37px;
}
 button, input, optgroup, select, textarea {
   
     font-family: 'DM SANS';

}
 
 #trynowbutton{
 
     width: 80%;
 
 }
  #trynowbuttonew{
 
     width: 40%;
 
 }
 #featureid{
 
    font-size: 18px;
    line-height: 46px;
    font-weight:bold;
 }

 .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

 .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
.selectFieldmodal {
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
    color: #b8b8b8;
    font-family: 'Rubik';
} 
 
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}
.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

a:focus {
  outline: 0px solid;
}

img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 15px;
  /* height: 100px; */
  font-weight: 100;
  font-family: 'DM SANS';
    font-size: 18px;
    line-height: 23px;
    text-align:justify;
    color: black;
}

h1,h2{
font-family: 'DM SANS';
 font-size:28px;
 line-height:36px;
 font-weight:normal;
}

h3{
 font-family: 'Oxygen';
 font-size:29px;
 line-height:30px;
 font-weight:bold;
}

h4{
 font-family: 'Oxygen';
 font-size:19px;
 line-height:30px;
 font-weight:bold;
}

h5 {
    font-family: 'DM SANS';
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
}

h6{
font-family: 'Rubik';
    font-size: 11px;
 /*    line-height: 18px; */
    color:#ffffff;
   /*  padding-left:5%;
 */}


a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover {
  color: #3EC1D5;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
}


#roundimagefont {
    font-weight: bold;
    height: 60px;
    font-size: 14px;
}
    #learnAbtMcidocment{
   /*  font-size: 11px;
    text-align: center; */
    height: 100px;
    }

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #3EC1D5;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}


.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color:black;
    pointer-events: auto;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius:0px;
    outline: 0;
}


@media (max-width: 768px) {
	
#aboutusfooter {
    text-align: center;
    background: #f6f7f9;
    padding-bottom: 7%;
    padding-top: 7%;
    height: 285px;
}	
	
	
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #3EC1D5;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #3cd6ed;
  color: #fecb00;
}

.clear {
  clear: both;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}



div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../img/preloader.gif') no-repeat center center;
}

::-moz-selection {
 /*  background: #3EC1D5; */
  text-shadow: none;
}

/* ::selection {
  background: #3EC1D5;
  text-shadow: none;
}
 */
.area-padding {
  padding: 70px 0px 80px;
}

.area-padding-2 {
  padding: 70px 0px 50px;
}

.padding-2 {
  padding-bottom: 90px;
}

.section-headline h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 70px;
  position: relative;
  text-transform: capitalize;
}

.section-headline h2::after {
  border: 1px solid #333;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}

.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
/*    .navbar-expand-lg .navbar-collapse {

 padding-bottom: 60px;
 margin-left: 157px;
}  */ 

   .navbar-expand-lg .navbar-collapse {

 /* padding-bottom: 60px; */
 margin-left: 18px;
}  

 

/*   .navbar-expand-lg .navbar-collapse {

 padding-bottom: 60px;
 margin-left: 367px !important;
}  */ 

/* @-moz-document {
    .navbar-expand-lg .navbar-collapse {padding-top:26%;}
} */

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

/*  2. Header top Area
/*--------------------------------*/

/* .header-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.40);
  z-index: 9;
} */
.header-top {
    height: 24px;
    margin-top: 5px;
    background:black;
}

#mainsec{
	background:  #002040;
    padding-top: 0%;
    padding-bottom: 0%;
}
/* .tophead {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
} */

#headerphoneimage{
	
	color:black;
	font-weight:bold;
	font-size:14px;
	line-height: 22px;
	    margin: 3px 5px 0px;
}


.header-area {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
     margin-top: 0px;  
    left: 0;
    z-index: 300;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.header-area .navbar {
    border-bottom: 1px solid;
    border:none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 75px;
    border-radius: 0px;
        padding: 0px;
            margin-left: 80px;
}

/* #logimage{
	
	width:153px;
	height: 75px;

} */

.title1{
	font-size:60px;
	line-height:65px;
	
	color: #F3AD1B;
	 font-family: 'Oxygen';
	 font-weight:bold;
}

.title3{
	
	font-weight:100;
	color: black;
	font-size:16px;
	line-height:20px;
	 font-family: 'Rubik';
}

#arrow {
    font-size: 15px;
    color: #fecb00;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


#learnhowbutton{
	 font-family: 'Rubik';
    font-size:12px;
    line-height:21px;
       color: #002040;
	   background: #fecb00;
	   border: none;
    border-radius: 0px;
        font-weight: bold;
        width:92%;
        height: 35px;
}

.savebutton{
	
    width: 20%;
    color: #002040;
	   background: #fecb00;
    border: none;
    font-size: 14px;
    font-weight: bold;
     border-radius: 0px;
         height: 34px;

}

.savedbutton{
	
    width: 23%;
    color: #002040;
	   background: #fecb00;
    border: none;
    font-size: 14px;
    font-weight: bold;
     border-radius: 0px;
         height: 34px;

}



#theadtable{
	
	 background: #002040;
	 color: white;
	 
}



#arrowicon{
	 font-family: 'Rubik';
    font-size:14px;
    line-height:21px;
	   color: #fecb00;
	   background: #002040;
	   border: none !important;
    border-radius: 0px;
    height: 35px;
   /*  width:14%; */
}

 
.navbar-right {
    float: right!important;
    margin-right: -3%;
}
.navbar-header a.navbar-brand {
    display: inline-block;
    height: 70px;
    padding: 15px 0;
    margin-top: -50%;
}

.main-menu ul.navbar-nav li {
  display: inline-block;
  padding: 0px 13px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}


.main-menu ul.navbar-nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: black;
  font-size: 14px;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
    font-family: 'DM Sans';
    Line-height: 24px;
   /*  font-weight: bold; */
    
}
.fill {
    width: 100%;
    height: 100%;
/*     background-image: url("../images/mainbackgroundimage.jpg"); */
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.financialfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/financialmainbanner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.financialfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/financialmainbanner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}


.retailfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/retailmainbanner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.retailfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/retailmainbanner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}


.hospitalityfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/hospitalmainbanner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.hospitalityfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/hospitalmainbanner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}



#sectionid{

	padding-bottom:4%;
}


#roundimagefont{
font-weight:bold;	
	
}


.erpfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/erpsolution_banner.png);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.erpfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/erpsolution_banner.png);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.crmfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/crmsolution_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {
	
	.title1{
	font-size:42px;
	line-height:65px;
	
	color: #F3AD1B;
	 font-family: 'Oxygen';
	 font-weight:bold;
}

.crmfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/crmsolution_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.posfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/possolution_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.posfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/possolution_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.scmfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/scmsolution_banner.png);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}






@media (max-width: 768px) {

.scmfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/scmsolution_banner.png);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.mcfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/mcsolution_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.mcfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/mcsolution_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}


.fsafill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/fsasolution_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}



@media (max-width: 768px) {

	#opendemo{
	    max-height: 103px;
	    overflow: hidden;
	}
	
	#testclienttable{
	height: 93px;
	}
	
#clientBtn{ 
	  display: none;
    position: relative;
    bottom: 64px;
    left:290px;
    z-index: 99;
     font-size: 37px; 
    border: none;
    outline: none;
/*     background-color: #002040; */
   color: black; 
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}	
#openBtn{
	position: relative;
    bottom: 75px;
    left:290px;
    z-index: 99;
     font-size: 37px; 
    border: none;
    outline: none;
/*     background-color: #002040; */
     color: black; 
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}
	
.fsafill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/fsasolution_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.fsafill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/fsasolution_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.fsafill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/fsasolution_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.fsafill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/fsasolution_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.fsafill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/fsasolution_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.clubfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/club_management_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.clubfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/club_management_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.hotelfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/restor_mgnt_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.hotelfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/restor_mgnt_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

.resortandfoodcourtfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/hotel_foodcourt_mainbanner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.resortandfoodcourtfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/hotel_foodcourt_mainbanner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}


.fill_transform {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/transform_your_business_banner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.fill_transform {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/transform_your_business_banner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}


.aboutfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/aboutusmainbanner.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.aboutfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/aboutusmainbanner.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}

.newwontainerwithmarginsectiontwo{
	margin-left: 0px !important;
    margin-right: 0px !important;
}


.newContainerWithMargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.sectiononemarginleft{
margin-left: 0px !important;
}

.tabbodysectinfive {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerSixthWithMargin {
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginsectioneight{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.realestatenewwontainerwithmarginsectiontwo{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.realestatenewContainerWithMargin{
	 margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginsectiontwohotel{
	 margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginsectiontwohotelsectwo{
	 margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginhotelfour{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginhotelfourimg{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginhotelsectiontwo{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginrestaurant{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginhotelsectionfour{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.omnicommercetabsectionfive{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.contactcircularshape{
    width: 16% !important;
    border: 1px solid #fecb00 !important;
    border-radius: 19px;
    height: 24px;
    background: #fecb00 !important;
}

.contactpaddingleft{
	padding-left: 0px !important;
}

.contactcircularshapesecond{
    width: 17% !important;
    border: 1px solid #fecb00 !important;
    border-radius: 19px;
    height: 24px;
    background: #fecb00 !important;
}

.contactmarginleft{
	margin-left: -9px !important;
}

.contactmarginleftsubheaderthird{
	margin-left: 0px !important;
}

.contactmarginleftthird{
	margin-left: 0px !important;
}

.contactcircularshapethird{
    width: 17% !important;
    border: 1px solid #fecb00 !important;
    border-radius: 19px;
    height: 24px;
    background: #fecb00 !important;
}

.text-blockcontactsecondsection{
	position: absolute !important;
	/* top: 0px !important;
    width: 0px !important;
    right: 0px !important; */
    top: 656px !important;
    width: 412px !important;
}

.homenewwontainerwithmarginsectionthree{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homenewwontainerwithmarginsectionfour{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homenewwontainerwithmarginsectioneight{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homenewwontainerwithmarginsectionnineth{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homenewwontainerwithmarginsectionten{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homenewwontainerwithmarginsectionsix{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginaboutus{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginomnicommerce{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginaboutussectionfourth{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginsectiontwoservice{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.servicenewwontainerwithmarginsectiontwo{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newContainerWithMarginservicefourimg{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.newwontainerwithmarginservicesectionfour{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homemarginleft{
	margin-left: 7px !important;
}  

.homeboxheight {
    height: 149px;
    width: 339px;
}

.homecolor{
	text-align: center !important;
}

.homeboxheight {
    height: 213px !important;
}

.homeboxheightmobile{
	margin-left: 5px !important;
}

.homeboxheight2mobile{
	width: 369px !important;
	margin-left: -10px !important;
}

.homeboxheight3mobile{
	margin-top: 16px !important;
    margin-left: 4px !important;
}

.homeboxheight4mobile{
	margin-top: -63px !important;
    margin-left: 5px !important;
}

.paramobile{
	width: 347px !important;
    margin-left: 40px !important;
}

.rowmobile{
	margin-left: -46px !important;
	margin-right: 0px !important;
}

.paramobile{
	width: 328px !important;
}

.headmobile{
	width: 402px !important;
}

.rowmobile2{
	margin-left: -87px !important;
}

.homeboxheight5mobile{
	width: 340px !important;
    margin-left: 4px !important;
}

.homeboxheight6mobile{
	height: 239px !important;
	margin-left: -10px !important;
}

.homeboxheight7mobile{
	margin-left: 15px !important;
}

.homeboxheight7mobile{
    width: 339px !important;
    margin-left: 5px !important;
}

.homeboxheight8mobile{
	margin-left: 15px !important;
}

.menumobile{
	/* width: 232px !important; */
	width: 100% !important;
    margin-top: 29px !important;
    margin-left: -15px;
}

.homeboxheight10mobile{
	width: 381px !important;
    margin-left: -7px !important;
}

.homeboxheightsecond11mobile{
	width: 350px !important;
    margin-left: 8px !important;
    height: 210px !important;
}

.homeboxheight12mobile{
	margin-left: -6px !important;
    width: 378px !important;
}

.homeboxheight13mobile{
	width: 348px !important;
    margin-left: 9px !important;
}

.homeboxheight14mobile{
	margin-left: -4px !important;
    width: 375px !important;
}

.homeboxheight15mobile{
	width: 345px !important;
    margin-left: 11px !important;
}

.menusourcemobile{
	margin-left: -24px !important;
    width: 67% !important;
}

.homeboxheight16mobile{
	margin-left: -9px !important;
}

.homeboxheight17mobile{
	margin-left: -10px !important;
}

.homemarginmobile{
	margin-left: 36px !important;
}

.hometextcenter{
	text-align: center !important;
}

.homenewwontainerwithmarginsectionthreenew{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homebckheight{
	height: 202px !important;
} 

.homecolormobile{
	color: white !important;
}

.homenewwontainerwithmarginsectiontwonew{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.homesectiontwomobile1 {
	width:290px !important;
	min-height:461px !important;
	border-style: solid !important;
	border-width:2px !important;
	margin-top:100px !important;
	margin-left: -15px !important;
	border: 2px solid #F3AD1B !important;
}


.homesectiontwomobile2 {
	position:absolute !important;
	width:267px !important;
	min-height: 455px !important;
	border-style: solid !important;
	border-width:10px !important;
	border-color: #0A5D7C !important;
	margin-left: 40px !important;
	margin-top: -38px !important;
	
}

.homesectiontwomobile3 {
	position:absolute !important;
	width:265px !important;
	min-height:387px !important;
	background: white !important;
	margin-left: -16px !important;
	margin-top: 0px !important;
	border: 3px solid #F7F7F7 !important;
	
}











.homesectiontwo2mobile1 {
	width:290px !important;
	min-height:461px !important;
	border-style: solid !important;
	border-width:2px !important;
	margin-top:100px !important;
	margin-left: -15px !important;
	border: 2px solid #F3AD1B !important;
}


.homesectiontwo2mobile2 {
	position:absolute !important;
	width:267px !important;
	min-height: 455px !important;
	border-style: solid !important;
	border-width:10px !important;
	border-color: #0A5D7C !important;
	margin-left: 40px !important;
	margin-top: -38px !important;
	
}

.homesectiontwo2mobile3 {
	position:absolute !important;
	width:265px !important;
	min-height:456px !important;
	background: white !important;
	margin-left: -16px !important;
	margin-top: 0px !important;
	border: 3px solid #F7F7F7 !important;
	
}












.homesectiontwo3mobile1 {
	width:290px !important;
	min-height:461px !important;
	border-style: solid !important;
	border-width:2px !important;
	margin-top:100px !important;
	margin-left: -15px !important;
	border: 2px solid #F3AD1B !important;
}


.homesectiontwo3mobile2 {
	position:absolute !important;
	width:267px !important;
	min-height: 455px !important;
	border-style: solid !important;
	border-width:10px !important;
	border-color: #0A5D7C !important;
	margin-left: 40px !important;
	margin-top: -38px !important;
	
}

.homesectiontwo3mobile3 {
	position:absolute !important;
	width:265px !important;
	min-height:453px !important;
	background: white !important;
	margin-left: -16px !important;
	margin-top: 0px !important;
	border: 3px solid #F7F7F7 !important;
	
}

.homenewwontainerwithmarginsectiontwosecondnew{
	margin-left: 0px !important;
    margin-right: 0px !important;
}

#homesectiontwodesktopid4{
	display: none !important;
}

#homesectiontwo2desktopid4{
	display: none !important;
}

#homesectiontwo3desktopid4{
	display: none !important;
}

#homesectiontwo4desktopid4{
	display: none !important;
}

.aboutustrapezium{
	position: absolute !important;
	top: 44px !important;
	right: 87px !important;
}

.aboutustrapeziumtwo{
	position: absolute !important;
	top: 233px !important;
	right: 94px !important;
}

.aboutustrapeziummobile {
	margin-top: -52px !important;
}

.aboutustrapeziumtwomobile{
	margin-top: -28px !important;
}

.paddingrighticon{
	padding-right: 15px !important;
}

.paddingleft{
	padding-left: 15px !important;
}

.manucontainerheightmobile {
	height: 251px !important;
}

.text-block {
  position: absolute !important;
  bottom: 223px !important;
  right: 133px !important;
  background-color: white !important;
  color: white !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 43px !important;
  width:102px !important;
}



.text-blocktwo{
	 position: absolute !important;
  bottom: 223px !important;
  right: 133px !important;
  background-color: white !important;
  color: white !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 43px !important;
  width:102px !important;
}


.text-blockthree{
	 position: absolute !important;
  bottom: 223px !important;
  right: 133px !important;
  background-color: white !important;
  color: white !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 43px !important;
  width:102px !important;
}


.text-blockseven{
  position: absolute !important;
  bottom: 223px !important;
  right: 133px !important;
  background-color: white !important;
  color: white !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 43px !important;
  width:102px !important;
}

.hotelfoursectionimg1mobile{
	width: 327px !important;
	position: absolute !important;
  top: 17% !important;
  left: 50% !important;
  transform: translate(-50%, 145%) !important;
}

.hotelfoursectionimg3mobile{
	width: 358px !important;
	position: absolute !important;
  top: 17% !important;
  left: 50% !important;
  transform: translate(-50%, 145%) !important;
}

.hotelfoursectionimg4mobile{
	width: 359px !important;
	position: absolute !important;
  top: 17% !important;
  left: 50% !important;
  transform: translate(-50%, 145%) !important;
}

.hotelfoursectionimgmobile{
	width: 359px !important;
	position: absolute !important;
  top: 47% !important;
  left: 50% !important;
  transform: translate(-50%, 145%) !important;
}


.text-blockhotel {
  
  bottom: 223px !important;
  right: 133px !important;
  
}

.text-blockhoteltwo{
	
  bottom: 223px !important;
  right: 133px !important;
  
}

.text-blockhotelthree{
	
  bottom: 223px !important;
  right: 133px !important;
  
}

.text-blockhotelfive{
	
  bottom: 223px !important;
  right: 133px !important;
  
}

.text-blockhotelfour {
 
  bottom: 223px !important;
  right: 133px !important;
  
}

.text-blockhotelsix{
	 
  bottom: 223px !important;
  right: 133px !important;
  
}

.newContainerWithMarginservicefourimgmobile{
	margin-left: -31px !important;
    margin-right: -32px !important;
}

.servicefoursectionimg{
  left: 50% !important;
  top: -27% !important;
  width: 344px !important;
}

.servicefoursectionimgtwo{
  top: -3% !important;
  left: 50% !important;
  width: 344px !important;
}

.ecomfoursectionimg1mobile{
  top: -32% !important;
  left: 50% !important;
  width: 344px !important;
}

.ecomfoursectionimg2mobile{
  top: -8% !important;
  left: 50% !important;
  width: 344px !important;
}






.text-blockecom {
 
  bottom: 223px !important;
  right: 133px !important;
 
}



.text-blocktwoecom{
	 
  bottom: 223px !important;
  right: 133px !important;
 
}


.text-blockthreeecom{
	 
  bottom: 223px !important;
  right: 133px !important;
 
}

.aboutuspaddingleftmobile{
	padding-right: 58px !important;
}

.aboutuspaddingleft4mobile{
	padding-right: 33px !important;
}

.aboutusimgheightfourmobile{
	height: 443px !important;
}

.aboutusimgheightfour2mobile{
	height: 444px !important;
}

.contactusmargintopmobile{
	margin-top: 95px !important;
}

.contactuscentermobile{
	text-align: center !important;
}


.contactpaddingleftthirdmobile{
	padding-left: 0px !important;
}

.contactmarginleftthird3mobile {
	margin-left: -9px !important;
}

.casestudynewwontainerwithmarginsectiontwosecondnew {
	margin-left: 0px !important;
    margin-right: 0px !important;
}


.careersfoursectionimg{
  left: 50% !important;
  top: 6% !important;
  width: 344px !important;
}

.newContainerWithMargincareersfourimgmobile{
	margin-left: -31px !important;
    margin-right: -32px !important;
}

.careersfoursectionimgbtn{
  position: absolute !important;
  top: 1% !important;
  left: 50% !important;
  transform: translate(-50%, 400%) !important;
}

.careersnewwontainerwithmarginsectionthreenew {
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.careersmarginleftmobile {
	margin-left: 0px !important;
}

.careersformimgheight {
	height: 392px !important;
}

.sectiononemarginleft{
	margin-left: 0px !important;
}























}

.contactfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/contactbanner_image.jpg);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.contactfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/contactbanner_image.jpg);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}


.industriesfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/industriesmainbanner.png);
   background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh; 
}

@media (max-width: 768px) {

.industriesfill {
  /*  width: 100%;*/
    height: 100%;  
 background-image: url(../images/industriesmainbanner.png);
   background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
 
}


}

 



#sectionTree{
	
	padding-top:6%;
	padding-bottom:4%;
}




#carosoulpara{
	margin: 0 0 15px;
    height: 100px;
    font-weight: 100;
    font-family: 'Rubik';
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
}

#fiveimagecontainer{
	    text-align: center;
}

.error {
    color: red;
    font-weight:Normal;
}


#cmrparagraph{
padding-top:15%;
}




#topheaddropdown{
	z-index:1000;
	color:#002040 !important;
/* 	background:#fecb00;
	border:#fecb00; */
	
	
}

#navabarpara1 {
    /* margin: -5px; */
    color:#FFFFFF !important;
    height:4px;
    font-size: 10px;
        line-height: 0px;
                margin: 0px 8px -2px;
                font-weight:bold;
}
#navabarpara11 {
    /* margin: -5px; */
    color:white !important;
    height:4px;
    font-size: 10px;
        line-height: 0px;
                margin: 0px 8px -2px;
                font-weight:bold;
}


#toptd{
	background:transparent;
	
}
#topbeforetd{
	background:none;
	
}


.main-menu ul.navbar-nav li.active a::after {
  border: 1.5px solid #fecb00;
  bottom: 21px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

 .carousel-indicators {
    position: absolute;
    right: 0;
    /* bottom: -173px; */
    left: 1116px;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: -17%;
    list-style: none;
}
 .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    margin-left: 8px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(6, 6, 6);
}

.carousel-indicators .active {
    background-color: #fecb00;
    width: 7px;
    height: 7px;
}
.main-menu ul.navbar-nav li.active a:hover {
  background: none;
  /* color: #fff; */
}

.main-menu ul.navbar-nav li.active a:focus {
  color: #fff;
}


.main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
 /*  color: white; */
 color: black;
  position: relative;
  /* text-align:center; */
  /* padding-left: 20px; */
}


#crmdrop {
  /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; */
  color: #fff;
  position: relative;
  font-size: 14px;
  padding-top: 16px;
   padding-bottom: 16px;
  /* text-align:center; */
  /* padding-left: 20px; */
  
  font-family: 'Rubik';
    Line-height: 24px;
 /*    font-weight: bold; */
}

.navbar-right .dropdown-menu {
    right: auto;
    left: auto;
}
#crmdrop:after{
	
	border:none;
}

#crmdrop:hover {

	color: #fecb00;
	
}
/* .main-menu ul.navbar-nav li a:hover {
 color: white;
} */

.navbar {
  border: medium none;
  margin-bottom: 0;
}

.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: none;
  color: #fecb00;
}

.navbar-default .navbar-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  padding: 25px 0px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #fecb00;
}

/* .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
} */

#navli{
	
	border-bottom: 1px solid white;
	width:100%;
	
}
#dropdowntop {
    position: absolute;
    top: 60%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #002040;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

/* .show{
	
	background-color: #fecb00;
} */

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.top-right.text-right {
  float: right;
  position: relative;
  top: 24px;
  margin-left: 20px;
}

.top-right.text-right>li {
  float: right;
  margin: 0px 8px;
}

.top-right.text-right li a {
  color: #fff;
}

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

/* 2.1. Stick menu
/*--------------------------------*/

.header-area.stick {
  background-color: #002040; 
  /* height: 70px; */
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  margin-top: -2px;
  opacity: 0.4;
  height: auto;
  left: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  
  
}

.btn-primary {
    /* color: #fff;
    background-color: #337ab7; */
    border-color: none !important;
}
.stick .navbar-header a.navbar-brand {
  display: inline-block;
  height: 64px;
}

.stick .navbar-brand>img {
  display: none;
}

.stick .navbar-brand.sticky-logo>img {
  display: block;
}

.sticky-logo h1 {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.sticky-logo h1 span {
  /* color: #3ec1d5; */
}
.stick .main-menu ul.navbar-nav li.active a::after {
 border: 1.5px solid #fecb00;
  bottom: 2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.stick .main-menu ul.nav>li>a:hover {
  color: #fff;
}

.stick .main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  position: relative;
}

.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
  background-color: #f5f5f5;
  color: #fff;
  outline: medium none;
}

.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
  color: #fff;
}

.stick .logo {
  height: 20px;
}

.stick .logo a {
  margin-top: 0px;
}

.stick .main-menu ul.nav>li>a {
  color: #fff;
  line-height: 22px;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.stick .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.stick .navbar-default .navbar-toggle {
  padding: 10px 0px;
}

/*------------------------------
  section one
--------------------------------*/

.cid-qIoWJUOnqf {
    padding-top: 19%;
        margin-top: -24%;
            position: absolute;
     margin-left: 8%;
}

section {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.cid-qIoWJUOnqf .text-content {
    padding-bottom: 60px;
}

#boxsectionone{
	  color: #002040;
	   background: #fecb00;
	   height: 100%;
	   cursor:pointer;
	
}
#boxsectiontwo{
	color: white;
	   background: #002040;
	   height: 100%;
	      cursor:pointer;
	
}

#boxsectionthree {
    color: white;
    background: #002040;
    height: 100%;
       cursor:pointer;
}

#boxsectionfour {
    color: white;
    background: #002040;
    height: 100%;
       cursor:pointer;
}
#manageId{
	font-size:13px;
	/* font-weight:bold; */
	color: black;
	
}



/*Client Slider  */

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

/* .slick-dots {
  top: 100px;  
  left: 100px;
  display: inline-flex;
} */

.slick-dots {/* position: absolute; bottom: -3.5rem; */ margin-top: 20px;display: block;text-align:center; padding: 0; list-style: none; line-height: 0;}
.slick-dots li {position: relative; display: inline-block; width: 0.9375rem; height: 0.9375rem; margin: 0 0.875rem; padding: 0; cursor: pointer;}
.slick-dots li:first-child {margin-left: 0;}
.slick-dots li:last-child {margin-right: 0;}

.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 0.9375rem; height: 0.9375rem; padding: 0.3125rem; cursor: pointer; color: transparent; outline: none; border:none; background: rgba(47, 31, 22, 0.5); border-radius: 50%;}

.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {outline: none; background-color: #fecb00; transition: all 300ms ease 0s; color: #2d1d15;}


.slick-slide img {
   
     vertical-align: middle;
         height: 80px;
         width:100%;
}
#dLabel{
	font-size:14px;
}
.glyphicon glyphicon-user{
	font-size:12px;
}
.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;
}

.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;
    opacity: 1;
    width: fit-content;
    transform: translate3d(0px, 0px, 0px)
}
.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;
    
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    vertical-align: middle;
}
.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;
} 

/*End Of Client Slider  */




 */
/*------------------------------
  section two
--------------------------------*/
  #lineForContainer{
  border-bottom: 3px solid #fecb00;
    /* bottom: 0px;
    left: 0; */
    position: absolute;
    width: 40px;
  }
#imagetag{
	
	width:100%;
	/* margin-top:-122%; */
}

.customersection{
	    background: #f6f7f9; 
	        margin-bottom: 4%;
    padding-top: 5%;
	  
}
.greysection{
	    background: #f6f7f9; 
	   padding-top:5%;
	     padding-bottom:5%;
	  
}
#finanimage{
	width:40%;
}

#customerrow{
/* padding-top: 5%; */
   /*  padding-bottom: 5%; */

}

#customerrowone{
/* padding-top: 5%; */
  padding-bottom: 5%; 

}
#customerrowsthree{
/* padding-top: 5%; */
  padding-bottom: 3%; 

}
#para{
	
	 margin: 0 0 15px;
  height: 100px; 
  
    font-family: 'Rubik';
    font-size: 14px;
    line-height: 23px;
	
}
#para1{
	
	 margin: 0 0 15px;
  height: 100px; 
  font-family: 'Rubik';
    font-size: 14px;
    line-height: 23px;
	
}
#learnmorehowbutton{
	width:82%;
	 font-family: 'Rubik';
    font-size:12px;
    line-height:21px;
       color: #002040;
	   background: #fecb00;
	   border: none;
    border-radius: 0px;
        font-weight: bold;
        height: 35px;
}

#sectionthree{
	
	padding-bottom:4%;
}


/*------------------------------
 section four
--------------------------------*/

#sectionfour{
	
    background: #f3ad1b;
    padding-top: 25px;
    padding-bottom: 25px;
    height: auto;
	
	
}

#sectionfourbutton{
	
	text-align: right;
	padding-top: 4%;
}


/*------------------------------
 section five
--------------------------------*/

#sectionfive{
	
	/* background:#575757; */
	padding-top:5%;
	padding-bottom:5%;
	
}

#slide-wrapper{
	
	/* background:#575757; */
/* 	padding-top:5%; */
/* 	padding-bottom:5%; */
	max-height: 686px;
}

#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
  /* right: 50%; */
  top: auto;
  bottom: -10px;
  margin-left: -48%;
  text-align:left;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  /* background: #fecb00; */
  border-color:#fecb00;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #fecb00;
  height:10px;
  width:10px;
  margin-bottom:1px;
}


/*------------------------------
 section six
--------------------------------*/

#sectionsix{
	
    background:#fecb00;
	/* padding-top:2%; */
	padding-bottom:2%;
	
}

/* -- */

/* for select fiedl and the image to allign in one line */
.img-select{
	position: relative;
    display: table;
    border-collapse: separate;
    width:100%;
	}
	
	
	#selectImage{
	width:5%;
	background-color: #ffffff;
    border-radius: 0px;
    border-color: #ffffff;
	}
	
	.selectField{
	font-size:14px;
	border-color: #ffffff;
    border-radius: 0px;
    color: #b8b8b8;
     font-family: 'Rubik';
	}

/*------------------------------
 section eight
--------------------------------*/

#sectioneight{
	
	padding-top:2%;
	padding-bottom:5%;
	
}


#learnmorefooterhowbutton{
	/* width:40%; */
	 font-family: 'Rubik';
    font-size:12px;
    line-height:21px;
       color: #fecb00;
	   background: #002040;
	   border: none;
    border-radius: 0px;
        font-weight: bold;
        padding-left: 0px;
}





.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
  /*   padding-right: 10px;
    padding-left: 10px;
 */    padding-left: 2%;
    padding-right: 2%;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
	

.col-sm-15 {
        width: 20%;
        float: left;
        padding-right: 20%;
    padding-left: 20%;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 19.5%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}




/*------------------------------
 section nine(footer)
--------------------------------*/

#sectionnine{
	
	padding-top:2%;
	/* padding-bottom:2%; */
	background-color:#808080;
	
}

#chevoron{
	/* vertical-align:middle; */
	vertical-align:initial;
	color: #fecb00;
    font-size: 16px;
}

#footerindustry:hover{
		color: #fecb00;
	
} 

#footertextstyl{
	    font-weight: 100;
    font-family: 'Rubik';
    font-size: 11px;
    line-height: 18px;
	color:#ffff;
}


hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ffff;
}



#featuresHead{
    font-size: 16px;
    }
    
    
 /*   orange lines in each container */
  #lineForContainer{
  border-bottom: 3px solid #fecb00;
    /* bottom: 0px;
    left: 0; */
    position: absolute;
    width: 40px;
  }
  
  
  #transformSecSectionImages{
    background-color: #f6f7f9;
    margin-right: 0px;
    margin-left: 0px;
   }
  
#secondDivContent {
    padding: 50px;
    padding-left: 188px; 
}
    
 #secondDivRightContent{
	padding: 50px;
    padding-right: 120px;
} 
  
    
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    	border: none;
    	vertical-align: middle;
    }
    
      #firstTdImges{
    	width: 25%;
    }
    
    #secondTdText{
    	width: 75%;
    }
    


/* for select fiedl and the image to allign in one line form section  */
.img-select{
	position: relative;
    display: table;
    border-collapse: separate;
	}
	
	
	#selectImage{
	width:12%;
	background-color: #ffffff;
    border-radius: 0px;
    border-color: #ffffff;
	}
	
	
	#featuresHead{
    font-size: 16px;
    }
    
	#featuresHeads{
    font-size: 14px;
    font-weight: normal;
    margin-top:8px !important;
    margin-bottom:8px !important;
    
    }
    
    @media (min-width: 1200px){
    #featureslist{
    max-width: 800px !important;
    
    }
    }
    
    
    
    #tabletd{
        border: 1px solid black;
        padding: 0px 0px 0px 10px;
      
    }
    #tabletd1{
       text-align: center;
    font-size: 27px;

     border: 1px solid black;
    }
    
    .featureheading{
   
    background-color:#f7f7f7;
    }
	
	
/* end of form section css style */



.float-label-control1
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    height: 28px; 
    border-bottom:1px solid #fecb00 !important;
border-top:none !important;
border-right:none !important;
border-left:none !important;
}
.float-label-control1.bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: inherit;
  /*   margin-top: 5px; */
}



/* this css is used for the multiselect fields */
/* .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    background-color: #ffffff;
    height: 34px;
}
 */

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #b8b8b8;
    width: 100%;
    background-color: #ffffff;
   border-bottom: 1px solid #EBEBEB;
   border-top:none;
   border-left:none;
   border-right:none;
}


.btn .dropdown-toggle .btn-light{
border-bottom:1px solid #fecb00 !important;
border-top:none !important;
border-right:none !important;
border-left:none !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    color: grey;
    font-weight: normal;
    font-size: 12px;
    margin-left: -2%;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
     height: 37px; 
     border-bottom:1px solid #EBEBEB !important;
border-top:none !important;
border-right:none !important;
border-left:none !important;
}


.filter-option-inner-inner{
	
	display:none;
}


.bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: inherit;
    margin-top: 5px;
}
/* end of multi select fied css */
    


/*------------------------------
  3. About Area
--------------------------------*/

.about-area {
  background-color: #f9f9f9;
}

.single-well>a {
  display: block;
}

.single-well ul li {
  color: #444;
  display: block;
  padding: 5px 0;
}

.single-well ul li i {
/*   color: #3EC1D5; */
  padding-right: 10px;
  font-size: 12px;
}

.single-well p {
  color: #444;
}

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

/* 4.Services Area
/*--------------------------------*/

.services-icon {
  color: #444;
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
}

.section-headline.services-head>h2 {
  margin-bottom: 25px;
}

.services-details {
  padding-top: 40px;
  transition: all 0.5s ease 0s;
}

.services-details:hover h4, .services-details:hover .services-icon {
/*   color: #3EC1D5; */
}

.row.second-row {
  margin-top: 40px;
}

.section-head>h2 {
  color: #333;
}

.single-services>h4 {
  color: #444;
  font-size: 24px;
  font-weight: 500;
}

.single-services>p {
  color: #333;
  font-size: 14px;
}

/*----------------------------------------
  5.Skill Area
----------------------------------------*/

.our-skill-area {
  position: relative;
}

.our-skill-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg") no-repeat fixed center top / cover;
}

.test-overly {
  background: rgba(0, 0, 0, 0.80);
  position: absolute;
  width: 100%;
  height: 100%;
}

.progress-h4 {
  color: #fff;
  font-weight: 500;
}

/*----------------------------------------
  6.Faq Area
----------------------------------------*/

.faq-details .panel-heading {
  padding: 0;
}

.panel-default>.panel-heading {
  background-color: transparent;
  border: medium none;
  color: #333;
}

.faq-details h4.check-title a {
  color: #333;
  display: block;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 40px;
  padding: 6px 10px;
  text-decoration: none;
}

.panel-body {
  padding: 15px 15px 0px 50px;
}

.faq-details h4.check-title {
  color: #444;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.faq-details a span.acc-icons {
  position: relative;
}

.faq-details a span.acc-icons::before {
  color: #333;
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
/*   color: #3EC1D5; */
}

.faq-details a.active span.acc-icons::before {
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.second-row {
  margin-top: 30px;
}

.event-content.head-team h4 {
  background: transparent none repeat scroll 0 0;
  color: #333;
  padding: 30px 0 10px;
  font-weight: 500;
  text-transform: capitalize;
}

.tab-menu .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.tab-menu {
  display: block;
  text-align: center;
}

.tab-menu ul.nav {
  margin: 0;
  padding: 0;
}

.tab-menu ul.nav li {
  border: medium none;
  display: inline-block;
}

.tab-content {
  /* border: 1px solid #ccc; */
  padding: 0 15px 15px;
}


/* .nav-tabs {

	background:#002040;
	
}	

.nav-tabs .nav-link {

	color:white;
	

	
}	 */

/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    background:#002040;
    	border-bottom: 4px solid #fecb00;
    	border-left: none;
    	border-right: none;
}



.tab-menu ul.nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #444;
  display: block;
  font-weight: 500;
  margin-right: 5px;
  padding: 10px 20px;
  font-family: raleway;
  font-size: 18px;
}

.nav-tabs>li>a {
    margin-right: 50px;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    
}
 */
#profilesave{
	
	/* width:40%; */
	    margin-top: 5%;
    
}


#savecontactprofile{
	
	    margin-top: 5%;
   
}
 .nav-tabs .nav-link.active {
     font-size: 20px;
    color: #495057;
    /* background-color: #fff; */
    background-color: #f8f8f8 !important;
  	border-bottom: 4px solid #fecb00;
  	    	border-top: 0px solid white;
  	    
  	    	border-left: 0px solid white;
  	    
  	    	border-right: 0px solid white;
  	    
}
.nav-tabs .nav-link {
	    font-size: 20px;
	color:black;
       border: 1px solid white;
  	    	border-top: 0px solid white;
  	    
  	    	border-left: 0px solid white;
  	    
  	    	border-right: 0px solid white;
}

.nav-tabs {
     border-bottom: 1px solid #fff;
}


/* .nav-tabs .nav-link:hover{
	    font-size: 20px;
 background:white !important;
 border-left: none;
    	border: none !important;
    	color:#fecb00;
    	border-bottom:#fecb00;
    	
 border-bottom:1px solid white !important;
 } */
 
 .nav-tabs>li>a {
     font-size: 20px;
    margin-right: 2px;
    line-height: 1.42857143;
    border:none;
    border-radius: 4px 4px 0 0;
   
}
 
.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
  border-bottom: 1px solid #fff !important;
  color: black !important;
 background:white;

} 

.tab-menu .nav-tabs {
  border-bottom: none;
}

.tab-main-img a {
  position: relative;
  display: block;
}

/* .tab-main-img a:hover span.events-offer {
  height: 20%;
} */

.tab-main-img a span.events-offer {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  content: "";
  font-size: 20px;
  font-weight: 700;
  height: 0%;
  left: 0;
  line-height: 70px;
  padding: 0;
  position: absolute;
  text-align: left;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 0px 10px;
}

/*----------------------------------------
 7.Wellcome Area Css
----------------------------------------*/

.wellcome-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.well-bg {
  position: relative;
}

.wellcome-text {
  margin: 70px 0;
  padding: 30px 40px;
}

.well-text>h2 {
  color: #fff;
  font-size: 44px;
  font-weight: 500;
  line-height: 50px;
}

.well-text p {
  font-size: 18px;
  font-style: italic;
  color: #fff;
}

.wellcome-text .section-headline p {
  margin-bottom: 0;
}

.subs-feilds {
  border: 1px solid #fff;
  display: inline-block;
  height: 52px;
  margin-top: 30px;
  width: 60%;
  border-radius: 30px;
  overflow: hidden;
}

.suscribe-input input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: left;
  font-size: 15px;
  line-height: 24px;
  padding: 11px 15px;
  width: 70%;
  height: 50px;
}

.suscribe-input button {
  background: #3ec1d5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 20px 20px 0;
  color: #fff;
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding: 14px 20px;
  width: 30%;
}

.suscribe-input button:hover {
  background: #fff none repeat scroll 0 0;
  color: #3ec1d5;
}

/*----------------------------------------
 8.Team Area Css
----------------------------------------*/

.team-member {
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
  display: block;
  margin-right: -15px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.team-member::before {
  background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin-right: -15px;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  transition: 5s;
  transform: scale(1);
}

.team-member:hover.team-member::before {
  transform: scale(1.2);
}

.single-team-member {
  border: 1px solid #ddd;
}

.team-left-text h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.team-left-text p {
  color: #fff;
  font-size: 17px;
  line-height: 26px;
}

.email-news {
  display: block;
  margin: 30px 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.email-news .email_button input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 13px;
  padding: 8px;
  width: 81%;
}

.email-news .email_button>button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 16px;
  padding: 8px 12px;
  text-align: center;
}

.email-news .email_button>button:hover {
  background: #3EC1D5;
  border: 1px solid #fff;
  color: #fff;
}

.team-left-icon ul li {
  display: inline-block;
}

.team-left-icon ul li a:hover {
  color: #3EC1D5;
  background: #fff;
  border: 2px solid #fff;
}

.team-left-icon ul li a {
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 37px;
  margin: 0 3px;
  width: 40px;
}

.team-member-carousel .single-team-member {
  overflow: hidden;
  width: 100%;
}

.single-team-member:hover .team-img a:after {
  opacity: 1;
}

.single-team-member:hover .team-social-icon {
  top: 45%;
  opacity: 1;
}

.team-img {
  position: relative;
}

.team-img>a {
  display: block;
}

.team-img>a::after {
  background: rgba(0, 0, 0, 0.70);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 100%;
  opacity: 0;
}

.team-social-icon {
  left: 50%;
  margin-left: -61px;
  opacity: 0;
  position: absolute;
  top: 30%;
  transition: 1.3s;
}

.team-social-icon ul li {
  display: inline-block;
}

.team-social-icon ul li a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 35px;
  margin: 0 3px;
  width: 34px;
}

.team-social-icon ul li a:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

.team-content {
  padding: 10px 0px;
}

.team-content>h4, .team-content>p {
  color: #444;
  margin-bottom: 5px;
}

.team-content.head-team p {
  margin-bottom: 0;
}

.team-left-icon.text-center {
  margin-bottom: 20px;
}

.head-team h4 {
  display: inline-block;
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: uppercase;
}

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

/*  9.review Area
/*--------------------------------*/

.reviews-area {
  background: url(../img/background/bg1.jpg);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  position: relative;
}

.work-left-text {
  background: #3EC1D5 none repeat scroll 0 0;
}

.work-left-text {
  width: 50%;
}

.work-right-text {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  float: right;
  height: 100%;
  overflow: hidden;
  padding: 71px 0;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.work-right-text h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}

.work-right-text h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
}

.work-right-text .sus-btn {
  margin-left: 0;
  margin-top: 20px;
}

.single-awesome-4 {
  display: block;
  float: left;
  overflow: hidden;
  width: 33.33%;
}

.single-awesome-4 .add-actions {
  padding: 10px 20px;
}

/*----------------------------------------
 10.Portfolio Area Css
----------------------------------------*/

.pst-content {
  padding-left: 10px;
}

.project-menu {
  margin-bottom: 40px;
  text-align: center;
}

.project-menu li {
  display: inline-block;
}

.project-menu li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 20px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 4px;
  padding: 6px 15px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}

.project-menu li a.active, .project-menu li a:hover {
  border-color: #3EC1D5;
  background: #3EC1D5;
  color: #fff;
  text-decoration: none;
}

.single-awesome-portfolio {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 25%;
  position: relative;
}

.single-awesome-project {
  overflow: hidden;
  margin-bottom: 30px;
}

.first-item {
  margin-bottom: 30px;
}

.awesome-img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.awesome-img>a {
  display: block;
  position: relative;
}

.single-awesome-project:hover .awesome-img>a::after {
  opacity: 1;
}

.single-awesome-project:hover .add-actions {
  opacity: 1;
  bottom: 0;
}

.awesome-img>a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}

.add-actions {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 30px;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
}

.project-dec {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec a {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec h4 {
  margin-bottom: 5px;
}

.project-dec h4:hover {
  color: #fff;
}

.project-dec h4 {
  color: #ddd;
  font-size: 24px;
  margin-top: -45px;
  padding-top: 50%;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
}

.project-dec span {
  color: #ddd;
  font-size: 13px;
}

.project-action-btn {
  display: block;
  height: 100%;
  text-align: center;
  transition: all 1s ease 0s;
  width: 100%;
}

.project-action-btn li {
  display: block;
  height: 100%;
  width: 100%;
}

.project-action-btn li a {
  display: block;
  height: 100%;
  width: 100%;
}

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

/* 11. Pricing Area
/*----------------------------------------*/

.pricing-area {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.pri_table_list {
  border: 1px solid #ccc;
  text-align: center;
  transition: all 0.4s ease 0s;
  background: #fff;
}

.pri_table_list h3 span {
  font-size: 16px;
}

.pri_table_list ol li {
  border-bottom: 1px solid #ccc;
  color: #666;
  padding: 12px 15px;
  position: relative;
  text-align: left;
}

.pri_table_list li.check.cross::after {
  content: "\f00d";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: indianred;
}

.pri_table_list li.check::after {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: #3EC1D5;
}

.pri_table_list button {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #444;
  color: #fff;
  margin-bottom: 25px;
  padding: 10px 35px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  border-radius: 30px;
}

.pri_table_list>h3 {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  padding: 30px 0 20px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.pri_table_list ol {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 25px;
}

.pri_table_list.active {
  transition: all 0.4s ease 0s;
  position: relative;
  overflow: hidden;
}

.saleon {
  background: #3EC1D5 none repeat scroll 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: -26px;
  padding: 2px 25px;
  position: absolute;
  text-transform: uppercase;
  top: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
a{
	    cursor: pointer;
}
.pri_table_list>button:hover {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.active>h3 {
  /* background: #f5f5f5 none repeat scroll 0 0; */
  color: #333;
  transition: all 0.4s ease 0s;
}

.active>button {
  background: #3EC1D5 none repeat scroll 0 0;
 /*  border: 1px solid #3EC1D5; */
 border:none !important;
  color: #fff;
  transition: 0.4s;
}

.active>button:hover {
  background: #333 none repeat scroll 0 0;
 /*  border: 1px solid #333; */
  border:none !important;
  color: #fff;
  transition: 0.4s;
}

/*----------------------------------------
 12.Testimonial Area Css
----------------------------------------*/

.testimonials-area {
  background: rgba(0, 0, 0, 0) url("../img/background/slider1.jpg") no-repeat fixed center top / cover;
  height: auto;
  width: 100%;
}

.testi-inner {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.testi-overly {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.quate {
  border: 1px dotted #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}

.quate:hover {
  color: #fff;
}

.testi-img img {
  border: 1px dotted rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}

.testi-text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  margin: 20px 0;
  letter-spacing: 1px;
}

.testi-text h6 {
  color: #fff;
  font-size: 20px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  height: 8px;
  width: 8px;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  bottom: -30px;
  display: block;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}

.testimonial-content {
  margin-bottom: 15px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
  display: inline-block;
  margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
  background: #3EC1D5;
}

.testi-text.text-center>h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.guest-rev {
  color: #ddd;
  font-size: 16px;
}

.guest-rev>a {
  color: #3EC1D5;
  font-size: 14px;
}

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

/*  13.Blog Area
/*--------------------------------*/

.blog-area {
  height: auto;
  width: 100%;
}

.blog-text h4 a {
  color: #444;
  text-decoration: none;
}

.blog-text h4 {
  color: #444;
  margin-bottom: 15px;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  text-decoration: none;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  display: inline-block;
  padding: 0 1px 5px 0;
  position: relative;
  text-decoration: none;
}

.blog-btn {
  position: relative;
}

.blog-btn::after {
  content: "\f178";
  font-family: fontawesome;
  position: absolute;
  right: -20px;
  top: 1px;
  transition: all 0.3s ease 0s;
}

.blog-btn:hover::after {
  right: -30px;
}

.blog-btn:hover {
  color: #333;
  text-decoration: none;
}

.blog_meta span.date_type i {
  margin-left: 5px;
}

.blog-meta span.comments-type {
  margin-left: 5px;
}

.blog-meta span i {
  padding-right: 10px;
}

.blog-content .blog-meta {
  border-bottom: 1px dotted #333;
}

.blog-meta {
  border-bottom: 1px dotted #fff;
  padding: 10px 0;
}

.comments-type>a, .date-type, .blog-meta span.comments-type {
  color: #333;
  letter-spacing: 1px;
  margin-right: 5px;
}

.blog-meta .comments-type i {
  padding-right: 0 !important;
}

.blog-content-right .comments-type>a, .blog-content-right .date-type, .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p {
  color: #fff;
  letter-spacing: 1px;
}

.single-blog .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.single-blog .ready-btn:hover {
  border: 1px solid #3EC1D5;
  color: #fff;
}

/*------------------------------
  13. Quote area
--------------------------------*/

.suscribe-area {
  background: #3EC1D5 none repeat scroll 0 0;
  padding: 30px 0;
}

.suscribe-text {
  display: block;
  padding: 10px 0;
}

.suscribe-text h3 {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.sus-btn {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #3EC1D5;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-left: 100px;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 30px;
}

.sus-btn:hover {
  background: #3EC1D5 none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}

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

/*  14.Contact Area
/*--------------------------------*/

.contact-area {
  height: auto;
  width: 100%;
}

.contact-content {
  padding: 100px;
  background: #000 none repeat scroll 0 0;
}

.contact-content-right {
  padding: 100px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 20px;
  width: 100%;
}

.contact-form textarea  {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 140px;
  padding: 20px;
  width: 100%;
}

.contact-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

.contact-form button[type=submit]:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

.contact-form  #sendmessage {
  color: #3EC1D5;
  border: 1px solid #3EC1D5;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #444;
  line-height: 46px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-icon p {
  font-size: 16px;
  line-height: 30px;
}

.contact-icon {
  margin-bottom: 40px;
}

#google-map {
  height: 370px;
  margin-bottom: 20px;
}

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

/*  15. Footer Area
/*----------------------------------------*/

.footer-area {
  padding: 40px 0;
  background: #f9f9f9;
}

.footer-head p {
  color: #444;
}

.footer-head h4 {
  color: #444;
  font-size: 16px;
  letter-spacing: 2px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/* .footer-logo {
  padding-bottom: 20px;
} */

.footer-logo h2 {
  color: #222;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.footer-logo h2 span {
  color: #3ec1d5;
}

.footer-icons ul li {
  display: inline-block;
}

.footer-icons ul li a {
  border: 1px solid #444;
  color: #444;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  border-radius: 50%;
}

.flicker-img>a {
  float: left;
  padding: 1px;
  width: 33.33%;
}

.footer-icons {
  margin-top: 30px;
}

.footer-contacts p span {
  color: #3EC1D5;
  font-weight: 700;
}

.popular-tag ul li {
  display: inline-block;
}

.footer-content {
  display: block;
  overflow: hidden;
}

.popular-tag ul li a:hover, .footer-icons ul li a:hover {
  background: #3EC1D5;
  border: 1px solid #3EC1D5;
  color: #fff;
}

.popular-tag ul li a {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 3px;
  padding: 5px 10px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.4s ease 0s;
  width: 70px;
  text-align: center;
}

.footer-area-bottom {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 15px 0;
}

.copyright-text a:hover {
  text-decoration: underline;
  color: #3EC1D5;
}

.copyright-text a {
  color: #444;
}

.copyright>p {
  margin-bottom: 0;
  color: #444;
}

.copyright a, .credits a {
  color: #3EC1D5;
}

.credits {
  padding-top: 5px;
  text-align: center;
}

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

/*  16.Home Page 2  CSS
/*----------------------------------------*/

.header-bg {
  background: url(../img/slider/slider1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.header-bg.home-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-overly {
  background: rgba(0, 0, 0, 0.50);
  height: 100%;
  position: absolute;
  width: 100%;
}

.home-2 .layer-1-3, .home-3 .layer-1-3 {
  margin: 10px 0 0;
}

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

/*  17.Home Page 3  CSS
/*----------------------------------------*/

.home-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.header-image.home-3 {
  width: 100%;
  height: 100%;
  position: relative;
}

.table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/*----------------------------------------
  18. Blog page
----------------------------------------*/

.page-area {
  position: relative;
}

.blog-page .banner-box {
  margin-bottom: 40px;
}

.search-option input {
  border: medium none;
  padding: 6px 15px;
  width: 80%;
}

.search-option {
  border: 1px solid #ccc;
  height: 42px;
  margin-bottom: 30px;
}

.search-option button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 20px;
  padding: 8px 23px;
}

.search-option button:hover {
  color: #3ec1d5;
}

.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 15px 10px;
  text-transform: uppercase;
}

.left-blog {
  background: #f9f9f9 none repeat scroll 0 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 20px;
}

.left-blog li {
  border-bottom: 1px solid #ddd;
  display: block;
}

.left-blog ul li a:hover {}

.left-blog ul li a {
  color: #444;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-transform: capitalize;
}

.recent-single-post {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
}

.ready-btn {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-top: 30px;
  padding: 12px 40px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  z-index: 222;
}

.ready-btn:hover {
  color: #fff;
  background: #3EC1D5;
  border: 1px solid #3EC1D5;
  text-decoration: none;
}

.post-img {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 35%;
}

.pst-content {
  display: inline-block;
  float: left;
  width: 65%;
}

.pst-content p a:hover, .left-blog ul li a:hover {
  color: #3EC1D5;
}

.blog-page .single-blog {
  margin-bottom: 40px;
}

.pst-content p a {
  color: #444;
  font-size: 15px;
}

.header-bottom h1, .header-bottom h2 {
  color: #fff;
}

.blog-tags {
  padding: 1px 0;
}

.left-blog li:last-child {
  border-bottom: 0;
}

.popular-tag.left-blog ul li a:hover {
  color: #fff;
}

.popular-tag.left-side-tags.left-blog ul {
  padding: 0 10px;
}

.blog-1 .banner-box {
  margin-bottom: 30px;
}

.left-tags .left-side-tags ul li {
  border-bottom: 0;
}

.left-tags .left-side-tags ul li a {
  padding: 3px 10px;
  width: auto;
}

.left-side-tags h4 {
  margin-bottom: 15px;
}

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

/*  19.	Blog Details css
/*----------------------------------------*/

.post-information h2 {
  color: #363636;
  font-size: 22px;
  text-transform: uppercase;
}

.post-information {
  padding: 20px 0;
}

.post-information .entry-meta span a {
  color: #444;
  display: inline-block;
  padding: 10px 0;
}

.entry-meta span a:hover {
  color: #3EC1D5;
}

.post-information .entry-meta {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
}

.post-information .entry-meta span i {
  padding: 0 10px;
}

.entry-content>p {
  color: #444;
}

.entry-meta>span {
  color: #444;
}

.entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid #3EC1D5;
  font-size: 17.5px;
  font-style: italic;
  margin: 0 0 20px 40px;
  padding: 22px 20px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #3EC1D5;
  border-color: #3EC1D5;
  color: #fff;
  cursor: default;
  z-index: 3;
}

.social-sharing {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  display: block;
  margin: 30px 0;
}

.social-sharing>h3 {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 20px 10px;
}

.sharing-icon {
  display: inline-block;
  float: right;
  padding: 13px 10px;
}

.sharing-icon a {
  border: 1px solid #444;
  color: #444;
  display: block;
  float: left;
  font-size: 18px;
  height: 34px;
  line-height: 30px;
  margin-left: 10px;
  text-align: center;
  width: 34px;
}

.sharing-icon a:hover {
  color: #3EC1D5;
  border: 1px solid #3EC1D5;
}

.single-blog .author-avatar {
  float: left;
  margin-right: 10px;
}

.single-blog .author-description h2 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 5px;
}

.author-info {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 30px 0;
  padding: 15px;
  width: 100%;
}

.single-post-comments {
  margin-bottom: 60px;
  max-width: 650px;
}

.comments-heading h3, h3.comment-reply-title {
  border-bottom: 1px solid #e8e8e9;
  color: #444;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
}

.comments-list ul li {
  margin-bottom: 25px;
}

.comments-list-img {
  float: left;
  margin-right: 15px;
}

.comments-content-wrap {
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 80px;
  padding: 10px;
  position: relative;
}

.author-avatar {
  display: inline-block;
  float: left;
  width: 10%;
}

.author-description h2 {
  color: #777;
  font-size: 20px;
  text-transform: uppercase;
}

.author-description h2 a {
  color: #000;
}

.comments-content-wrap span b {
  margin-right: 5px
}

.comments-content-wrap span a:hover {}

span.post-time {
  margin-right: 5px
}

.comments-content-wrap p {
  color: #909295;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}

li.threaded-comments {
  margin-left: 50px
}

.comment-respond {
  margin-top: 60px;
}

h3.comment-reply-title {}

span.email-notes {
  color: #42414f;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}

.comment-respond p {
  color: #444;
  margin-bottom: 5px;
}

.comment-respond input[type=text], .comment-respond input[type=email] {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 32px;
  margin-bottom: 15px;
  padding: 0 0 0 10px;
  width: 100%;
}

.comment-respond textarea#message-box {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  max-width: 100%;
  padding: 10px;
  height: 130px;
  width: 100%;
}

.comment-respond input[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #3ec1d5;
  border-radius: 20px;
  box-shadow: none;
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 14px;
  margin-top: 20px;
  padding: 10px 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}

.comments-content-wrap span a {
  color: #000;
}

.comments-content-wrap span a:hover {
  color: #3EC1D5;
}

.comment-respond input[type=submit]:hover {
  border: 1px solid #3EC1D5;
  color: #fff;
  background: #3EC1D5;
}

.single-blog .blog-pagination {
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding-top: 30px;
}

	
	#navabarpara{
	/* margin:-5px; */
	font-size:14px;
	 font-family: 'DM Sans';
    Line-height: 24px;
  /*   font-weight:bold; */
	}


#homecontent{
	 font-family: 'Rubik';
	font-size:19px; 
	min-height: 35px;
}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
  .main-menu ul.navbar-nav li {
    display: inline-block;
    padding: 0 8px;
  }
  .layer-1-1 h2 {
    font-size: 24px;
  }
  .layer-1-2 h1 {
    font-size: 31px;
    line-height: 38px;
    padding: 0px 30px;
  }
  .stick .main-menu ul.navbar-nav li a {
    padding: 24px 0px;
  }
  .tab-menu ul.nav li a {
    padding: 10px 16px;
  }
  .suscribe-input input {
    width: 60%;
  }
  .suscribe-input button {
    width: 40%;
  }
  .team-content.text-center>h4 {
    font-size: 20px;
  }
  .sus-btn {
    margin-left: 0;
  }
  .suscribe-text h3 {
    font-size: 16px;
    padding-right: 20px;
  }
  .work-right-text h5 {
    font-size: 14px;
    line-height: 22px;
  }
  .work-right-text {
    padding: 36px 0;
  }
  .work-right-text h2 {
    font-size: 14px;
    line-height: 22px;
  }
  .work-right-text .ready-btn {
    font-size: 13px;
    padding: 7px 20px;
    margin-top: 5px;
  }
  .single-awesome-portfolio {
    width: 33.33%;
  }
  .widget-product a img {
    display: block;
    float: none;
    width: 100%;
  }
  .widget-product .product-info {
    display: block;
    float: none;
    padding-left: 0;
    width: 100%;
    margin-top: 20px;
  }
  .map-column {
    margin-left: 0;
    padding-right: 40px;
  }
  .post-information .entry-meta {
    font-size: 13px;
    padding: 5px 0;
  }
  .post-information .entry-meta span a {
    padding: 4px 0;
  }
  .service-pic {
    margin-bottom: 30px;
    text-align: center;
  }
  .single-add-itms {
    width: 50%;
  }
  .left-sidebar-title>h4 {
    font-size: 18px;
  }
  .contact-form {
    margin-top: 0px;
  }
  .search-option input {
    width: 67%;
  }
}


#yellowcrm{
	
    width: 150px;
	}
	#bluecrm{
	width:80%;
	}
	
	#yellowscm{
	width:80%;
	}
	#bluescm{
	width:150px;
	}
	
	
	#blueecom{
	width:150px;
	}
	#yellowecom{
	width:80%;
	}
	
	
	#bluepos{
	width: 150px;
	}
	#yellowpos{
	width:80%;
	}
	
	/* #modalsubmitid{
    background-color: #fecb00;
	width: 32%;
	color: #002040;
	font-size: 13px !important;
	border:none;
	font-weight: bold;
	height:35px;
	font-family: 'Rubik' !important;
	
	} */
	
	
	
	
	#modalsubmitid{
    background-color: #f3ad1b !important;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 13px !important;
	color:black;
	}
	
	#modalphoneid{
    background-color: #fecb00;
/* 	width: 50%; */
	color: #002040;
	font-size: 13px;
	border:none;
	font-weight: bold;
	height:35px;
	font-family: 'Rubik'!important;
	
	}
	
	#modalotpeid{
	  background-color: #fecb00;
	width: 100%;
	color: #002040;
	font-size: 13px;
	border:none;
	font-weight: bold;
	
	}
	
	#verifybutton{
	/* margin-top:5%; */
	
	}
	
	/* #solutionRequired-styled{
	
	display:none;
	
	} */
	
	#txtActivationCode{
	
	width:100% !important;
	
	}
	
	
	
	#Intro {
    padding-top: 0.3%;
    padding-bottom: 0.3%;
  /*   width: 50%; */
    margin-left: 0%;
    margin-right: 1.5%;
    float: right;
    display: table;
    padding-right: 17px;
    padding-left: 5px;
}
	
	
	
	
	

/* small mobile :320px. */

@media (max-width: 767px) {
	
	
	 .firstmessage{
	
	margin-left:2em;
	    padding-left: 7%;
	}
	
	#mobmodal{
	
	    margin-right: 0em !important;
	
	}
	
	.footertable{
	
	width: 18%;
}
	#homelearn{
	
	z-index: 0;
}
	
	#modalsubmitid{
    background-color: #fecb00;
	width: 24%;
	color: #002040;
	font-size: 13px;
	border:none;
	font-weight: bold;
	    margin-top: 7%;
	
	}
	
	
	
	#yellowcrm{
	 width: 70px;
	}
	
	#bluescm{
	width: 70px;
	}
	
	
	#blueecom{
	width: 70px;
	}
	
	#bluepos{
	width: 70px;
	}
	
	
	.navbar-header a.navbar-brand {
    display: inline-block;
    /* height: 70px;
    padding: 15px 0; */
    margin-top: -4%;
}

.header-area .navbar {
    border-bottom: 1px solid;
    border: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
     height: 0px;
    border-radius: 0px;
    padding: 0px;
}
	
	.navbar-expand-lg .navbar-collapse {
    padding-top: 55px;
    z-index: 1000;
        margin-left: 0px !important;
}
	.header-area .navbar {
  /*   border-bottom: 1px solid; */
   /*  border-color: none; */
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
   /*  height: 114px; */
    border-radius: 0px;
        margin-left: 0px;
}
	#headerphoneimage {
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    text-align: left;
    margin: 3px 11px 0px;
}

#navabarpara1 {
    margin: -5px;
    color: #002040 !important;
    height: 5px;
    font-size: 20px;
    line-height: 0px;
    margin: 10px 9px 2px;
    margin: 6px 13px -1px;
        text-align: left;
}
	.header-area {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    margin-top: 13px;
    left: 0;
    z-index: 300;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#logimage {
    width: 100%; 
     height: 68px;  
}
	
	
	
	#sectionsix {
    background: #fecb00;
    /* padding-top: 2%; */
    padding-bottom: 5%;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 53px;
    padding-right: 10px;
    padding-left: 10px;
    padding-left: 12%;
    padding-right: 12%;
}
	
	
	#para1{
	
	 margin: 0 0 15px;
  height: 70px; 
  font-weight: 100;
      font-family: 'Rubik';
    font-size: 12px;
    line-height: 23px;
	
}
	
	#homecontent{
	
	font-size:19px;
	min-height: 0px;
}
	
	
	.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -18px;
    left: 159px;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: -19%;
    list-style: none;
}

	
.cid-qIoWJUOnqf {
    padding-top: 0%;
        margin-top: 0%;
            position: relative;
     margin-left: 0%;
}
	
	#navabarpara{
	margin:-5px;
	font-size:14px;
	padding-left: 5px;
	color:white;
	}
	
	#dropdowntop {
    position: absolute;
    top: 111%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #002040;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
	

  .header-area {
    height: 60px !important;
    background: none;
  }
  
  .navbar-right {
    float: none!important;
    margin-right: -6%;
}
  .navbar-header a.navbar-brand, .stick .navbar-header a.navbar-brand {
    display: inline-block;
    height: 60px  !important;
    padding: 9px 0;
    }
  
  .navbar-header{
    width:100%;
  
  }
  .navbar-default .navbar-toggle, .stick .navbar-default .navbar-toggle {
    padding: 15px 0;
  }
  .nav.navbar-nav.navbar-right, .stick .nav.navbar-nav.navbar-right {
    background-color: #002040;
    padding-bottom:21px;
    margin-top: -60px;
  }
 /*  .navbar-collapse .main-menu .bs-example-navbar-collapse-1 .collapsing{
  
  mobilepanel:display:none;
  
  
  
  } */
  
  .main-menu ul.navbar-nav li, .stick .main-menu ul.navbar-nav li {
    display: block;
  }
  .main-menu ul.navbar-nav li a, .stick .main-menu ul.navbar-nav li a {
    padding-top: 10px 2px;
      width:100%;
     padding-left: 10px 2px;
      padding-right: 10px 2px;
    padding-bottom:0px;
        color: white;
  }
  .main-menu ul.navbar-nav li.active a::after, .stick .main-menu ul.navbar-nav li.active a::after {
    border: 0px solid #fff;
  }
  .logo {
    height: inherit;
    left: 0;
    padding: 0;
    position: absolute;
    top: -6px;
    z-index: 999999;
  }
  .logo a {
    padding: 0;
  }

  .slider-area {
    margin-top: 60px;
  }

  .slider-content h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .slider-content h1 {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .layer-1-3 a.ready-btn {
    padding: 8px 15px;
  }
  .section-headline h2 {
    font-size: 30px;
  }
  .well-middle .single-well {
    margin-top: 30px;
  }
  .single-skill {
    margin-bottom: 40px;
  }
  .tab-menu {
    margin-top: 30px;
  }
  .tab-menu ul.nav li a {
    padding: 8px 6px;
  }
  .wellcome-text {
    margin: 0px;
    padding: 70px 0px;
  }
  .subs-feilds {
    width: 100%;
  }
  .suscribe-input input {
    width: 60%;
  }
  .suscribe-input button {
    font-size: 15px;
    padding: 14px 10px;
    width: 40%;
  }
  .section-headline h3 {
    font-size: 25px;
  }
  .well-text>h2 {
    font-size: 18px;
  }
  .well-text p {
    display: none;
  }
  .single-team-member {
    margin-bottom: 30px;
  }
  .service-right {
    width: 100%;
  }
  .service-images:hover .overly-text {
    display: none;
  }
  .portfolio-area {
    padding-top: 0px;
  }
  .project-menu li a {
    padding: 8px 12px;
    margin: 10px 4px;
  }
  .pri_table_list {
    margin-bottom: 30px;
  }
  .single-awesome-project, .portfolio-2 .single-awesome-project {
    width: 100%;
    float: none;
  }
  .single-blog {
    margin-bottom: 30px;
  }
  .sus-btn {
    margin-left: 0;
    margin-top: 30px;
  }
  .contact-form {
    margin-top: 30px;
  }
  .head-team h5 {
    font-size: 22px;
  }
  .footer-content {
    margin-bottom: 30px;
  }
  .header-bottom h1 {
    font-size: 30px;
    margin-bottom: 0;
  }
  .page-area .slider-content {
    padding: 100px 0;
  }
  .search-option input {
    width: 74%;
  }
  .header-bottom h2 {
    font-size: 20px;
    margin-bottom: 0;
  }
  li.threaded-comments {
    margin-left: 0;
  }
  
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color:#002040;
}
}

.dropdown-toggle::after {
    display: none !important;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
 
 
#footerimaagId{
	
	max-width:16px;
} 
  
@media (min-width:1281px){
#fullbanner {
   /*  margin-top: -3%; */
    width: 100.4vw;
    margin-left: calc(-51vw + 50%);
}
.fullbanner {
   /*  margin-top: -3%; */
    width: 100.4vw;
    margin-left: calc(-51vw + 50%);
}

.fullbannerr {
   /*  margin-top: -3%; */
    
    margin-left: calc(-51vw + 50%);
}
}

@media (max-width: 1280px) and (min-width: 1000px){
#fullbanner {
  /*   margin-top: -3%; */
    width: 100.3vw;
    margin-left: calc(-51vw + 50%);
}
.fullbanner {
   /*  margin-top: -3%; */
    width: 100.3vw;
    margin-left: calc(-51vw + 50%);
}
}




#homebannertext{
    color:white;
    top: 45%;
    position: absolute;
    font-weight:bold;
    padding-left: 15%; 
    
}  

#homebannertexthome{
    color:white;
    top: 30%;
    position: absolute;
    font-weight:bold;
    padding-left: 15%; 
    
}  


@media (min-width:1366px){
	
	
#opendemo{
	   height: 132px;
	   overflow:hidden;
	}
	#testclienttable{
	height: 153px;
	}
	
	
	#clientBtn{
	
    display: none;
    position: relative;
    bottom: 71px;
    right: -1059px;
    z-index: 99;
     font-size: 37px; 
    border: none;
    outline: none;
/*     background-color: #002040; */
   color: black; 
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}
	
	
	#openBtn{
/* 	display: none; */
    position: relative;
    bottom: 114px;
    right: -1059px;
    z-index: 99;
     font-size: 37px; 
    border: none;
    outline: none;
/*     background-color: #002040; */
     color: black; 
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
	}
	
	
	#homebannertext{
    color:white;
    top: 45%;
    position: absolute;
    font-weight:bold;
    padding-left: 14%; 
    
} 

#secondDivContent {
    padding: 50px;
    padding-left: 186px;
}

#secondDivRightContent{
	padding: 50px;
    padding-right: 160px;
}

#homebannertexthome{
    color:white;
    top: 30%;
    position: absolute;
    font-weight:bold;
    padding-left: 14%; 
    
}  




}
@media (max-width:1280px){
	
	#homebannertext{
    color:white;
    top: 35%;
    position: absolute;
    font-weight:bold;
    padding-left: 11%; 
    
} 


#homebannertexthome{
    color:white;
    top: 30%;
    position: absolute;
    font-weight:bold;
    padding-left: 11%; 
    
}  

#secondDivContent {
    padding: 50px;
    padding-left: 139px;
}
} 


@media (max-width:768px){
		
	#testitable{
	
	width:95%;
}

#testitd{
	
	width:31%;
	padding-left:20px;
}
		.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -14px;
    left: 159px;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: -19%;
    list-style: none;
}
	
	
		#trynowbuttonew {
    width: 95%;
}


#demo{
	
	height:224px;
}

	#carosoulpara {
    margin: 0 0 15px;
    height: 157px;
    font-weight: 100;
    font-family: 'Rubik';
    font-size: 12px;
    line-height: 23px;
    text-align: justify;
}
	
#secondDivContent {
    padding: 30px;
    /* padding-left: 139px; */
}

#secondDivRightContent {
    padding: 30px;
    /* padding-left: 139px; */
}
    
} 

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	
	
  .submitbtn {
    float: none;
    width: 99.8%;
  }
  
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: black;
}
  .icons-bottom ul li a {
    height: 40px;
    line-height: 37px;
    width: 40px;
  }
  .blog-post-dlc ul li {
    padding-left: 20px;
    padding-right: 20px;
  }
  .awesome-portfolio-content .portfolio-2 {
    width: 50%;
  }
  .gallary-details .single-awesome-portfolio {
    width: 50%;
  }
  .tab-menu ul.nav li a {
    padding: 8px 20px;
  }
  
  .navbar-right {
    float: none!important;
     margin-right: -9%; 
}
}





/*   @media screen and (-webkit-min-device-pixel-ratio:0) { 
     .navbar-expand-lg .navbar-collapse { 
     padding-top: 0px; 
 } 
/* } */
 

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .safari_only { 

       .navbar-expand-lg .navbar-collapse { 
     		padding-top: 0px; 
 		}

    }
}}

.float-label-control1 .bootstrap-select .dropdown-toggle .filter-option {
    background-color: #575757 !important;
    border:1px solid #575757 !important;
}

/* .modal-dialog {
    max-width: 404px !important;
    margin: 1.75rem auto;
} */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	background:none;
	 width: 100%;
    /* background-color: #ffffff; */
    height: 34px;
	}
	
	#mobiledLabel{
	padding-top: 3%;
    color: white;
    padding-left: 0px;
        text-align: left;
    font-size:16px;
    }
    
   /*  #mobileafterlogin{
    width:100%;
    }
	 */
	 

    
    
    
        
        @media (max-width: 450px){
    #clientBtn {
    display: none;
    position: relative;
    bottom: 64px;
    left: 340px;
    z-index: 99;
    font-size: 37px;
    border: none;
    outline: none;
    /* background-color: #002040; */
    color: black;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}
    
    
    #openBtn {
    position: relative;
    bottom: 75px;
    left: 340px;
    z-index: 99;
    font-size: 37px;
    border: none;
    outline: none;
    /* background-color: #002040; */
    color: black;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}

    }
    
    
        @media (max-width: 400px){
    #clientBtn {
    display: none;
    position: relative;
    bottom: 64px;
    left: 300px;
    z-index: 99;
    font-size: 37px;
    border: none;
    outline: none;
    /* background-color: #002040; */
    color: black;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}
    
    
    #openBtn {
    position: relative;
    bottom: 75px;
    left: 300px;
    z-index: 99;
    font-size: 37px;
    border: none;
    outline: none;
    /* background-color: #002040; */
    color: black;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}

    }
    
  
    @media (max-width: 330px){
    #clientBtn {
    display: none;
    position: relative;
    bottom: 64px;
    left: 249px;
    z-index: 99;
    font-size: 37px;
    border: none;
    outline: none;
    /* background-color: #002040; */
    color: black;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}
    
    
    #openBtn {
    position: relative;
    bottom: 75px;
    left: 249px;
    z-index: 99;
    font-size: 37px;
    border: none;
    outline: none;
    /* background-color: #002040; */
    color: black;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 8px;
    opacity: 0.4;
    border-radius: 50%;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 53px;
    height: 53px;
}

    }  
    
      
    
/*----------------------------------------
 .End CSS
----------------------------------------*/




/* New style design */

.img-select{
	position: relative;
    display: table;
    border-collapse: separate;
    width:100%;
	}
	
/* #submessage.float-label-control input.empty + label.error, .float-label-control textarea.empty + label.error{
	top: 3.5em !important;
}
#submessage.float-label-control1 input.empty + label.error, .float-label-control1 textarea.empty + label.error{
	top: 7em !important;
}
 */

.btn .dropdown-toggle .btn-light{
border-bottom:1px solid #fecb00 !important;
border-top:none !important;
border-right:none !important;
border-left:none !important;
}
	
	
	
	/* label {
	text-align: right;
	font-size : 14px !important;
	font-weight:500 !important;
	margin-bottom: 0px;
	vertical-align: middle;
	font-family:calibri;
	}
	 */
	 
	 
	 label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size : 14px !important;
    font-family: 'DM SANS';
}
	

.carousel-client { 
    height:100%; 
/*      min-height:400px;  */
     width:100%; 
     background-position:center center; 
     background-size:cover; 
 } 
.slide-wrapper{display:inline;}
.slide-wrapper .container{padding:0;}


/*------------------------------ vertical bootstrap slider----------------------------*/

.carousel-client > .carousel-item.carousel-item-next ,
.carousel-client > .carousel-item.active.carousel-item-right{ 
    transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0;
    
}
.carousel-client > .carousel-item.carousel-item-prev ,
.carousel-client > .carousel-item.active.carousel-item-left{ 
    transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0;
    
}
.carousel-client > .carousel-item.next.carousel-item-left ,
.carousel-client> .carousel-item.carousel-item-prev.carousel-item-right ,
.carousel-client > .carousel-item.active{
    transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;
    
}

/*------------------------------- vertical carousel indicators ------------------------------*/
.carousel-indiclient{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    right:10px; left:auto;
    width:auto;
    -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);
}
.carousel-indiclient li{
    display:block; margin-bottom:5px; border:1px solid #00a199; 
    
}
.carousel-indiclient li.active{
    margin-bottom:5px; background:#00a199;
    
}
	
#button1 {
  background-color: #343a40;
  border: none;
  color: white;
  
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
 
  height:78px;
  width:265px;
  vertical-align:middle;
  margin-left:0%;
}	


#button1new {
  background-color: #343a40;
  border: none;
  color: white;
  
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
 
  height:78px;
  width:210px;
  vertical-align:middle;
  margin-left:0%;
}		


	
#button2 {
  background-color: #ffc107;
  border: none;
  color: darkblue;
  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
 
  height:80px;
  width:125px;
  vertical-align:middle;
  /*   -ms-transform: skewY(20deg);
  transform: skewY(20deg);  */
  clip-path:polygon(0 3%,18%100%,100% 100%,100% 0,0 0);
  -webkit-clip-path:polygon(0 3%,18%100%,100% 100%,100% 0,0 0);
  margin-left:-57%;
 
}	

h4 {
    font-family: 'inherit';
    font-size: 24px;
    line-height: 33px;
    font-weight: normal;
}

#para {
    padding-top:5% !important;
    margin: 0 0 15px;
    height: 100px;
    font-family: 'Rubik';
    font-size: 17px;
    line-height: 23px;
}	

.carousel-item {
  
  /*Other properties*/
  transition: transform 2s;
}

/*tooday*/

#spacing{
padding-top:100px;

}

#ptop{
padding-top:0%;
margin-left:5px;
margin-top:-1%;
}

#line1{
font-weight:bold;
margin-left:-17%;
padding-top:10%;
}
#space{
font-weight:bold;
margin-left:-17%;
padding-bottom:10%;
}
#ptxt{
font-size:24px;
margin-left:10px;
}

#ptxt2{
margin-top:-4%;
margin-left:28px;
font-size:10px;
padding-bottom:2%;

}

.mobileview{

font-size:20px!important;

}

.paragraph{
font-size:17px!important;
}
.resto{
margin-top:20px;
margin-left:-150px;

}

#para1{
    padding-top:5% !important;
    margin: 0 0 15px;
    height: 100px;
    font-family: 'Rubik';
    font-size: 14px;
    line-height: 23px;
    padding-bottom:7% !important;
}	

.buttonpadding{
padding-top:7% !important;

}

.odd h4{

text-align:center;

}
.even h4{
text-align:center;
}

h3{
font-family: 'Oxygen';
    font-size: 29px;
    line-height: 30px;
    font-weight: bold;
}



h4{
font-family: 'DM SANS';
}

.tabdiv{
padding-top:2% !important;
padding-left:3%;
}

#para2{
padding-top:3%;
font-weight:bold;
font-size:17px;
font-family:Rubik;
}

#fullbannergap {
    width: 100.4vw;
    margin-left: calc(-51vw + 50%);
    margin-bottom:-2%;
}

#headdingcolor{
color:darkblue;
text-align:center;
}

#divpadding{
padding-bottom:3%;
}

.oddscreen{
margin-left:-15%;
}

#colored{
color:darkblue;
 border-right: 6px solid #fecb00;
    height: 206px;
}
.customersectionodd{
margin-top: -4%;
padding-top: 30px;
}

.customersectioneven{
background: #f6f7f9;
margin-bottom: 4%;
padding-top: 30px;
}

#imagediv{
padding-top:10%;
width:500px;
height:500px;
}


.first{
padding-top:5%;
}

@media screen and (max-width: 680px) {
  
  #imagediv{
  width:100%;
 
  }
  
  .paragraph{
    padding-top: 1%!important;
    font-weight: bold;
    font-size: 14px!important;
    font-family: Rubik;
  }
  
  .mobileview{
    font-family: 'inherit';
    font-size: 15px!important;
    font-weight: bold;
  }
  
#dropdowntop1{

width:100%;
margin-left:0px;
}


  }
  
#content-desktop {display: block;}
#content-mobile {display: none;}
  
 @media screen and (max-width: 680px){
 
#content-desktop {display: none;}
#content-mobile {display: block;}

 } 

  
 @media screen and (max-width: 680px){
 
 #button1{
 margin-left:3%;
 }

#button2{
margin-left:-53%;
}



} 



#content-mobile h4{
   
    font-size: 17px !important;
    line-height: 18px;
    color:darkblue;
    text-align:center;
    font-family:oxygen;
    font-weight:bold;
   
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 14px solid darkblue;
    margin-top:4px;
}

.arrow-rightnew{
	 width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 14px solid white;
    margin-top:4px;
}

#row1{
margin-top:6px;
}

#row2{
margin-top:-11px;
}
/* #tablediv{
margin:2px;
} */

.tableDivRegister {
    overflow-y: auto;
    overflow-x: hidden;
    height: 215px;
    width: 100%;
/*     border: 1px solid lightgrey; */
    border-top: none;
}

.textBox{
	height: 93px !important;
    border-style: solid !important;
    border-color: #ddd !important;
    border-width: 1px !important;
    outline: none ! important;
    box-shadow: none ! important;
/*     background: #dedddd !important; */
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    width: 100% !important;
}

.tableDiv {
    overflow-y: auto;
    overflow-x: hidden;
    height: 450px;
    width: 100%;
/*     border: 1px solid lightgrey; */
    border-top: none;
}


/*  solutions    */


/* #dropdowntop1 {
    position: absolute;
    top: 57%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: black;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    width: 1185px;
    margin-left: -350px;


} */



#dropdowntop1 {
    position: absolute;
    top: 77%;
    left: -11px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: black;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    width: 380px;
    margin-left: -113px;

} 



#dropdowntop1 a::after {
	border: 1.5px solid white;
    bottom: 5px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}



#lrpadding{
padding-left:15px;
padding-right:15px;

}

#lrpadding p {
    margin: 0px 0 5px;
    font-weight: 100;
    font-family: 'Rubik';
    
    line-height:15px;
    text-align: justify;
    color:#080808;
}

#homelearn{
z-index:0;
}


#dropdowntop2 {
    position: absolute;
    top: 57%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: black;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    width: 1185px;
    margin-left: -667px;


}


#dropdowntop2 a::after {
    border: 1.5px solid white;
    bottom: 5px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.mob-learn-button{
margin-left:-43%;

}


@media (max-width: 767px){
	
	


.navbar-right {
    float: none!important;
    width:193%;
}

/* #dropdowntop1{

width:100%;
margin:0;
padding:0;
top:124%;
} */



#dropdowntop1{

width:100%;
margin:0;
left: 0;
padding:0;
top:124%;
}



  
#dropdowntop2{
width:100%;
margin:0%;
padding:0;
top:124%;

}
 #mobtd{ 
  background-color: #ecb238;
    color: #ecb238;
    height: 2px;
    font-size: 2px;
    line-height: 2px;
}

.mob-learn-button{
/* margin-left:-70%; */
margin-left:0%;

}

#mobilebeforelogin{

z-index:-3;
}

.mobile-table-button{

max-width:50%;
}


#button1{
width:210px;
}

#button2{
width:115px;
}

#lrpadding p{
color:#303030;
font-weight:500!important;

}

#lrpadding{
padding-top:5px;
}

}


.bottompadding{
padding-bottom:5px;
}


#registerfont{
  	text-align:left;
  	font-size:18px!important;
  	margin-left:15px;
  	margin-top:0px!important;
  	}


#nosub{
	
	color:red;
	font-size:12px!important;
	
}

#lblCartCount {
    font-size: 12px;
    background: #fecb00;
    color: #002040;
    padding: 1px 5px;
    vertical-align: top;
    margin-left: -15px;
    margin-top: -21%;
    cursor:pointer;
}

#lblCartCountbefore {
    font-size: 12px;
    background: #fecb00;
    color: #002040;
    padding: 2px 6px;
    vertical-align: top;
    margin-left: -15px;
    margin-top: -21%;
    cursor:pointer;
}

.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
    min-width: 17px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #fecb00;
}

.badge {
    display: inline-block;
    min-width: 17px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #002040;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}



.jlzTtyNew {
    width: 30px;
    height: 30px;
    background: rgb(77, 194, 71);
    order: 2;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 57%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
    transition: all 0.5s ease 0s;
    position: relative;
   /*  z-index: 200; */
    display: block;
    border: 0px;
}


.loginmodal{
	
	    text-align: left;
    font-size: 16px;
    margin-left: 5px;
}

.loginlabel{
	
	padding-top: 6px !important;
	margin-left: 15px !important;
}



.clbtn {

	font-size: 21px !important;
	outline: none !important;
}

.modalheading{
	
	font-size: 16px !important;
	
    margin-left: 16px;
}


.regbtn {
	
	font-size: 20px !important;
	outline: none !important;
}

.sendmsgtd{
	
	
	
	 background: #f3ad1b ;
	 outline: none !important;
	  border: none !important;
}


.mobileview{
	
	margin-left: -2%;
	
}

.header-area.scrolled {
  background-color: white !important;
  transition: background-color 200ms linear;
  height: 102px;
}


.header-area {
position:fixed;
background-color:transparent;

}



@media screen and (max-width: 680px) {
 
 .header-area {
position:absolute;
}
  
  
}



.newTitleStyle{
color: orange!important;
    margin-left: 16px!important;
   padding-top:7px;
    font-size: 20px!important;

}

.closenew{
color:orange!important;
}
.callStyle{
color:orange!important;
font-size:16px !important;
vertical-align: middle;
}


.newColor{
    background-color: #002040;
}


#update{
 display: table-cell;
    vertical-align: middle;
    text-align: center;
}



@media only screen and (min-device-width: 200px) and (max-device-width: 767px) {
.divwidth
{
	
	width: 100%;
}

}
.divwidth
{
	
	width: 1482px;
}




/* 
ashith's css code  starts from heare */



.banner2 {
  height: 400px;
  background-color: #F2F2EA;
  display: flex;

}


.center-me {
  color: #FFF;
  font-size: 50px;
  margin: auto;
  text-align: center;
  color: black;

}



.btncolor
{
	color: #808080;
    background-color: white;
    border-color: white;
    
}


.fixed-size-container {
  max-width: 1400px;
  margin: 40px auto 0 auto;
  background-color:#f2f2ea;

  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  padding:30px 0px;
}

.fixed-size {
/* width: 60px;
    height: 60px;
    background-color: #FFF;
    color: #F3AD1B;
    line-height: 74px;
    text-align: center;

    border-radius: 40px; */
}


.background-sec
{
	height: auto;
    background-color: #F2F2EA;
 
}

.banner3 {
  height: auto;
  background-color: #ffff;
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
}

.justify-cont
{
  text-align: justify;

    hyphens: auto;
}

.arraw-col
{
	color:#F3AD1B;
}

.banner4 {
  height: auto;
   background: url(../images/artboard31.png); 
  display: flex;

  padding-bottom: 0px;
}

.bannererpmanu {
  height: auto;
   background: url(../images/bannererpmanu.png); 
  display: flex;

  padding-bottom: 0px;
}

.bannererprealestate {
  height: auto;
   background: url(../images/realestatebanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.banner1 {
  height: 400px;
  background: url(../images/artboard44.png); 
/*   display: flex; */

   
}





.imageheight{
	margin-right: -17px !important;
	height: 380px;
}
.fonsiz14{
	font-size: 18px;
	font-family: 'DM SANS';
	font-weight: normal;
}

.fonsize{
	font-size: 15px;
	font-family: 'Rubik';
	font-weight: normal;
}

.fonsize14{
	font-size: 14px;
	font-family: 'DM SANS';
	font-weight: normal;
}

.fontsizz{
	font-size: 19px !important;
}

.fontsizze{
	font-size: 21px !important;
}

.fonsiz24{
	font-size: 19px !important;
	
}
.fonsiz36{
	
	font-size: 32px;
}
.graycolor{
	
	color: #808080;
}


.colorblk
{
	color: black;
}


.bckgndmarun{
	
	background-color: #F2F2EA;
}

.removebckgnd{
	
	
    border: none;
    background-color: white;
   font-weight: 600;
	
}

.purplecolorbox{
	
	height: 51px;
	width:51px;
	background-color: #c5afd6;
	border-radius: 10px;
}

.skybluecolorbox{
	height: 51px;
	width:51px;
	background-color: #6bafb6;
	border-radius: 10px;
	
}

.greencolorbox{
	height: 51px;
	width:51px;
	background-color: #9dcc72;
	border-radius: 10px;
	
}

.browncolorbox{
	height: 51px;
	width:51px;
	background-color: #ccc572;
	border-radius: 10px;
	
}





@media only screen and (max-width: 450px) {
.atcentercontacts{
	      text-align: center !important;
}

}






.bluecolorbox{
height: 51px;
	width:51px;
	background-color: #6492b2;
	border-radius: 10px;
}

.lightgreencolorbox{
	height: 51px;
	width:51px;
	background-color: #7bb89c;
	border-radius: 10px;
	
}
.lineheight{
	
	line-height: 24px;
}

.checkicon
{
	color: #f3ad1b;
    font-size: 30px;
}
.backgndcolor {
    background-color: #f3ad1b !important;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 14px !important;
}

.backgndgoldcolor {
    background-color: #f3ad1b !important;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 14px !important;
   color: #f3ad1b;
}

.backgndcolorWhite {
    background-color: white;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 14px !important;
}

.backgndcolorBlue {
    background-color: #4f4b6a;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 14px !important;
    color: white;
}

.emailfield
{
    width: 285px;
    padding-left: 5px;
    border-radius: 5px;
    border-color: transparent;
}

.emailbtnnew
{
margin-left: -62px;
    margin-top: -3px;
    height: 36px;
    width: 115px;
    background-color: #fecb00;
    color: black;
    font-weight: bold;
}

.emailbtn
{
margin-left: -7px;
    margin-top: -3px;
    height: 36px;
    width: 70px;
    background-color: #fecb00;
    color: black;
    font-weight: bold;
}

.icontext
{
	font-size: 19px;
/*     margin-top: 15px;
    font-weight: bold; */
    color: black;
}

.sideline
{
	border-left: 2px solid;
    height: 94px;
    color: #f3ad1b;
}

.sidelin
{
	border-left: 2px solid;
    height: 131px;
    color: #f3ad1b;
}

#getsection {
   background: url(../images/erpartboard4.png); 
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
}
.boxblack
{
	background-color: darkgray;
    height: auto;
 
        text-align: center;
}
.boxgrey
{
	background-color: lightgray;
    height: auto;
   
        text-align: center;
}
.formtextfield
{
 height: 45px !important;
    margin-top: 10px !important;
  border: none;
  font-family: 'DM Sans';
    font-size: 11px;

}
::-webkit-input-placeholder {
  color: grey !important;
/* font-weight: bold !important; */
  opacity: 1 !important; /* Firefox */
  
}


.largebox
{
	background: white;
    height: 700px;
    width: 600px;
}

/* .imageicons
{
	    height: 90px;
 
    width: 95px;
} */

.imageicons
{
	    height: 94px;
 
    width: 95px;
}

.erpformbanner {
  height: auto;
   background: url(../images/erpartboard5.png); 
  display: flex;
  padding-top: 30px;
  padding-bottom: 60px;
}
.erpbackimg
{
	background: url(../images/erpartboard3.png); 
}

.fsaiconimg
{
	height: 80px;
    width: 80px;
}
.fsabackimg
{
	background: url(../images/salesartboard1.png); 
	height:auto;
}

.bannerfsa
{
	background: white;
}

input::placeholder {
  color: red;
  font-size: 1.2em;
  /* font-style: italic; */
}
.navsendbtn
{
color: #f3ad1b;
    background: black;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    height: 33px;
}

.navsendbtnNew
{
	color: black;
    font-family: 'DM SANS';
    border-radius: 4px;
    border: 1px solid #f3ad1b;
    background: none;
    font-weight: normal;
    height: 33px;
}

.topiconnav
{
	height: 20px;
    width: 20px;
    padding-top: -19px;
    margin-bottom: -6px;
    color: gray;
}
.fullleftdiv
{
	background: #e9ebd985;
    height: 531px;
}


.lineheight0{
	
	line-height: 0px;
}

.paddingleft{
	padding-left: 0px;
	
}



































@media only screen and (min-device-width: 200px) and (max-device-width: 767px) {
.fullleftdiv
{
	background: #e9ebd985;
    height: auto;
}

}


@media only screen and (min-device-width: 200px) and (max-device-width: 767px) {
.leftborder2
{
	 border-left: 2px solid #f3ad1b;
}

}


.boxbordercolor{
	
	border: 1px solid #fecb00;
}

.tablebordercolor{
	
	border: 2px solid #f3ad1b !important;
}

.height55{
	
	height: 55px;
}


.tableleftborder{
	
	
    border-top: 2px solid #f3ad1b;
    border-left: 2px solid #f3ad1b;
    border-right: 2px solid #f3ad1b;
	
}

.tablerightborder{
	
	
    
    border-top: 2px solid #f3ad1b;
    border-right: 2px solid #f3ad1b;

	
}

.tablebottomborder{
	
	border-bottom: 2px solid #f3ad1b;
}

.fsatablebottomborder{
	
	border-bottom: 1px solid #f3ad1b;
}

.hoverblack:hover{
	
	background-color: black;
}

.hovergoldcolor:hover{
	color: #f3ad1b;
	
}

.hoverblackcolor:hover{
	color: black !important;
	
}

.lineheight17{
	
	
    line-height: 17px;
	
}

.lineheight25{
	
	line-height: 25px;
}


.unorderedtxt{
	
    font-size: 14px;
    text-align: initial;
	
}

.unorderbackgnd{
  
  
    background-color: #F3AD1B;
    margin-left: -335px;
    margin-top: 77px;
	
	}
	
	
.unorderbox{
    background-color: #F3AD1B;
    padding-right: 0px;
}

.padding0{
	padding: 0px;
}

.unlistcolor{
	
	color: #F3AD1B;
	list-style: none;
}

/* ::marker{
	
	
	color: #F3AD1B;
} */



















.bottom-right {
position: absolute;
    bottom: 48px;
    right: 86px;
}

.fntsiz{
	font-size: 22px;

}

.ulcontaints{

background-color: #F3AD1B;
width: auto;
border-radius: 10px 10px 10px 10px;
}


@media only screen and (max-width: 450px) {
  .ulcontaints {
    position: absolute;
	  bottom: -31px;
  right: 1px;
  width: fit-content;
  }
}

@media only screen and (max-width: 450px) {
	
	.ulcontainer
{
	    width: 100%;
    position: absolute;
    margin-top: -22px;
    bottom: unset;

}
.insidebox
{

    height: auto;

}
	
  .fullcontain {
   height: 737px;
  }
}



.borderbottmwhite{
border-bottom: 1px solid #EAE2B7;
color: black;
}



/* .padngbotm{

  padding-top: 10px;
    padding-bottom: 10px;

} */


/* .padngbotmcolor{
  padding-top: 10px;
    padding-bottom: 10px;
	color: black;
} */


/* @media only screen and (max-width: 450px) {
	
	

	    .bottom-left {
  position: absolute;
  bottom: -41px;
  left: 16px;
   left: 0px; 
  

}

} */


@media only screen and (max-width: 450px) {
	
	.bottomimage-left{
		left: 7px !important;
	}
	
	
	.btnwidth{
		width: 255px !important;
	}
	
	.txtcenter{
	text-align: center;
 }
	}

































.imageiconsdimention {
    height: 142px;
    width: 157px;
}


/* ::markercolor {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
    color: #808080;
    
} */


.ulpaddingleft{
    list-style-type: disc;
    padding-left: 18px;
    line-height: 40px;
}

.unorderedtxtsize{
	
    font-size: 24px;
    text-align: initial;
	
}

.borderbottomwhite{
	border-bottom: 1px solid white;
	
}

.paddingtopul{
	
    padding-top: 20px;
    padding-bottom: 3px;
	
}

.paddingtopbottm{
	
	
    padding-top: 7px;
    padding-bottom: 3px;
	
}

.padingtopbottm{
	
	  padding-top: 7px;
    padding-bottom: 20px;
	
}


.lefmargin{
margin-left: 148px;
}


.ulliststyletype{
	
	list-style-type:disc;
	
}



.ulliststyletype:before {
 
  color: #F3AD1B;
}



/* 
::marker {
   
    color:#808080;
} */


.colourbox
{
	
	background: pink;
    height: auto;
    border-radius: 5px;
}



.insidebox
{
border-radius: 7px;
    margin-left: 30px;
    background: #fbf9f9;
    width: 69px;
    height: 70px;
    margin-top: 9px;

}

/* .iconbox
{
	    margin-left: -14px;
	    height: 61px;
    width: 54px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 9px gray;
    box-shadow: rgb(0 50 93 / 25%) -1px -1px 20px 0px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
} */


.iconbox
{
	    margin-left: -14px;
	    height: 70px;
    width: 74px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 9px gray;
    box-shadow: rgb(0 50 93 / 25%) -1px -1px 20px 0px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}


.fntsizul
{
	font-size: 17px !important;
}

/* .ulcontainer
{
	background-color: #f3ad1b;
    border-radius: 10px 10px 10px 10px;
    width: 300px;
    position: relative;
    top: 40px;
    right: 120px;

} */


.ulcontainer
{
	background-color: #f3ad1b;
    border-radius: 10px 10px 10px 10px;
    width: 300px;
    position: relative;
    top: 40px;
    right: 199px;

}



@media only screen and (max-width: 450px) {
	
	.ulcontainer
{
	       width: 100% !important;
    position: relative;
    margin-top: -58px !important;
    bottom: unset !important;
    right: 0px !important;
}

}




.workptext
{
	line-height: 17px;
    color: white;
}


.worksectiontxt
{
	text-align: left;
	color: white;
	font-size: 16px;
	margin-top: 10px;
}

.bannerdoc {
    height: auto;
    background: url(../images/dconnectartboard122.png);
    display: flex;
    padding-top: 120px;
    padding-bottom: 120px;
}

 .bannerdocfirst {
    height: auto;
    background: url(../images/homeartboard3.png);
    display: flex;
    padding-top: 40px;
    padding-bottom: 218px;
} 




#getdocsection {
    background: url(../images/dconnectartboard422.png);
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
}

.bannercontactus {
    height: auto;
    background: url(../images/conactartboard1.png);
    display: flex;
    padding-top: 120px;
    padding-bottom: 120px;
}

























































.emailbtnwidthcolor{
	margin-left: -7px;
    margin-top: -2px;
    height: 36px;
    width: 121px;
    color: #fecb00;
    
    font-weight: bold;
	
	background-color: #000000 !important;
}





/*   #btnSave [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    background-color: #F3AD1B;
   
}  */


/* @media only screen and (max-width: 450px) {
  .ulcontaints {
    position: absolute;
	  bottom: -31px;
  right: 1px;
  width: fit-content;
  }
} */

/* @media only screen and (max-width: 450px) {
  .fullcontain {
   height: 658px;
  }
} */



/* .borderbottmwhite{
border-bottom: 1px solid white;
color: black;
} */

.padngtopbotm{

    padding-top: 12px;
    padding-bottom: 3px;

}

.padngbotm{

padding-bottom: 3px;
}


.padngbotmcolor{
	
	padding-bottom: 7px;
	color: black;
}



::marker {
   
/*     color: #808080; */
}

.emailbtnwidth{
	
	margin-left: -7px;
    margin-top: -1px;
    height: 36px;
    width: 111px;
    background-color: #f3ad1b;
    color: black;
    font-weight: bold;
	
}



/* .imageheightcrm{
	
	height: 412px;
} */


.imageheightcrm{
	
	height: 401px;
	
    width: 243px;
	
}

.emailpadding{
	
	padding-top: 25px;
	padding-left: 16px;
}

.goldencolor{
	background-color: #f3ad1b;
}






.trybutton
{
    font-weight: bold;
    height: 40px;
    width: 247px;
    font-size: 17px !important;
    background: #f3ad1b;
}

.ullistpadding{
	
	
    padding-left: inherit;
	
}

.emailfieldborder{
	
	
    
    border-left: 2px solid #f2f2ea;
    border-bottom: 2px solid #f2f2ea;
    border-top: 2px solid #f2f2ea;
	
}


.fonsiz{
	
	font-size: 32px;
}


.fontsize15{
	font-size:15px;
}

.featureheader
{
    color: black;
    font-weight: normal;
 /*    font-size: 19px; */
    background: #f3ad1b;
    padding-left: 15px;
    height: 42px;
    padding-top: 5px;
}


.featureptag
{
	font-size: 16px;
    margin-top: 5px;
    padding-left: 15px;
}

.fontsize17{
	font-size: 17px;
}



#getmakesec {
    background: url(../images/serviceartboard7.png);
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
}


#getenhance
{
    background: url(../images/serviceartboard5.png);
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
}


#getalignsec {
    background: url(../images/serviceartboard6.png);
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
}

.colorwhite{
	color:white !important;
	
}

.fontsize12{
	font-size: 12px;
}


.paddingrighticon{
	
	padding-right: 0px;
}

.paddinglefticon{
	padding-left: 0px;
	
}

.fontsize33{
	
	font-size: 33px;
}

.yellowphonecolor{
	
	
    color: #fecb00 !important;
	
}

.coloblack{
	color: black;
	
}


/* .nav-link:hover {
  color: black !important;
} */


.fntsize{
	font-size:28px;
}

.fntsizee{
	font-size:41px;
}

.marbotm{
	margin-bottom: -17px;
}

.fonsiz30{
	font-size: 30px;
}

.marbottm{
	margin-bottom: -11px !important;
}

.margtopp{
	margin-top: -16px;
}

.martopp{
	margin-top: 1px !important;
}

.darkgray{
	background-color: darkgray;
}

.lightgray{
	background-color: lightgray;
	
}

.backgroundgold{
	background-color: #f4ae03;
}

.backgroundwhite{
	background-color: white !important;
}

.btnpadfont{

	padding-top: 10px;
	padding-bottom: 31px;

}




.imgheightt{
	width: 400px;
		height: 516px;
}



.fontsize31{
	font-size: 31px !important;
}

.txtborderblack{
	border-bottom: 1px solid black !important;
}

.marglefttt{
	margin-left: 16px !important;
	
}

/* #modalsubmitid{
	background-color: #f4ae03 !important;
	font-size: 15px !important;
} */

.crmlinheight{
	
	line-height: 1;
}

.uniformbtn
{
	color: black;
    width: 109px;
    text-align: center !important;
    height: 37px;
}

::placeholder {
color: gray !important;
opacity: 1; 
}


.borderleftt{
	border-left: 2px solid #f3ad1b;
}

.btn{
	  text-transform:uppercase;
	
}
  
.normalweight{
	
	font-weight: normal;
}

.fontsizee{
	font-size: 15px;
}


.hederhover
{
	position:relative !important;
	display:inline-block !important;
	color: black !important;
}

.hederhover:after{
    content:"";
    position:absolute;
    display: block;
    width:20%;
    height: 3px;
    background: #f4ae03;
    transition: width 1s;
    margin-top: 5px;
}

.hederhover:hover:after {
  width:80%;
  height:3px;
}






.hederline
{
	position:relative;
	display:inline-block;
}

.hederline:after{
    content:"";
    position:absolute;
    display: block;
    width:90%;
    height: 1px;
    background: #f4ae03;
    margin-top: 5px;
}



.hederlineleft
{
	position:relative;
	display:inline-block;
}

.hederlineleft:after{
    content:"";
    position:absolute;
    display: block;
    width:87%;
    height: 1px;
    background: #f4ae03;
    margin-top: 5px;
}








.paddinglefttt{
	padding-left: 34px !important;
}

.featuresec
{
	
	margin-left: 52px;
}

.banneralign
{
	text-align: right;
}

.fsatrybtn
{
	padding-top: 40px;  
    margin-left: -146px;
    text-align: center;
}

.formsubmit{
	    color: black;
	margin-top: 9px !important;
	    background-color: #f3ad1b !important;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 14px !important;
}

.tryerpbtn
{
	padding-top: 52px;
	padding-left: 62px;
}
.fulltabdiv
{
	margin-left: 70px;
}
.poscustomersec
{
	width: 71%;
    margin-left: 109px;
}

.sarvicetrybtn
{
	
	padding-top: 48px;
    margin-left: -62px;
    text-align: center;
}

.paddingservice
{
	padding-left: 25px;
}

.paddfsaleft
{
	 padding-left: 39px;
}   

.serviceleftdiv
{
	margin-left: 25px;
}

.servicerightdiv
{
	margin-left: 15px;
}
.totalwidth
{
	width: 94%;
}

.buildsec{
	color: black;
    margin-top: 5px;
    font-weight: normal;
    font-size: 19px;
}


/* .tabtextsec
{
	font-weight: normal;
    text-align: left;
    font-size: 18px;
	
}   */ 

.tabtextsec
{
	font-weight: normal;
    text-align: left;
    font-size: 16px;
	
}  

.footermargin
{
	    margin-left: 10px;
	
}

.ppadingleftt{
		padding-left: 21px;
	}
	
	
	.ppaadinglefttright{
		padding-left: 80px;
		padding-right: 43px;
	}



.firstmessage
{
	margin-right: 30px;
}


.formsubmit
{
	text-transform: uppercase;
}

.hometitle
{
	padding-left: 45px;
	text-align: left;
}












@media only screen and (min-device-width: 200px) and (max-device-width: 767px) {
	
	.hometitle
{
	padding-left: 0px;
	text-align: center;
}
	
	.serviceleftdiv
{
	margin-left: 0px;
}

.servicerightdiv
{
	margin-left: 0px;
}
	
	
	
	.banner4 {
 
    padding-bottom: 60px;
}
	
	.paddingfsaleft
{
	 padding-left: 0px;
}   
	
.paddingservice
{
	padding-left: 0px;
}

	.sarvicetrybtn
{
    padding-top: 0px;
    margin-left: -10px;


}
	.poscustomersec
{
	width: 100%;
    margin-left: 0px;
}
	
	.fulltabdiv
{
	margin-left: 0px;
}
	.tryerpbtn
{
	padding-left: 16px;
	padding-top: 0px;
}
	
	
	.fsatrybtn
{
    padding-top: 0px;
    margin-left: -10px;


}
	.featuresec
{
	
	margin-left:0px;
}
.banneralign
{
	text-align: center;
}

.imageheight {
    margin-right: 0px !important;
}


}

.ulpaddingleftt{
	list-style-type: disc;
    padding-left: 43px;
}

.bckgndmrun{
	background-color: #EAE2B7;
}

.arrowsHeight{
	    height: 51px;
    width: 51px;
}

.margleftt{
	margin-left: 59px;
	margin-top: -17px;
}

.paddingleftt{
	padding-left: 0px;
}

.marleftt{
	margin-left: 24px;
	margin-top: -14px;
}

.lineht{
	line-height: 66px;
}


.paddinggleftt{
	padding-left: 26px;
}

.paddinleft{
	padding-left: 25px;
}


















































.containerImage {
  position: relative;
  text-align: center;
  color: white;
}

.bottomleft {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.topleft {
  position: absolute;
  top: 8px;
  left: 16px;
}





.centered {
  position: absolute;
  top: 47%;
  left: 34%;
  transform: translate(-50%, -50%);
}

.centered2{
	position: absolute;
  top: 47%;
  left: 34%;
  transform: translate(-50%, -50%);
}

.centered3{
	position: absolute;
  top: 47%;
  left: 37%;
  transform: translate(-50%, -50%);
}
















































.bannerimgmst
{
  background-image: url("../images/homeartboard3.png");
  height: auto;
  background-repeat: no-repeat;
background-size: 100% 100%;
}

.bannerimgmstt1
{
  background-image: url("../images/homeartboard32.png");
  height: auto;
  background-repeat: no-repeat;
/* background-size: 100% 100%; */
}

.bannerimgmstt2
{
  background-image: url("../images/homeartboard33.png");
  height: auto;
  background-repeat: no-repeat;
/* background-size: 100% 100%; */
}

.page-holder{
	/* min-height: 100vh; */
  min-height: 700px;
}

.linht{
	line-height: initial;
}

.matop{
	margin-top:-21px;
}

.fntsize18{
	font-size: 18px;
}

.fntsizee40{
	font-size: 40px;
}

.verticlemiddle{
	margin-top: -54px;
	margin-left: -70px !important;
}

.martopbottom{
	    margin-left: 637px;
    margin-top: 18px;
    margin-bottom: -18px;
}

.marlft{
	margin-left: 49px !important;
}

.marrlft{
	margin-left: 53px;
}

.centeredImage {
  position: absolute;
  top: 68%;
  left: 45%;
  transform: translate(-50%, -50%);
  
}

.centeredImages {
  position: absolute;
  top: 69%;
  left: 42%;
  transform: translate(-50%, -50%);
}

.centeredtxt {
  position: absolute;
  top: 40%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.centertxt {
  position: absolute;
  top: 38%;
  left: 42%;
  transform: translate(-50%, -50%);
}

.padingtop{
	padding-top: 15px;
}

.padingright{
	
	padding-right: 46px;
}

.padingrightt{
	padding-right: 66px;
}

.fontsi{
	font-size: 25px !important;
}

.padingtopp{
	padding-top: 11px;	
}

.fonttsiz{
	font-size: 31px;
}

.heightt{
	height: 7px;
}

.fontsize24{
	font-size: 22px;
	color: #808080;
	padding-left: 10px;
}

.boldpara{
	font-weight: bold;
}

.fntsize21{
	font-size: 21px;
}

.padinggleftt{
	padding-left: 24px;
}

.fontsiz14{
	font-size: 14px;
}

.lineheightt{
	line-height: 54px;
}

.martop{
	margin-top: -18px;
}

.fonttsizze{
	font-size: 13px;
}


.tabButton{
 
    
    font-size: 24px !important;
    color: black;
    border: none;
    outline: none;
    cursor: pointer;
     font-weight: normal;
     background-color: grey;
}

/* .flex-container {
  display: flex;
  flex-wrap: nowrap;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
} */



/* .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(4) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(5) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(6) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(7) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }


    Legacy Firefox implementation treats all flex containers
    as inline-block elements.


@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

} */




.flex-container {
  display: flex !important;
  flex-wrap: nowrap;
  background-color: #F2F2EA;
  
}

.flex-container > div {
  background-color: #d3d3d3;
  font-weight: normal;
  /* width: 100px; */
  margin: 10px;
  text-align: center;
  /* line-height: 75px; */
  font-size: 22px;
}

.padbox{
	padding: 14px;
	cursor: pointer;
}

.paddingbox{
	padding: 27px;
	cursor: pointer;
}


.paddingbox:hover {
  background-color: #f3ad1b;
}

.padbox:hover {
  background-color: #f3ad1b;
}

.fntsi{
	font-size:26px;
}

.goldcolorbtn{
	color: f3ad1b !important;
}

.paddingright{
	padding-right:0px;
}

.fntsize30{
	font-size: 30px;
}

.height1{
	height: 1px;
}

.padingleftt{
	padding-left: 36px;
}

.paddingleft50{
	padding-left: 59px;
}

.marginlleft{
	margin-left: 30px;
}

.margginright{
	margin-right: 54px;
}

.paright{
	padding-right: 21px;
}

.lineheight21{
	line-height: 21px;
}

.lineheight40{
	line-height: 40px;
}

.marrtopp{
	margin-top: -7px;
}

.paadingleftt{
	padding-left: 65px;
}

.paaleft{
	padding-left: 46px;
}

.htwidth{
	width: 531px;
	height: 415px;
}

.emailpaddingleft{
	padding-top: 25px;
	padding-left: 29px;
}

.size24{
	font-size: 24px;
}

.borderpx{
	border-left: 2px solid #f4ae03;
	border-right: 2px solid #f4ae03;
	border-top: 2px solid #f4ae03;
}

.fsaborderpx{
	border-left: 1px solid #f4ae03;
	border-right: 1px solid #f4ae03;
	border-top: 1px solid #f4ae03;
}

.marginleft7{
	margin-left: 7px;
}

.bordpx{
	border-left: 2px solid #f4ae03;
	border-right: 2px solid #f4ae03;
	
}







.padtoppx{
	padding-top: 15px;
}

.padleftpx{
	padding-left: 86px;
}

.padileftpx{
	padding-left: 57px;
}

.padibottom{
	padding-bottom: 4px;
}

.borderfullpx{
	border: 2px solid #f4ae03;
}

.padbottompx{
	padding-bottom: 15px;
}


.size23{
	font-size: 23px;
}

.size19{
	font-size: 19px;
}

.fontsize16{
	font-size: 16px;
}

.linhtt{
	line-height: 19px;
}

.htclass{
	height: 246px;
}

.size29{
	font-size: 29px;
}

.liheight{
	line-height: 47px;
}

.size20{
	font-size: 20px;
}

.boxstyle{
	background-color: #EAE2B7;
    padding-top: 43px;
    padding-bottom: 43px;
}

.alterboxstyle{
	background-color: #f4ae03;
    padding-top: 43px;
    padding-bottom: 43px;
}

.requestbox{
	    background-color: #f4ae03;
    padding-top: 11px;
    padding-bottom: 2px;
   border-radius: 3px;
   cursor: pointer;
}


.fontbold{
	 font-weight: bold;
}

.imagemarright{
	margin-right: -74px;
}

.txtmarleft{
	margin-left: 21px;
}

.size25{
	font-size: 25px;
}

.marleft6{
	margin-left: -6px;
}

.marlefft{
	margin-left: 35px;
}

.marleeft{
	margin-left: 42px;
}

.marright{
	margin-right: 14px;
}

.margiright{
	margin-right: 65px;
}

.padingleft{
		padding-left: 17px;
}

.marleftbtn{
	margin-left: 62px;
}

.size27{
	font-size: 27px;
}

.borderlightGray{
	/* border-top: 2px solid lightgrey; */
	/* border-bottom: 2px solid lightgrey; */
	border: 2px solid lightgrey;
}

.rowheight{
	height: 27px;
}

.size14{
	font-size: 14px;
}

.tablepaddingleft{
	padding-left: 25px;
}

.tablepadleft{
	padding-left: 26px;
}

.fsabordercolor{
	border-right: 1px solid #EAE2B7;
}


.fsapaddingbottom{
	padding-bottom: 30px;
}

.fsapaddingleft{
	padding-left: 12px;
}

.fsamargintop{
	margin-top: -4px;
}

.fsapaddingtop{
	padding-top: 9px;
}

.fsapadleft{
	podding-left: 26px;
}

.fsamargtop{
	margin-top: -5px;
}

.fsamartop{
	margin-top: 27px;
}

.clubpaddingleft{
	padding-left: 39px;
}

.dconnectpadleft{
	padding-left: 20px;
}

.dconnectpaleft{
	padding-left: 78px;
}

.dconnectpaddingleft{
	padding-left: 71px;
}

.dconnectpaleft{
	padding-left: 37px;
}

.erppaddingleft{
	padding-left: 31px;
}

.fsapaddleft{
	padding-left: 28px;
}

.fsapadleft{
	padding-left: 57px;
}

.ecompaddingleft{
	padding-left: 12px;
}

.ecompadleft{
	padding-left: 98px;
}

.ecompadingleft{
	padding-left: 48px;
}

.ecompaleft{
	padding-left: 35px;
}

.ecompaaleft{
		padding-left: 62px;
	}
	
	
	.homemarginleft{
	margin-left: -160px;
}

.homemargleft{
	margin-left: 62px;
}

.homepaddingleft{
	padding-left: 235px;
}

.indusbckcolor{
	background-color: white !important;
}

.servicemarginright{
	margin-right: -17px;
}

.dconnpadleft{
	padding-left: 75px;
}

.headingerpmanu{
	font-family: 'DM SANS';
	font-size: 28px;
	color: #F4AE03;
	font-weight: normal;
}

.backopacity{
	background-color: white;
	opacity: 0.7;
}

.fntfamily{
	font-family: 'DM SANS';
}

.sectwoheader{		  
	font-size: 28px;
	/* color: #353E41; */
	font-family: 'DM SANS';
	font-weight: normal;
}

.newContainer{
	width: 100%;
    padding-left: 115px;
    padding-right: 88px;
    margin-left: auto;
    margin-right: auto;
}

.newContainerWithMargin{
    margin-left: 113px;
    margin-right: 88px;
}

.bckgndcolorLightGray{
	
	background-color: #F7F7F7;
}

.bckgndsectionthree {
   background: url(../images/bannererpmanu2.png); 
    
    height: auto;
}

.newwontainerwithmarginsectiontwo{
    margin-left: 84px;
    margin-right: 61px;
}

.realestatenewwontainerwithmarginsectiontwo{
    margin-left: 97px;
    margin-right: 76px;
}

.sectiononemarginleft{
	margin-left: -24px;
}

.nav-linktab:hover{
	border-bottom: 4px solid #fecb00 !important;
	background-color: #f8f8f8 !important;
}

.tabsectionfive{
	margin-left: 99px;
    margin-right: 78px;
    border-bottom: 1px solid;
}

.tabbodysectinfive{
    margin-left: 104px;
    margin-right: 77px;
}









.nav-linktab.active {
     font-size: 20px;
    color: #1F1F1F;
    /* background-color: #fff; */
    background-color: #f8f8f8 !important;
  	border-bottom: 4px solid #fecb00;
  	    	border-top: 0px solid white;
  	    
  	    	border-left: 0px solid white;
  	    
  	    	border-right: 0px solid white;
  	    
}

.nav-linktab {
	    font-size: 20px;
	color: #1F1F1F;
       border: 1px solid white;
  	    	border-top: 0px solid white;
  	    
  	    	border-left: 0px solid white;
  	    
  	    	border-right: 0px solid white;
}

.nav-linktab:focus{
	color: #1F1F1F;
	
}

.nav-linktab:hover{
	color: #1F1F1F;
	
}

.paddingbottomtab{
	padding-bottom: 4px;
}

.colortabul{
	color: #656161;
}


.bckgndsectionsix{
	background: url(../images/bannererpmanu4.png);
}


.newContainerSixthWithMargin {
	margin-left: 100px;
    margin-right: 76px;
}

.bckgndblk{
	background-color: white !important;
	color:black !important;
}

/* .bckgndsectionseven{
	background: url(../images/)
} */

.bckgndcolorseven{
	background-color: #EBEBEB;
}


.containerroundshape{
	padding-top: 13px;
    padding-left: 13px;
    padding-bottom: 13px;
    padding-right: 13px;
}

.heightsecondcon{
	height: 13px;
}

.heightsixthcon{
	height: 68px;
}

.colorsecnseven{
	color: #1F1F1F;
}

.sectionbckgndcolor{
	background-color: #252727;
}


.newwontainerwithmarginsectioneight{
    margin-left: 98px;
    margin-right: 76px;
}

.bckgndcolorblue{
	background-color: #0A5D7C;
}

.formbordercolor{
	border: 1px solid #EBEBEB;
}

.footerheader{
	color: #F4AE03;
}

.footerdash{
	border-top: 1px dashed white;
}

.footersectionmargin{
	margin-left: 84px;
    margin-right: 61px;
}

.footerterms{
	font-family: 'DM SANS';
	font-size: 14px;
	color: #AEAEAE !important;
	font-weight: 100;
}

.realestatebordersectiontwo{
	border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
}

.realestatebckgndsectionthree {
   background: url(../images/realestatebanner2.png); 
    
    height: auto;
}



.realestatenewContainerWithMargin{
	margin-left: 100px;
    margin-right: 77px;
}

.realestatetabs{
	font-size: 16px;
	padding-left: 15px;
    padding-top: 11px;
    padding-bottom: 3px;
}

.realestateimagepadding{
	padding-left: 37px;
    padding-top: 21px;
    padding-right: 34px;
    padding-bottom: 6px;
}

.bannererprestomenu {
  height: auto;
   background: url(../images/reastaurantbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.realestatepadding{
	padding-left: 23px;
	padding-right: 18px;
}

.realestatepaddingul{
	padding-left: 41px;
	padding-right: 18px;
}

.realestatecurserpointer{
	cursor: pointer;
}

.realestatetabborder{
	border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.bannererphotel {
  height: auto;
   background: url(../images/hotelclubnew.png); 
  display: flex;

  padding-bottom: 0px;
}

.newwontainerwithmarginsectiontwohotel{
	margin-left: 100px;
    margin-right: 76px;
}

.hotelcolorwhite{
	color: white;
}

.hotelheight{
	height: 15px;
}

.newwontainerwithmarginsectiontwohotelsectwo{
	margin-left: 97px;
    margin-right: 77px;
}

.bckgndsectionthreehotel {
   background: url(../images/hotelbanner2.png); 
    
    height: auto;
}

.text-blockhotel {
  position: absolute;
  bottom: 156px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.text-blockhoteltwo{
	 position: absolute;
  bottom: 156px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.text-blockhotelthree{
	 position: absolute;
  bottom: 180px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.text-blockhotelfive{
	 position: absolute;
  bottom: 160px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.text-blockhotelfour {
  position: absolute;
  bottom: 157px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.text-blockhotelsix{
	 position: absolute;
  bottom: 157px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.newContainerWithMarginhotelfour{
	margin-left: 100px;
    margin-right: 76px;
}

.newContainerWithMarginhotelfourimg{
   margin-left: 85px;
   margin-right: 64px;
}

.hotelfoursectionimg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 145%);
}

.hotelfoursectionimgbtn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 400%);
}

.hotelbtnborder{
  border-top: 1px solid white !important;
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
  border-bottom: 1px solid white !important;
  background-color: transparent !important;
}


.bannererprestaurant {
  height: auto;
   background: url(../images/restaurantbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.newwontainerwithmarginhotelsectiontwo{
	margin-left: 99px;
    margin-right: 76px;
}

.restaurantbckgndsectionthree {
   background: url(../images/restaurantbanner2.png); 
    
    height: auto;
}

.newContainerWithMarginrestaurant{
    margin-left: 100px;
    margin-right: 77px;
}

.newwontainerwithmarginhotelsectionfour{
	background-color: #0A5D7C;
	margin-left: 99px;
    margin-right: 77px;
}

.restaurantpaddingleft{
	padding-left: 18px;
}

.newContainerWithMarginomnicommerce{
	margin-left: 99px;
    margin-right: 77px;
}

.omnicommercebckgndcolor{
	background-color: #0A5D7C;
}

.omnicommercecolorblk{
	color: #252727;
}

.omnicommercewhitebckgndcolor{
	background-color: #F7F7F7 !important;
}

.omnicommercearrows{
	padding-top: 7px;
    background-color: #EBEBEB;
}

.omnicommercetabsectionfive{
	margin-left: 99px;
    margin-right: 78px;
}

.omnicommercepaddingleft{
		padding-left: 18px;
	}
	
.bannererpomnicommerce {
  height: auto;
   background: url(../images/omnicommercebanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.omnicommercebckgndcolorimg {
  height: auto;
   background: url(../images/omnicommerceflipimg.png); 
  display: flex;

  padding-bottom: 0px;
}

.bckgndomnicommercesectionthree {
   background: url(../images/omnicommercebanner2.png); 
    
    height: auto;
}

.text-blockseven{
  position: absolute;
  bottom: 165px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}

.bannercontact {
  height: auto;
   background: url(../images/contactbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.bckgndcontactsectionthree {
   background: url(../images/contactbanner2.png); 
    
    height: auto;
}

.contactsectionfive{
	margin-left: 86px;
    margin-right: 77px;
}

.contactcircularshape{
    width: 75%;
    border: 1px solid #fecb00 !important;
    border-radius: 19px;
    height: 24px;
    background: #fecb00 !important;
}

.contactphone{
	margin-top: 4px;
    margin-left: 4px;
}

.contactpaddingleft{
	padding-left: 16px;
}

.contactmarginleft{
	margin-left: 83px;
}

.contactcircularshapesecond{
    width: 134%;
    border: 1px solid #fecb00 !important;
    border-radius: 19px;
    height: 24px;
    background: #fecb00 !important;
}

.contactpaddingleftthird{
	padding-left: 24px;
}

.contactmarginleftthird{
	margin-left: 139px;
}

.contactcircularshapethird{
    width: 246%;
    border: 1px solid #fecb00 !important;
    border-radius: 19px;
    height: 24px;
    background: #fecb00 !important;
}

.contactmarginleftsubheaderthird{
	margin-left: 136px;
}

.bckgndcontactimg{
	background-color: #f4ae03;
}

.text-blockcontactsecondsection{
	position: absolute;
 top: 534px;
    width: 1365px;
    right: 5px;
}

.text-blockcontactarrowsecondsection{
 position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.text-blockcontactarrowsecondsectiontest{
	position: absolute;
  left: 0px;
  top: 0px;
	
}

/* .divcontactfirst{
	position: relative;
}

.divcontactsecond{
	position: relative;
	z-index: 100;
}

.divcontactthird{
	position: relative;
	z-index: 2;
	top: 432px;
    left: 981px;
} */

.divcontactfirst{
	position: relative;
}

.divcontactsecond{
	position: relative;
	z-index: 100;
}

.divcontactthird{
	position: absolute;
	z-index: 2;
	top: 1092px;
    left: 981px;
}



/* .contactimgtransform{
	transform: rotate(180deg);
	position: relative;
	z-index: 2;
	right: 975px;
    bottom: 173px;
} */

.contactimgtransform{
	transform: rotate(180deg);
	position: absolute;
	z-index: 2;
	right: 975px;
    top: 547px;
}

.divformfirst{
	position: relative;
}

.divformsecond{
	position: relative;
	z-index: 100;
}

/* .divformthird{
	position: relative;
	z-index: 2;
	bottom: 152px;
    left: 1083px;
} */

.divformthird{
	position: absolute;
	z-index: 2;
	top: 3953px;
    left: 1084px;
}

/* .divformdotsthird1{
	position: relative;
	z-index: 2;
	bottom: 192px;
    left: 99px;
}

.divformdotsthird2{
	position: relative;
	z-index: 2;
	bottom: 244px;
    left: 226px;
}

.divformdotsthird3{
	position: relative;
	z-index: 2;
	bottom: 298px;
    left: 353px;
}

.divformdotsthird4{
	position: relative;
	z-index: 2;
	bottom: 350px;
    left: 481px;
} */

/* .divformdotstopthird1{
	position: relative;
	z-index: 2;
	top: 66px;
    left: 550px;
}

.divformdotstopthird2{
	position: relative;
	z-index: 2;
	top: 66px;
    left: 481px;
} */






/* .divformdotstopthird3{
	position: relative;
	z-index: 2;
	top: 574px;
    left: 550px;
}

.divformdotstopthird5{
	position: relative;
	z-index: 2;
	top: 570px;
    left: 550px;
}

.divformdotstopthird7{
	position: relative;
	z-index: 2;
	top: 327px;
    left: 550px;
}

.divformdotstopthird9{
	position: relative;
	z-index: 2;
	top: 320px;
    left: 550px;
}

.divformdotstopthird11{
	position: relative;
	z-index: 2;
	top: 315px;
    left: 550px;
} */


.divformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 3436px;
    left: 550px;
}

.divformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 3436px;
    left: 614px;
}

.divformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 3483px;
    left: 550px;
}

.divformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 3530px;
    left: 550px;
}

.divformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 3577px;
    left: 550px;
}

.divformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 3625px;
    left: 550px;
}

.divformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 3672px;
    left: 550px;
}

@font-face{
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Regular.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'DMSans Bold';
    src: url('fonts/BMSans-Bold.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'DMSans BoldItalic';
    src: url('fonts/DMSans-BoldItalic.ttf');
    font-style: normal;
}

@font-face{
    font-family: 'DMSans Italic';
    src: url('fonts/DMSans-Italic.ttf');
    font-style: normal;
}


.divformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 4032px;
    left: 99px;
}

.divformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 4032px;
    left: 226px;
}

.divformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 4032px;
    left: 353px;
}

.divformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 4032px;
    left: 481px;
}

.realestatedivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 3730px;
    left: 550px;
}

.realestatedivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 3730px;
    left: 614px;
}

.realestatedivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 3779px;
    left: 550px;
}

.realestatedivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 3828px;
    left: 550px;
}

.realestatedivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 3877px;
    left: 550px;
}

.realestatedivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 3925px;
    left: 550px;
}

.realestatedivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 3973px;
    left: 550px;
}

.realestatedivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 4329px;
    left: 99px;
}

.realestatedivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 4329px;
    left: 226px;
}

.realestatedivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 4329px;
    left: 353px;
}

.realestatedivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 4329px;
    left: 481px;
}

.realestatedivformthird{
	position: absolute;
	z-index: 2;
	top: 4247px;
    left: 1084px;
}

/* hotel starts */

.hoteldivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 4445px;
    left: 550px;
}

.hoteldivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 4445px;
    left: 614px;
}

.hoteldivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 4492px;
    left: 550px;
}

.hoteldivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 4540px;
    left: 550px;
}

.hoteldivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 4588px;
    left: 550px;
}

.hoteldivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 4636px;
    left: 550px;
}

.hoteldivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 4684px;
    left: 550px;
}

.hoteldivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 5044px;
    left: 99px;
}

.hoteldivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 5044px;
    left: 226px;
}

.hoteldivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 5044px;
    left: 353px;
}

.hoteldivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 5044px;
    left: 481px;
}

.hoteldivformthird{
	position: absolute;
	z-index: 2;
	top: 4962px;
    left: 1084px;
}

/* hotel ends */

/* restaurant starts */

.restaurantdivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 6025px;
    left: 550px;
}

.restaurantdivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 6025px;
    left: 614px;
}

.restaurantdivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 6073px;
    left: 550px;
}

.restaurantdivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 6121px;
    left: 550px;
}

.restaurantdivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 6169px;
    left: 550px;
}

.restaurantdivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 6217px;
    left: 550px;
}

.restaurantdivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 6265px;
    left: 550px;
}

.restaurantdivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 6623px;
    left: 99px;
}

.restaurantdivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 6623px;
    left: 226px;
}

.restaurantdivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 6623px;
    left: 353px;
}

.restaurantdivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 6623px;
    left: 481px;
}

.restaurantdivformthird{
	position: absolute;
	z-index: 2;
	top: 6541px;
    left: 1084px;
}

/* restaurant ends */



/* omni commerce starts */

.omnidivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 3714px;
    left: 550px;
}

.omnidivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 3714px;
    left: 614px;
}

.omnidivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 3762px;
    left: 550px;
}

.omnidivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 3810px;
    left: 550px;
}

.omnidivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 3858px;
    left: 550px;
}

.omnidivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 3907px;
    left: 550px;
}

.omnidivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 3955px;
    left: 550px;
}

.omnidivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 4311px;
    left: 99px;
}

.omnidivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 4311px;
    left: 226px;
}

.omnidivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 4311px;
    left: 353px;
}

.omnidivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 4311px;
    left: 481px;
}

.omnidivformthird{
	position: absolute;
	z-index: 2;
	top: 4230px;
    left: 1084px;
}

/* omni commerce ends */


.textdecorationnone{
	text-decoration-line: none !important;
}

#mobmodalnew {
  position: fixed;
  margin: 0;
  width: 447px;
  height: 305px;
  padding: 0;
}

#mobcontentnew {
  position: absolute;
  top: 83px;
  right: 0;
  bottom: 0;
  left: 803px;

  border-radius: 0;
  box-shadow: none;
}




 .bannerhomescreen {
  height: auto;
   background: url(../images/manufacturingbannernew.png); 
  display: flex;

  padding-bottom: 0px;
} 


.homedot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.homedotabsolute{
	position: absolute;
	
	top: 514px;
    left: 749px;
}


.bannerhomescreensecond {
  height: auto;
   background: url(../images/homebanner22.png); 
  display: flex;

  padding-bottom: 0px;
} 

.bannerhomescreenthird {
  height: auto;
   background: url(../images/retailerbannernew.png); 
  display: flex;

  padding-bottom: 0px;
} 



.bannerhomescreensecondsection {
  height: auto;
   background: url(../images/homebanneredit.png); 
  display: flex;

  padding-bottom: 0px;
} 

.homenewwontainerwithmarginsectionthree{
    margin-left: 52px;
    margin-right: 68px;
}

.homeborder{
	border: 2px solid #EBEBEB;
	background-color: white;
}

.homecolor{
	/* color: #0A5D76; */
	color: #F4AE03;
}

.bannerhomescreenthirdsection {
  height: auto;
   background: url(../images/homerealestatebanner.png); 
  display: flex;

  padding-bottom: 0px;
} 


.homenewwontainerwithmarginsectionfour{
    margin-left: 83px;
    margin-right: 40px;
}

.homebannereight{
  height: auto;
   background: url(../images/homebanner2.png); 
  display: flex;

  padding-bottom: 0px;
}

.homeheight{
	height: 155px;
}


.bannerhomescreenfifthsection {
  height: auto;
   background: url(../images/homebanneredit1.png); 
  display: flex;

  padding-bottom: 0px;
} 


.homeheightfifthfirst{
	height: 126px;
}

.bannerhomescreensixthsection {
  height: auto;
   background: url(../images/homeRestaurantsbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.bannerhomescreenseventhsection {
  height: auto;
   background: url(../images/homehotelbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.bannerhomescreeneightsection{
	background: url(../images/homebanner2.png);
}

.homenewwontainerwithmarginsectioneight{
    margin-left: 53px;
    margin-right: 52px;
}

.homeborderleftright{
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.homeborderright{
	border-right: 2px solid white;
}

.homenewwontainerwithmarginsectionnineth{
    margin-left: 84px;
    margin-right: 64px;
}

/* .homeborderninesection{
	border: 5px solid #F3AD1B !important;
} */

/* .homeonhover:hover{
	border: 2px solid #EBEBEB;
	background-color: #0A5D7C;
} */

/*  .homeborderninesection:hover{
	border: 5px solid white !important;
}  */





.bannerhomescreententhsection {
  
   background: url(../images/homebanner3.png); 
  
}

.homedivformthird{
	position: absolute;
	z-index: 2;
	top: 7465px;
    left: 1128px;
}

.homenewwontainerwithmarginsectionten{
    margin-left: 26px;
    margin-right: 27px;
}

.homenewwontainerwithmarginsectiontwo{
    margin-left: 99px;
    margin-right: 77px;
}

.homebordersectiontwo{
	border: 3px solid #F7F7F7;
	background-color: white;
}

.homebordersectiontwomiddle{
	
	background-color: #0A5D7C;
}

.homebordersectiontwobottom{
	border: 2px solid #F3AD1B;
}

/* .homebottomdivposition{
	position: absolute;
	z-index: 2;
	top: 6491px;
    left: 1127px;
} */

  .homebottomdivposition{
	position: absolute;
	top: 882px;
	right: 10px;
} 

.homemiddledivposition{
	position: absolute;
	 z-index: 2; 
	top: 845px;
     /* left: 29px; */
     left: 18px; 
}

 .hometopdivposition{
	position: absolute;
	 z-index: 100;
	 top: 857px;
	 left: 0px; 
} 

.homenewwontainerwithmarginsectiontwotop{
    margin-left: 82px;
    margin-right: 64px;
}

.homesecondblocktop{
	position: absolute;
	 z-index: 100;
	 top: 1px;
	 left: 610px; 
}

.homesecondblockmiddle{
	position: absolute;
	 z-index: 2; 
	top: 0px;
     left: 29px;
     left: 709px; 
}

.homesecondblockbottom{
	position: absolute;
	top: 0px;
	right: 78px;
}  

/* .homescreensecondsectionimg {
  
   background: url(../images/homeaddonimg1.png); 
  
} */

.homesecondtopimg{
	position: absolute;
	top: 857px;
	right: 721px;
	z-index: 101;
	
	height: 349px;
    width: 516px;
}  

.homesecondtopimgcontent{
	position: absolute;
	top: 1008px;
	right: 721px;
	z-index: 101;
	
	height: 168px;
    width: 516px;
    
    background-color: #0A5D7C;
    opacity: 0.7;
   
}


	
.homesecondtopblocktwoimg{
	position: absolute;
	top: 857px;
	right: 111px;
	z-index: 101;
	
	height: 349px;
    width: 516px;
}  

.homesecondtopblocktwoimgcontent{
	position: absolute;
	top: 1008px;
	right: 111px;
	z-index: 101;
	
	height: 168px;
    width: 516px;
    
    background-color: #0A5D7C;
    opacity: 0.7;
   
}

/* .homesecondtopimgnewrow{
	position: absolute;
	top: 0px;
	right: 0px;
	
}   */
















.homesecondtopimgnewone{
	position: absolute;
	top: 1309px;
	right: 721px;
	z-index: 101;
	
	height: 349px;
    width: 516px;
}

.homesecondtopimgcontentnewone{
	position: absolute;
	top: 1460px;
	right: 721px;
	z-index: 101;
	
	height: 168px;
    width: 516px;
    
    background-color: #0A5D7C;
    opacity: 0.7;
   
}

.homesecondtopblocktwoimgnewone{
	position: absolute;
	top: 1310px;
	right: 111px;
	z-index: 101;
	
	height: 349px;
    width: 516px;
}

.homesecondtopblocktwoimgcontentnewone{
	position: absolute;
	top: 1460px;
	right: 111px;
	z-index: 101;
	
	height: 168px;
    width: 516px;
    
    background-color: #0A5D7C;
    opacity: 0.7;
   
}

.hometopdivpositionnewone{
	position: absolute;
	 z-index: 100;
	 top: 1309px;
	 left: 0px; 
} 

.homebordersectiontwonewone{
	border: 3px solid #F7F7F7;
	background-color: white;
}

.homesecondblocktopnewone{
	position: absolute;
	 z-index: 100;
	 top: 900px;
	 left: 610px; 
}

.homesecondblocktopnewone{
	position: absolute;
	 z-index: 100;
	 top: 1px;
	 left: 610px; 
}

.homemiddledivpositionnewone{
	position: absolute;
	 z-index: 2; 
	top: 1298px;
     /* left: 29px; */
     left: 18px; 
}

 .homebottomdivpositionnewone{
	position: absolute;
	top: 1335px;
	right: 11px;
} 

.homeheightsecond{
	height: 155px;
}

.homeheightfourth{
	height: 149px;
}

.homeheightfifthsecond{
	height: 154px;
}

.homeheightfifthtwo{
	height: 154px;
}

.homenewwontainerwithmarginsectionsix{
    margin-left: 83px;
    margin-right: 28px;
}


.homeboxheight{
	height: 149px;
}

.homeboxheightsecond{
	height: 155px;
}

.homeboxheightfirst{
	height: 155px;
}

.bannerhomescreenfourth {
  height: auto;
   background: url(../images/homebanner44.png); 
  display: flex;

  padding-bottom: 0px;
}

.bannerhomescreenfifth {
  height: auto;
   background: url(../images/hotelclubnew.png); 
  display: flex;

  padding-bottom: 0px;
}

.homeimgheight{
	height: 69px;
}

.homelinks{
	cursor: pointer;
    cursor: hand;
}

.homelineheight{
	line-height: 25px !important;
}

.banneraboutus {
  height: auto;
   background: url(../images/aboutusbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.aboutusopacity{
	background-color: white;
	opacity: 0.9;
}

.newContainerWithMarginaboutus{
	margin-left: 51px;
    margin-right: 76px;
}

.aboutusimgheight{
	height: 386px;
}


.banneraboutussectionthree {
  
   background: url(../images/aboutubanner2.png); 
 
}

.newContainerWithMarginaboutussectionfourth{
	margin-left: 78px;
    margin-right: 57px;
}

.aboutusimgheightfour{
	height: 430px;
}

.aboutusunderline{
	text-decoration: underline;
	cursor: pointer;
}


.aboutusimgheightfourtwo{
	height: 430px;
}







.aboutusdivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 3129px;
    left: 550px;
}

.aboutusdivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 3128px;
    left: 614px;
}

.aboutusdivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 3177px;
    left: 550px;
}

.aboutusdivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 3224px;
    left: 550px;
}

.aboutusdivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 3271px;
    left: 550px;
}

.aboutusdivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 3318px;
    left: 550px;
}

.aboutusdivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 3366px;
    left: 550px;
}



.aboutusdivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 3728px;
    left: 99px;
}

.aboutusdivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 3728px;
    left: 226px;
}

.aboutusdivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 3728px;
    left: 353px;
}

.aboutusdivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 3728px;
    left: 481px;
}

.aboutusdivformthird{
	position: absolute;
	z-index: 2;
	top: 3647px;
    left: 1084px;
}

.aboutustrapezium{
	position: absolute;
	top:95px;
	right:412px;
}

.aboutustrapeziumtwo{
	position: absolute;
	top:267px;
	right:416px;
}




.bannerservice {
  height: auto;
   background: url(../images/servicebanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.newwontainerwithmarginsectiontwoservice{
    margin-left: 115px;
    margin-right: 91px;
}

.servicenewwontainerwithmarginsectiontwo{
    margin-left: 69px;
    margin-right: 47px;
}

.newContainerWithMarginservicefourimg{
   margin-left: 69px;
   margin-right: 48px;
}

.servicefoursectionimg{
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translate(-50%, 145%);
}

.servicefoursectionimgtwo{
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translate(-50%, 145%);
}

.servicefoursectionimgbtn{
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, 400%);
}

.newwontainerwithmarginservicesectionfour{
	margin-left: 99px;
    margin-right: 77px;
}

.servicepaddingleft{
	padding-left: 41px;
}

.servicepaddinglefttwo{
	padding-left: 36px;
}

.bannerservicefive{
	background: url(../images/servicebanner8.png);	 
}



.servicedivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 5320px;
    left: 550px;
}

.servicedivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 5319px;
    left: 614px;
}

.servicedivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 5368px;
    left: 550px;
}

.servicedivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 5415px;
    left: 550px;
}

.servicedivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 5462px;
    left: 550px;
}

.servicedivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 5510px;
    left: 550px;
}

.servicedivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 5558px;
    left: 550px;
}



.servicedivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 5914px;
    left: 99px;
}

.servicedivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 5914px;
    left: 226px;
}

.servicedivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 5914px;
    left: 353px;
}

.servicedivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 5914px;
    left: 481px;
}


.servicedivformthird{
	position: absolute;
	z-index: 2;
	top: 5834px;
    left: 1084px;
}

.bannerdistchannel {
  height: auto;
   background: url(../images/distchannelbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.distchannelheighttwo{
	height: 4px;	
}

.distchannelheight{
	height: 39px;
}

.whitebckcolor{
	background-color: white;
}

.graytxtcolor{
	color: #6D6D6D;
}


.distchanneldivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 4204px;
    left: 550px;
}

.distchanneldivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 4203px;
    left: 614px;
}

.distchanneldivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 4252px;
    left: 550px;
}

.distchanneldivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 4301px;
    left: 550px;
}

.distchanneldivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 4349px;
    left: 550px;
}

.distchanneldivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 4396px;
    left: 550px;
}

.distchanneldivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 4455px;
    left: 550px;
}



.distchanneldivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 4802px;
    left: 99px;
}

.distchanneldivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 4802px;
    left: 226px;
}

.distchanneldivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 4802px;
    left: 353px;
}

.distchanneldivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 4802px;
    left: 481px;
}


.distchanneldivformthird{
	position: absolute;
	z-index: 2;
	top: 4722px;
    left: 1084px;
}



.distchanneldivsectwodotstopthird1{
	position: absolute;
	z-index: 2;
	top: 611px;
    
}



.bannerfieldsales {
  height: auto;
   background: url(../images/fieldsalesbanner.png); 
  display: flex;

  padding-bottom: 0px;
}





.fieldsalesheight{
	height: 48px;	
}

.fieldsalesheighttwo{
	height: 12px;	
}



.fieldsalesdivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 5327px;
    left: 550px;
}

.fieldsalesdivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 5326px;
    left: 614px;
}

.fieldsalesdivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 5375px;
    left: 550px;
}

.fieldsalesdivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 5423px;
    left: 550px;
}

.fieldsalesdivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 5471px;
    left: 550px;
}

.fieldsalesdivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 5519px;
    left: 550px;
}

.fieldsalesdivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 5567px;
    left: 550px;
}



.fieldsalesdivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 5926px;
    left: 99px;
}

.fieldsalesdivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 5926px;
    left: 226px;
}

.fieldsalesdivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 5926px;
    left: 353px;
}

.fieldsalesdivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 5926px;
    left: 481px;
}


.fieldsalesdivformthird{
	position: absolute;
	z-index: 2;
	top: 5845px;
    left: 1084px;
}

.fieldsalesdivsectwodotstopthird1{
	position: absolute;
	z-index: 2;
	top: 645px;
}



.bannerecom {
  height: auto;
   background: url(../images/ecombanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.ecomheight{
	height: 20px;	
}

.ecomheighttwo{
	height: 7px;	
}

.ecomdivsectwodotstopthird1{
	position: absolute;
	z-index: 2;
	top: 611px;
    
}

.bannerecomfive{
	background: url(../images/ecombanner8.png);	 
}



.ecomdivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 5288px;
    left: 550px;
}

.ecomdivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 5287px;
    left: 614px;
}

.ecomdivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 5335px;
    left: 550px;
}

.ecomdivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 5382px;
    left: 550px;
}

.ecomdivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 5431px;
    left: 550px;
}

.ecomdivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 5479px;
    left: 550px;
}

.ecomdivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 5528px;
    left: 550px;
}



.ecomdivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 5886px;
    left: 99px;
}

.ecomdivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 5886px;
    left: 226px;
}

.ecomdivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 5886px;
    left: 353px;
}

.ecomdivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 5886px;
    left: 481px;
}


.ecomdivformthird{
	position: absolute;
	z-index: 2;
	top: 5807px;
    left: 1084px;
}




.bannerpos {
  height: auto;
   background: url(../images/posbanner.png); 
  display: flex;

  padding-bottom: 0px;
}



.posdivsectwodotstopthird1{
	position: absolute;
	z-index: 2;
	top: 645px;
    
}

.posfoursectionimg{
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translate(-50%, 145%);
}






.posdivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 5297px;
    left: 550px;
}

.posdivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 5296px;
    left: 614px;
}

.posdivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 5345px;
    left: 550px;
}

.posdivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 5392px;
    left: 550px;
}

.posdivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 5439px;
    left: 550px;
}

.posdivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 5487px;
    left: 550px;
}

.posdivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 5535px;
    left: 550px;
}



.posdivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 5896px;
    left: 99px;
}

.posdivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 5896px;
    left: 226px;
}

.posdivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 5896px;
    left: 353px;
}

.posdivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 5896px;
    left: 481px;
}


.posdivformthird{
	position: absolute;
	z-index: 2;
	top: 5817px;
    left: 1084px;
}

.homeheightbanner{
	height: 6px;
}



.footersectionmarginfollowus{
	margin-left: 24px;
    margin-right: 61px;
}

.aboutusparone{
	height: 12px;
}


.aboutusparthree{
	height: 12px;
}

.aboutusparfive{
	height: 10px;
}


.bottom-left {
  position: absolute;
  bottom: 7px;
  left: 54px;
}

.bottom-leftsecond {
  position: absolute;
  top: 283px;
  left: 38px;
}

.bottom-leftthree {
  position: absolute;
  top: 277px;
  left: 37px;
}

.bottom-leftfour {
  position: absolute;
  top: 284px;
  left: 55px;
}

.bottom-leftfive {
  position: absolute;
  top: 281px;
  left: 39px;
}


.trapezoid {
	
	border-left: 0px solid transparent;
	border-right: 30px solid transparent;
    border-top: 40px solid #f4ae03;
	height: 0;
	width: 200px;
	
}

h2{
	color: #F4AE03;
}


.homeimgiconfb{
	cursor:pointer;
	height: 28px;
	width: 30px;
}

.homeimgiconlin{
	cursor:pointer;
	height: 32px;
	width: 33px;
}

.paddingbottommobile{
	padding-bottom: 17px !important;
}
















/* @media (min-width: 280px) and (max-width: 653px) {

.homeboxheight16mobile{
  margin-left: -15px !important;
  width: 254px;
}

.homeboxheightmobile{
  margin-left: -1px !important;
  width: 254px;
}

.homeboxheight2mobile{
  margin-left: -6px !important;
  width: 254px;
}

.homeboxheight3mobile{
	margin-top: 39px !important;
    margin-left: -1px !important;
    width: 254px;
}
  
.homeboxheight17mobile{
	margin-left: -16px !important;
    width: 254px;
    height: 230px !important;
}
  
.homeboxheight4mobile{
	margin-left: -1px !important;
    width: 254px;
    height: 230px !important;
}
  
  
  
  
  
  
  
  
} */


.homevercenter{
	vertical-align: middle;
}

.homemaxwidth{
	max-width: 786px;
}

.homemaxwidth2{
	max-width: 563px;
}

.homenewwontainerwithmarginsectionthreenew{
	margin-left: 68px;
    margin-right: 51px;
}

.backgndcolorwhite {
    background-color: white !important;
    border: none !important;
    border-radius: 3px;
    height: 45px;
    font-weight: bold;
    text-align: center!important;
    width: 124px;
    font-size: 14px !important;
    color: #F3AD1B;
}

.p-box {
  margin: 0 0 15px;
  /* height: 100px; */
  font-weight: 100;
  font-family: 'DM SANS';
    font-size: 18px;
    line-height: 23px;
    text-align:justify;
    color: white;
}

.homebckheight{
	height: 133px;
}

.homenewwontainerwithmarginsectiontwonew{
	margin-left: 32px;
    margin-right: 33px;
}

.hometopdivpositionnew{
	 /* position: absolute; */
	 z-index: 100;
	 top: 857px;
	 left: 0px; 
} 

.homemiddledivpositionnew{
	/* position: absolute; */
	 z-index: 2; 
	top: 845px;
     left: 18px;
     background-color: #0A5D7C; 
}

.homebottomdivpositionnew{
	/* position: absolute; */
	top: 882px;
	right: 10px;
} 






.homesectiontwodesktop1 {
	width:501px;
	min-height:400px;
	border-style: solid;
	border-width:2px;
	margin-top:100px;
	margin-left: 7px;
}

.homesectiontwodesktop2{
	position:absolute;
	width:486px;
	min-height:380px;
	border-style: solid;
	border-width:10px;
	border-color: #0A5D7C;
	margin-left: 40px;
	margin-top: -28px;
	
}

.homesectiontwodesktop3{
	position:absolute;
	width:486px;
	min-height:387px;
	background: white;
	margin-left: -20px;
	margin-top: 0px;
	border: 3px solid #F7F7F7;
}



.homeparapaddingleft{
	padding-left: 18px;
    padding-right: 18px;
}






.homesectiontwodesktop4 {
	position: absolute;
	top: 95px;
	right: 29px;
	z-index: 101;
	
	
    width: 516px;
} 


.homeaddonimgfirst{
	height: 383px;
    width: 484px;
}



.homesectiontwodesktop5{
	position: absolute;
    top: 183px;
    right: 32px;
    z-index: 101;
    height: 168px;
    width: 484px;
    background-color: #0A5D7C;
    opacity: 0.7;
}








.homesectiontwo2desktop4 {
	position: absolute;
	top: 95px;
	right: 29px;
	z-index: 101;
	
	
    width: 516px;
} 


.homeaddonimgsecond{
	height: 383px;
    width: 484px;
}



.homesectiontwo2desktop5{
	position: absolute;
    top: 183px;
    right: 32px;
    z-index: 101;
    height: 168px;
    width: 484px;
    background-color: #0A5D7C;
    opacity: 0.7;
}






.homesectiontwo3desktop4 {
	position: absolute;
	top: 95px;
	right: 29px;
	z-index: 101;
	
	
    width: 516px;
} 


.homeaddonimgthird{
	height: 383px;
    width: 484px;
}



.homesectiontwo3desktop5{
	position: absolute;
    top: 183px;
    right: 32px;
    z-index: 101;
    height: 168px;
    width: 484px;
    background-color: #0A5D7C;
    opacity: 0.7;
}







.homesectiontwo4desktop4 {
	position: absolute;
	top: 95px;
	right: 29px;
	z-index: 101;
	
	
    width: 516px;
} 


.homeaddonimgfourth{
	height: 383px;
    width: 484px;
}



.homesectiontwo4desktop5{
	position: absolute;
    top: 183px;
    right: 32px;
    z-index: 101;
    height: 168px;
    width: 484px;
    background-color: #0A5D7C;
    opacity: 0.7;
}


.homenewwontainerwithmarginsectiontwosecondnew{
	margin-left: 78px;
    margin-right: 77px;
}

.homedivformthirdnew{
	position: absolute;
	z-index: 2;
	top: 7487px;
    left: 1120px;
}


.homeformdesign{
	border: 1px solid #EBEBEB;
}

.homelabeldesign {
	padding-top: 12px;
    padding-left: 2px;
}

.homebordernone{
	border-bottom: none !important;
}



.text-block {
  position: absolute;
  bottom: 157px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}



.text-blocktwo{
	 position: absolute;
  bottom: 160px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}


.text-blockthree{
	 position: absolute;
  bottom: 156px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}



.text-blockecom {
  position: absolute;
  bottom: 157px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}



.text-blocktwoecom{
	 position: absolute;
  bottom: 160px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}


.text-blockthreeecom{
	 position: absolute;
  bottom: 156px;
  right: 152px;
  background-color: white;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 43px !important;
  width:102px;
}




.fancyclose{
  position: absolute;
  right: -12px;
  top: -14px;
 
  
}



.menuheaderdesktop{
	font-size: 16px;
    color: #0a5d7c;
}


.bannercasestudy {
  height: auto;
   background: url(../images/casestudybannerinnerCasestudy.png); 
  display: flex;

  padding-bottom: 0px;
}

.casestudynewwontainerwithmarginsectiontwosecondnew {
	margin-left: 62px;
    margin-right: 63px;
}







.casestudydivformdotstopthird1{
	position: absolute;
	z-index: 2;
	top: 2033px;
    left: 550px;
}

.casestudydivformdotstopthird2{
	position: absolute;
	z-index: 2;
	top: 2032px;
    left: 614px;
}

.casestudydivformdotstopthird3{
	position: absolute;
	z-index: 2;
	top: 2081px;
    left: 550px;
}

.casestudydivformdotstopthird5{
	position: absolute;
	z-index: 2;
	top: 2128px;
    left: 550px;
}

.casestudydivformdotstopthird7{
	position: absolute;
	z-index: 2;
	top: 2175px;
    left: 550px;
}

.casestudydivformdotstopthird9{
	position: absolute;
	z-index: 2;
	top: 2223px;
    left: 550px;
}

.casestudydivformdotstopthird11{
	position: absolute;
	z-index: 2;
	top: 2271px;
    left: 550px;
}



.casestudydivformdotsthird1{
	position: absolute;
	z-index: 2;
	top: 2632px;
    left: 99px;
}

.casestudydivformdotsthird2{
	position: absolute;
	z-index: 2;
	top: 2632px;
    left: 226px;
}

.casestudydivformdotsthird3{
	position: absolute;
	z-index: 2;
	top: 2632px;
    left: 353px;
}

.casestudydivformdotsthird4{
	position: absolute;
	z-index: 2;
	top: 2632px;
    left: 481px;
}

.casestudydivformthird{
	position: absolute;
	z-index: 2;
	top: 2549px;
    left: 1084px;
}

.formtextfield:focus {
	border-bottom: none !important;
}

.bannercareers {
  height: auto;
   background: url(../images/careersbanner.png); 
  display: flex;

  padding-bottom: 0px;
}

.newContainerWithMargincareersfourimg {
	margin-left: 56px;
    margin-right: 56px;
}


.careersfoursectionimg{
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translate(-50%, 145%);
}


.careersfoursectionimgbtn{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 400%);
}


.careersnewwontainerwithmarginsectionthreenew{
	margin-left: 53px;
    margin-right: 32px;
}

.bannercareersscreententhsection {
  
   background: url(../images/careersbanner2.png); 
  
}

.careersdivpaddingzero {
	padding-left: 0px;
	padding-right: 0px;
}



.careersformimgheight {
	height: 754px;
}


.formdesigns {
	font-family: DM SANS;
	font-size:14px;
	height:45px !important;
	border:1px solid #EBEBEB !important;
}

.fontsizeOption {
	font-size: 14px;
}

.formlabelcolor {
	color: black;
}
.mailImageAlignment{
	 vertical-align: initial;
}



  @font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
   src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
 } 

 .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 35px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  color:black;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
} 




 @media screen and (min-width: 600px){ 
 
   #mobileVersion {
 display:none;
 }   
#myBtnCall {
    display: block;
    position: fixed !important;
    bottom: 128px;
    right: 8px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 4px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}

#myBtnMessage {
    display: block;
    position: fixed !important;
    bottom: 80px;
    right: 8px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}
#myBtnWattsapp {
    display: block;
    position: fixed !important;
    bottom: 32px;
    right: 8px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}
.phoneIcon{
	font-size:25px;
	color:darkgreen;
	margin-top:8px;
}
.phoneText{
	/* padding-left:10px; */
	padding-top:6px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.messageIcon{
	font-size:25px;
	color:darkgreen;
	margin-top:16px;
}
.messageText{
	padding-left:4px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.wattsappIcon{
	font-size:25px;
	color:darkgreen;
	padding-top:6px;
}
.wattsappText{
	padding-left:9px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.tablewhatsapp{
	width:100%;
	margin-top:-7px;
}
.tablemessage{
width:100%;
	margin-top:-7px;	
}
}


@media screen and (max-width: 600px){ 
 
   #webVersion {
 display:none;
 }   
#myBtnCall {
    display: block;
    position: fixed !important;
    bottom: 0px;
    right: 67%;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  /* padding-left: 6px; */
    padding-top: 0px;
    /* opacity: 0.4; */
   /*  border-radius: 12px; */
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 33.5%;
    height: 70px;
}

#myBtnMessage {
    display: block;
    position: fixed !important;
    bottom:0px;
    right:33.5%;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  /* padding-left: 6px; */
    padding-top: 0px;
    /* opacity: 0.4; */
   /*  border-radius: 12px; */
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 33.5%;
    height: 70px;
}
#myBtnWattsapp {
    display: block;
    position: fixed !important;
    bottom: 0px;
    right: 0px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    /* border-radius: 12px; */
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 33.5%;
    height: 70px;
}
.phoneIcon{
	font-size:27px;
	color:darkgreen;
	padding-left:10px;
}
.phoneText{
	/* padding-left:10px; */
	padding-top:6px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.messageIcon{
	font-size:25px;
	color:darkgreen;
	padding-left:20px;
}
.messageText{
	padding-left:0px;
	padding-top:7px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.wattsappIcon{
	font-size:25px;
	color:darkgreen;
	padding-left:25px;
}
.wattsappText{
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.callDiv{
	width:64%;
	margin-left:41px;
	margin-top: 5px;
	border-right: 1px solid grey;
}
.messageDiv{
	width:76%;
	margin-left:26px;
	margin-top: 5px;
	border-right: 1px solid grey;
}
.whatsappDiv{
	width:100%;
	margin-left:20px;
	margin-top: 2px;
}
}


#msgDiv {
	height: 130px !important;
    padding-top: 10px;
    margin-right:10px;
    
}
.message{
	color: red;
    font-family: "Calibri";
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    /* vertical-align: top; */
    padding-bottom: 0px !important;
   /*  line-height: 1 !important; */
    padding-top: 14px;
    /* padding-left: 16px; */
}
.okbuttonpopup{
	margin-top: 3%;
    text-align: right;
    margin-right: 10px;
}
.okButton{
	/* background-color: #FC9767 !important; */
    color: white !important;
    width:80px;
}
.marginContainer{
	    margin-bottom: 20px;
}


/*----------------------------------------------------------------------------------- 
erp_manufacturing_landing_Project-2024 */

/* Section-1 navigation  */
/* Nav section ends */

/* Section-2 Banner */

.banner-header-menu{
    font-family: 'Montserrat';
    font-size: 36px;
    color: white ;
    font-weight: bold;
    line-height: 52px;

}

.homeban-second-font{
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: normal;
    text-align: justify;
    line-height: 30px;
    width: 74%;
    text-align: left;
}
.banner-second-font{
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: normal;
    text-align:justify;
    line-height: 38px;
}

.banner-btn-white{
	border-radius : 26px !important;
	width : 200px;
	background-color:#0a5d7c;
	color:white;
 	border-bottom: 0 none !important;
 	font-size: 20px !important;
 	height:52px !important;
 	font-weight:normal;
} 

.banner-btn-white:hover {
    color: #0a5d7c;
    background-color: white;

}


.banner-btn-blue{
	border-radius : 26px !important;
	width : 190px;
	background-color:#0a5d7c;
	color:white;
 	border-bottom: 0 none !important;
 	font-size: 16px !important;
} 

.banner-btn-yellow{
	border-radius : 26px !important;
	width : 190px;
	background-color:#ffab00;
	color:black;
 	border-bottom: 0 none !important;
 	font-size: 18px !important;
} 


.btn {
 text-transform: none !important; 
}

.btn.rounded:not(:disabled):not(.disabled) {
    border-bottom: 0 none !important; /* Override the external CSS */
}


.rounded-btn-sectfive{
	border-radius : 55px !important;
	width : 100%;
	height : 50px !important;
	font-size: 16px !important;
	background-color:#ffab00;
	color:black;
    font-family: 'Montserrat';
    text-align: center;
    border-bottom: 0 none !important;
    font-weight:normal;
}
.rounded-btn-sectfive-blue {
    border-radius: 55px !important;
    width: 100%;
    height: 50px !important;
    font-size: 16px !important;
    background-color: #0a5d7c;
    color: #fff;
    font-family: 'Montserrat';
    text-align: center;
    border-bottom: 0 none !important;
}

@media (max-width: 768px){
.rounded-btn-sectfivemobile
	{
	
	width:315px !important;
	}

}

.rounded-btn-sectfive-blue:hover {
    color: white;
    background-color: #F4AE03;

}

.btn:not(:disabled):not(.disabled){
	border-bottom: 0 none !important;

}




/* Banner files ends */




/* section-2  ------------------------------------------------------ */

/* Header files */

.section-two-header{
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: normal;
    /* letter-spacing: 1px; */
    line-height: 44px;
    color:#0a5d7c;
}
.section-two-header-white{
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: normal;
    /* letter-spacing: 1px; */
    line-height: 44px;
    color: white;
}


/* Paragraph files */

.section-two-text-body{
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: normal;
   /*  letter-spacing: 1px; */
    line-height: 25px;


}
.section-two-sub-header-txt{
 	font-size: 16px;
    font-family: 'Montserrat';
    font-weight: normal;
    line-height: 25px;
}

/* Section-2 ends here */


/* Section three */



/* two images overlapping */
/* image-overlap section for yellow ones */

.font_header{
	font-size:20px;
	color:#0a5d7c;
	font-family: 'Montserrat';
}
.font_body{
	color:black;
	font-family:'Montserrat';
    font-size: 18px;
    line-height: 130%;

}

.section-3-text-image{

    position: absolute;
    top: 6%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 47px;
    width: 91%;
}

/* Faq Section-------------------------- */

.faq-header-qstn{
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: bold;
    line-height: 25px;
    color:black;
    background-color:white;
}

.faq-body-ans{
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: normal;
    line-height: 25px;
    color:black;
    background-color: #EEFBFF;
}
	
.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-title {
    padding: 10px;
    cursor: pointer;
}

.accordion-content {
    padding: 10px;
    display: none;
}

.active .accordion-content {
    display: block;
}
    
.accordion-title:before {
    float: right !important;
    font-family: 'Material Symbols Outlined';
    content: "Remove";
    padding-right: 5px;
   
}

.accordion-title.collapsed:before {
    float: right !important;
    font-family: 'Material Symbols Outlined';
    content: "Add";
    margin-left: 25px;
}  

#accordion .card-header .card-link {
  text-decoration: none;
  color: inherit;
}

#accordion .card-header .card-link:hover {
  color: inherit;
}


/* faq Section ends here -----------------*/
/* 
Section-5

.sect-five-frstxt{
	margin-top: 60px;
	color: #0a5d7c;
    font-family: 'Montserrat SemiBold';
    font-size: 36px;
    font-weight: bold;
    line-height: 35px;

}
.sect-five-scndtxt{
	color: #0a5d7c;
    font-family: 'Montserrat SemiBold';
    font-size: 36px;
    font-weight: bold;
	margin-top:-15px;
	justify-content:center;	
	line-height: 40px;
}

section-5 part-2 
.sect-five-prt2-header{
	font-size: 40px;
    font-family: 'Montserrat SemiBold';
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 44px;
    color: #0a5d7c;
		
}

.sect-five-prt2-body{
	font-size: 21px;
    font-family: 'Montserrat';
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 25px;
}

.line-bar-header{
	font-size: 21px;
    font-family: 'Montserrat Bold';
    font-weight: bold;
	color: #0a5d7c;
}

.line-bar-body{
	font-family: 'Montserrat';

    color:black;
    font-size:14px;
    line-height: 28px;

}
 */

/* Section-6 */






/* font-colors */

.banner-header-menu {
            color: white;
        }

.banner-second-font {
    color: white;
}


.colorwhitebanner{
	color: white !important;
}
.coloryellow{
	color:#eca603 !important;
}


/* Buttons */







/* Background-colors */

.sect-three-bkgrndclr {
    background-color:#F2F2F2;
}

.blue-bg{
	background-color: #0a5d7c;
}


/* Header Section navbars */

.homesection{
	position: absolute;
    top: 183px;
    left: -144px;
    z-index: 101;
    height: 168px;
 	width: 484px;
   color:white;
}

.mainbannerimagebanner {
        height: auto !important;
        background: url(../images/manfbanner-01.jpg) center/cover no-repeat;
        display: flex;
        background-size: cover;
        padding-bottom: 0px;
}

.fullbanner {
    position: relative;
    overflow: hidden;
}

.container-fluid {
     padding: 0;
}

.banner-content {
     padding: 100px 0; 
}

 @media (min-width: 1200px) {
            .banner-margin-left {
                margin-left: 84px;
                top: 125px;
            }
        }

        /* Styles for screens smaller than 768px (sm and xs) */
 @media (max-width: 767px) {
     .banner-margin-left {
         margin-left: 15px; /* Adjust the margin as needed */
     }
     
 }  



/* Banner section ends */

/* Section - 3 */
.msgmarginbox {
  width: 100%;
  height: 271px;
  margin-left: 17%;
  position: relative;
  z-index: 11;
  margin-top: -24px;
}
.second-image{
	position:absoulte;
	z-index:-1;
	margin-right:1px;
	margin-left:1px;
	width: 80%;
}
.first {
            /* Default styles for the first div */
            display: none;
        }
    
        .second {
            /* Default styles for the second div */
            display: block;
        }




        @media screen and (max-width: 768px) {
            /* Styles for small screens (e.g., width <= 768px) */
    
            /* Hide the second div on small screens */
            .second {
                display: none;
            }
    
            /* Display the first div on small screens */
            .first {
                display: block;
            }
              .displayImageMobile{  
     				display: none;  /* Not important */
    			}
    			
    			
    			
    			
        }


@media (max-width: 767px) {
     .msgmarginbox {
         margin-left: 0px; /* Adjust the margin as needed */
         /* padding-bottom:10px */
        background-color:#3787a0;
	    margin-top: -2px;
	    top:1%;
	    z-index:1;
     }
     .mediaimg{
	   	display: block;
	    max-width: 123%;
	    height: auto;
	    margin-left: -46px;
     }
     .second-image{
     	margin-top:-3px;
     	margin-left:0px;
     	width:100%;
     }
     .mobile_font_20{
     	font-size:15px;
     }
     
 }
 
.montaserratbold{
	font-family: 'Montserrat Bold';
	color:#454545;
	font-size:18px;

}

.second-image-2{
	position:absoulte;
	z-index:-1;

	margin-left: 119px;
	width: 80%;
	height: 222px;
}
.msgmarginbox-2{
	width:99%;
	/* position: relative; */
   /*  height: 310px; */
    margin-top:-6%;
    margin-left: -70px;
}
@media (max-width: 767px){
	    /* Styles for screens smaller than sm (xs) */
	    .second-image-2{
	    	width:100%;
	    	margin-left: 0%;
	    }
	
	    .msgmarginbox-2 {
	        margin-left: 0;
	        margin-top:-22px;
	        background-color: #b6dde9;
	        width:100%;
	    }
}


.inside-header{
 	position: absolute;
    top: -105%;
    left: 66%;
    transform: translate(-50%, 145%);
}


@media (max-width: 768px){

.mobilesection1 {
    top: -108% !important;
    left: 51% !important;
    width: 82% !important;
    height: 83% !important;
    font-size: 78% !important;
}
.mobilesection2{
top: -117% !important;
    left: 51% !important;
    width: 83% !important;
    height: 79% !important;
    font-size: 85% !important;
}
.mobilesection3{
    top: -108% !important;
    left: 51% !important;
    width: 83% !important;
    height: 77% !important;
    font-size: 80% !important;
}
}
/* image-overlap section for Blue ones */
.another-header{
 	position: absolute;
    top: -105%;
    left: 43%;
    transform: translate(-50%, 145%);
   	z-index:100;
}
@media (max-width: 768px){

.anothermobilesection1{
   top: -108% !important;
    left: 51% !important;
    width: 83% !important;
    height: 71% !important;
    font-size: 80% !important;
} 
.anothermobilesection2{
   top: -108% !important;
    left: 51% !important;
    width: 83% !important;
    height: 71% !important;
    font-size: 80% !important;

}
}




@media (max-width: 768px){
.section-3-mobile{

	
   	position: absolute;
    top: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #0a5d7c;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: normal;
    line-height: 29px;
    width: 104%;
    margin-top:10px;
}
}

.last-section-frstimg {
    position: relative;
    height: auto !important;
    background: url(../images/FAQ-01.jpg);
    display: flex;
    padding-bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}




.last-margin-top{
	margin-top:32px;
}


.margin-concrete{
	margin-left: 24px;
    margin-top: 10px;
}
@media (max-width: 768px){
	.app-container{
   max-width : 1050px;
}


	.mobileinductries {
	        max-width: 32% !important;
    		left: 5%;
	}
	.indusmobilemargin{
		left:-35%;
	}
	.indusmobilauto{
		left: 22%;
	}
	.indusmobilelec{
		left:15%;
	}
	.mobiltransmargin{
		left:-8%;
	}
}
/* <!----erp_manufacturing over-----> */

/* <*------erp_construction_landing page *-----> */




.mainbannerimages {
            height: auto !important;
            background: url(../images/construction_banner.jpg) center/cover no-repeat;
            display: flex;
            background-size: cover;
            padding-bottom: 0px;
        }

       


.mainbannerimager {
/*     background: url(../images/infographic_bg_01.jpg); */
		background-color:#F1F9F9;
    background-size: cover;
    display: flex;
    flex-direction: column; 
    background-position: center;     
}

 .mainbanner {
    background: url(../images/cta_bbg_01.jpg);
    background-size:cover;
    display: flex;
    flex-direction: column;
    padding: 50px 0; 
    background-position: center;
    margin-bottom: 0;
}
        



.justify-content{
margin-left:4%;
}



.pinkbg
{
 background-color: #FFF4F4;
    background-size:cover;
    display: flex;
    flex-direction: column;
    padding: 50px 0; 
    background-position: center;
    margin-bottom: 0;

}


/* erp_construction landing ends here */



/* HomePage Starts from here - Index.html */





.Homebannerimg {
    height: auto !important;
    /* width: 100% !important; */
    background: url(../images/indexbanner-01.jpg) center/cover no-repeat;
    display: flex;
    background-size: 100% 100% 100% 100%; /* Adjusted background-size for full coverage */
    padding-bottom: 0;
}

.homebannerimgtwo{
	height: auto !important;
    /* width: 100% !important; */
    background: url(../images/indexbanner-02.jpg) center/cover no-repeat;
    display: flex;
    background-size: 100% 100% 100% 100%; /* Adjusted background-size for full coverage */
    padding-bottom: 0;

}

.homebannerimgthree{
	height: auto !important;
    /* width: 100% !important; */
    background: url(../images/indexbanner-03.jpg) center/cover no-repeat;
    display: flex;
    background-size: 100% 100% 100% 100%; /* Adjusted background-size for full coverage */
    padding-bottom: 0;

}



/* Section-2 */
.section-two-font{
	font-size:40px;
	

}

/* .home{
    width: 98%;
    min-height: 100px;
    border: 1px solid #eca603;
    margin-top: 20px; Adjust the margin as needed
    border-radius: 10px;
} */


.huge_btn{
	border-radius : 26px !important;
	width : 440px;
	height: 46px !important;
	font-size:17px !important;
	background-color:#0a5d7c;
	color:white;
 	border-bottom: 0 none !important;
}
@media (max-width: 767px) {
	.roundmobimg{
		width:50%;
	}
	.roundimgmobfont{
		 width: 70%;
	    font-size: 21px;
	    margin-left: 48px;
	}
	
	.roundimgdownbtn {
    width: 94%; /* Set the width to 100% to make it responsive */
    max-width: 377px; /* Set a max-width to avoid stretching too much on larger screens */
    height: 54px !important;
    margin-left: 0; /* Remove the specific margin-left */
    font-size: 14px !important;
  }
}







/* New section */


.Home_Case_img{
    position: relative;
  }

  .Home_Case_txt {
       position: absolute;
    bottom: -88px;
    left: 40%;
    transform: translate(-50%, -50%);
  }
  
.home_case_para{
     width: 100%;
    text-align: left;
    color: white !important;
}  

.casestudyft{
	font-family:'Montserrat SemiBold';
	color:  #0a5d7c;
}
.transparent-arrow-btn {
      background: none;
      border: none;
      color: #3498db; /* Set your preferred arrow color */
      font-size: 16px;
      cursor: pointer;
      position: relative;
    }

    .transparent-arrow-btn::after {
      content: "\2192"; /* Unicode arrow right character -> */
    }
.map_img{
	position:relative;
}

.map_txt{
	position: absolute;
    top: 33%;
    left: 54%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.map_txt_mobile{
    position: absolute;
    top: 142%;
    left: 78%;
    transform: translate(-50%,-50%);
    width: 100%;

}


.Map_header{

	font-size: 36px;
    font-family: 'Montserrat SemiBold';
    font-weight: bold;
    /* letter-spacing: 1px; */
    line-height: 38px;
    color: #0a5d7c;
}
.Map_header_mobile{

    font-size: 17px;
    font-family: 'Montserrat SemiBold';
    font-weight: bold;
    /* letter-spacing: 1px; */
    line-height: 20px;
    color: #0a5d7c;

}

.mobile_map_img{
    height: auto !important;
    /* width: 100% !important; */
    background: url(../images/Home_Map_Bg-01.png) center/cover no-repeat;
    display: flex;
    background-size: 100% 100% 100% 100%; /* Adjusted background-size for full coverage */
    padding-bottom: 0;
}






.Homepartner_header{
	    font-size: 36px;
    width: 134%;
    font-family: 'Montserrat';
    font-weight: bold;
    /* letter-spacing: 1px; */
    /* line-height: 0px; */
    color: #0a5d7c;

}
.Homepartner_para{
/*     text-align: left; */
    width: 128%;
   font-family: 'Montserrat';
	font-size: 16px;
	text-align:justify;

    
}
@media (max-width: 767px) {
	.homepartnrsizembl{
margin-left: 3% !important;
	}
	.homepartnrsizemblrgnt{
		right:-10%;
	}
	.mobilewidth{
		width: 90%;
	}
	.homemobilebtnlft{
		text-align : none !important;
		margin-left :43% !important;
	}
}


ul {
  list-style-type: disc; /* Ensure that this property is set to 'disc' for bullets */
  color:black;
}


    
    
.continent{
      background-image: url('../images/indexmapbg-01.png');
      background-size: cover;
      background-position: center;
      height: 70vh;
      margin: 0;
}
.txtmapheader{
    width: 95%;
	text-align: center;

}    
.faq2_background {
    position: relative;
    height: auto !important;
    background-color:#eca603;
    display: flex;
    padding-bottom: 5%;
    background-size: cover;
}

.faq2_background_home{
    position: relative;
    height: auto !important;
    background-color:#EEFBFF;
    display: flex;
    padding-bottom: 5%;
    background-size: cover;
}


.faq2-font{
	font-size: 40px;
    font-family: 'Montserrat Bold';
    font-weight: bold;
	color: #0a5d7c;
}



.faq2-image{
  position: fixed;
  
}
 
 @media only screen and (max-width: 600px) {
     .displayImageMobile{
     display: none; 
    } 
    .faqmobillftmrg{
    	left:-7% !important;
    	width:114%;
    }
    .mobilewidthhome{
    	width:100% !important;
    }
      .mobilmrgnconthome{
 	  	    margin-left: 3px;
    	margin-right: -20px;
    	width:98% !important;
    	
  }
  
  .mobilemapheader
  {
  width:86% !important;
  margin-top:-32px !important;
  
  }
}


.custom-button {
      background-color: transparent;
      border: none;
      cursor: pointer;
     font-size:18px !important;
      display: flex;
      width:114%;
/*       align-items: center; */
    }
  	
.custom-button:focus {
    outline: none;
    box-shadow: none;
}









.dropdownlinecomp {
    position: relative;
    /* display: inline-block; */
}
.dropdownlinecomp:after {
    content: "";
    position: absolute;
    display: block;
    width: 85%;
    height: 1px;
    background: #f4ae03;
    margin-top: 3px;
}    

#dropdowntopnewhomecomp {
    position: absolute;
    top: 66%;
    left: -31px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: black;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    width: 723px;
    margin-left: -175px;
}



.mcihomebanner {
        height: auto !important;
        background: url(../images/homeformbg-01.jpg) center/cover no-repeat;
        display: flex;
        background-size: cover;
        padding-bottom: 0px;
        max-width:100%;
         max-height:120%;
}




.form-group.floating>label {
    bottom: 35px;
    left: 8px;
    position: relative;
    background-color: white;
    padding: 0px 5px 0px 5px;
    font-size: 1.1em;
    transition: 0.1s;
    pointer-events: none;
    font-weight: 500 !important;
    transform-origin: bottom left;
    vertical-align:center;
}



  




.form-control.floating:focus~label{
    transform: translate(1px,-85%) scale(0.80);
/*     opacity: .8; */
    color:black;
}

.form-control.floating:valid~label{
    transform-origin: bottom left;
    transform: translate(1px,-85%) scale(0.80);
/*     opacity: .8; */
}

/* .form-group.textarea-floating label {
    top: -3.5rem;
    left: 0.5rem;
}

textarea:focus ~ label,
textarea:not(:placeholder-shown) ~ label {
    top: -8.5rem;
    font-size: 0.8rem;
    color: #333;
    color: red;
}
 */






.did-floating-label-content { 
  position: relative; 
  margin-bottom: 15px; 
}

.did-floating-label {
  color: black; 
  font-size: 6px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 4px;
  padding: 0 5px;
  background: #fff;
  transition: 0.2s ease all; 
  -moz-transition: 0.2s ease all; 
  -webkit-transition: 0.2s ease all;
}

.did-floating-select {
  font-size: -2px;
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 10px;
  background: #fff;
  color: #323840;
  border: 1px solid #3D85D8;
  border-radius: 2px;
  box-sizing: border-box;
}

.did-floating-select:focus ~ .did-floating-label,
.did-floating-select:not(:placeholder-shown):valid ~ .did-floating-label {
  top: -14px;
  font-size: 4px;
}

.did-floating-select:focus {
  outline: none;
}

.did-floating-select::-ms-expand {
  display: none;
}







@media (max-width: 767px) {
  .formmobilemargins{
 	    width: 80%;
    	margin-left: 9%;
	}
	.bnrdwnleftmrgn{
		margin-left: -6%;
	}
	
	
	/* Mobile footer */
	
	.footermobilewidth{
		max-width:20% !important;
	}

	.footermobilewidthtxt{
		max-width : 80% !important;
	
	}
	.footerfollowus{
		max-width: 44% !important;

	}
	.footerlogos{
		max-width :60% !important;
		
	}
  	#dropdowntop1 a::after{
  		border:none !important;
  	}
  
}

.home_border{
        border: 2px solid #eca603!important; 
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
}

.box_header_black{
font-size:20px;
font-weight:bold;
font-family: 'Montserrat';
}


/* Home page ends here */

/* Bloglist page starts here */


mark {
    color: #000;
    background: #ff0 !important;
}

/* .section-two-header{
    font-size: 38px;
    font-family: 'Montserrat SemiBold';
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 44px;
    color:#0a5d7c;
} */




.fontchangeblog
{
	
font-size:20px;
}

/* bloglist page ends here */



/*  casestudy page starts here*/

/* Footer  */

.footerhyphn{
	hyphens:auto;

}

/* NAv bar */
.navdarkgrayfnt{
	
	font-size:16px;
	color:#1e374d;
	font-family:'Oxygen';
}

.fntsizecase{
	font-size:29px !important;
	
}

.casestdybtnclr{
	
    border-radius: 12px !important;
    width: 67%;
    background-color: #0a5d7c;
    color: white;
    border-bottom: 0 none !important;
    font-size: 20px !important;
	
}
@media (max-width: 767px) {

	.manumobilecont{
	    width: 90% !important;
	    margin-left: 5% !important;
	}
	.casemobilemargin{
	    margin-left: 14px;
	    /* margin-right: -20px; */
	    width: 90% !important;
	}
	.indexformmobile{
		width: 80%;
    	margin-left: 10%;
	}
	
	.mobilwidthndrd{
		   margin-left: 19%;
	}
	
	.casemobwidth{
		    width: 90%;
		    margin-left:6%;
	
	}
	.mobilecastdyhdr{
		width: 94%;
	    font-size: 27px;
	    text-align: center;
	    hyphens: auto !important;
	    margin-left: 3%;
	}
	.mobilecastdypara{
		text-align: center;
	    width: 90% !important;
	    margin-left: 5%;
	
	}
	.coremodmobhead{
		margin-left:10%;
	}
	.coremodpara{
	   	font-size: 24px;
    	width: 90% !important;
    	margin-left: 10% !important;
	}
	.mobwidonefiv{
		width:100% !important;
	}
	.casestdyimgmrgn{
		margin-left: -7%;
	}
	.iconleftmrgn{
		left:0% !important;
	}
	.iconrghtmrgn{
		right:-2% !important;
	}
	.boxlftmrgn{
		margin-left: -1%;
	}  
	.caselastsectxt{
	    font-size: 21px !important;
	    width: 83%;
	    margin-left: 7%;
	    hyphens: auto;
	}  
	.mobmargn{
		margin-top:50px;
	}
	
	.lastseccasebtn{
		    border-radius: 12px !important;
    width: 85%;
    background-color: #0a5d7c;
    color: white;
    border-bottom: 0 none !important;
    font-size: 11px !important;
	}
}
/* CASE STUDY-1 ENDS  */	

/* mciapps_customer_service_management_platform css starts here*/
 
@media (max-width: 767px) {
 
   
    .casemobtext
	{
    	width : 100% !important;
    	margin-left:13px !important;
    	}
    	
	 .buttoncasestudychange
    {
    font-size:11px !important;
    width:83% !important;
    
    }
}
 
 
.casestudybtn{
    border-radius: 55px !important;
    border: 0px;
    height: 55px !important;
    width: 50%;
    background-color: #0a5d7c;
    color: white;
    border-bottom: 0 none !important;
    font-size: 16px ;
}

.casestudybtn:hover{
	background-color:#F4AE03 !important;
	color:	#0a5d7c !important;
}


 

/* mciapps_customer_service_management_platform css ends here*/
	


.did-floating-label::after{

	margin-bottom: 5px;
}

.headderDiv{
border:1px solid lightgray;
margin-top: -26px;
margin-left: 0px;
margin-right: 0px;
}
.delIconFont{
margin-top:-2px !important;
font-size:18px !important;
}

.filter-option {
	border-bottom: 1px solid #EBEBEB;
    height: 37px !important;
}

.font16home{
	font-size:14px !important;
	
}
.formsubmit :hover{
	background-color:blue !important;

}
.huge_btn:hover{
    color: #fff;
    background-color: #eca603;
    border-color: #0062cc;
}
/* ............................... */

/* Erp-modules-for-construction-business page start from here */



.blog-h1{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:22px;
font-weight:normal;
}
 
.blog-h2{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:22px;
font-weight:normal;
 
}
 
 
.blog-h3{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:22px;
font-weight:normal;
 
}
 
.blog-h4{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:22px;
font-weight:normal;
 
}
 
 
.blog-h5{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:22px;
font-weight:normal;
 
}
 
.blogbold
{
 
color:black;
font-family: 'Montserrat';
font-size:18px;
font-weight:bold;
}

.blogsubtext
{
color:black;
font-family: 'Montserrat';
font-size:16px;
 
}

.blog7-h3{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:16px;
font-weight:normal;
}

.blog7-h4{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:16px;
font-weight:normal;
}

.blog7-h5{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:16px;
font-weight:normal;
}

.blog7-h6{
color:#0a5d7c;
font-family: 'Montserrat';
font-size:16px;
font-weight:normal;
}

.blog-body-ans{
 font-size: 16px;
    font-family: 'Montserrat';
    font-weight: normal;
    line-height: 25px;
    color: black;
}



.bloginfograpgictext
{
color:red;
font-family: 'Montserrat';
font-size:16px;
font-weight:normal;
line-height: 25px;
text-align:justify;
}




/* Erp-modules-for-construction-business page ends here */



/* blog page starts here */
.sectionheaders{
font-size: 18px;
    font-family: 'Montserrat';
    /* letter-spacing: 1px; */
    line-height: 25px;
    color:#0a5d7c;
}
.blacksubtext{

    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: normal;
   /*  letter-spacing: 1px; */
    line-height: 19px;


}

.blogbannerimage
{
width:106%;
height:50%;
margin-left:-3%;

}

/* blog page ends here */
/* updated css */
    
    
    
/* Adding Transition effects for all the pages */

.banner-header-trans,
.banner-second-trans,
.trans-btn {
    opacity: 0;
    transform: translateY(100%);
     transition: opacity 2s ease, transform 1.7s ease;
}

.animate-once .banner-header-trans,
  .animate-once .banner-second-trans,
  .animate-once .trans-btn {
      opacity: 1;
      transform: translateY(0);
} 
/* 
.form-group.floating > label {
  bottom: 34px !important;
  left: 8px !important;
  position: relative !important;
  background-color: transparent !important;
  padding: 0px 5px 0px 5px !important;
  font-size: 1.1em !important;
  transition: 0.1s !important;
  pointer-events: none !important;
  font-weight: 500 !important;
  transform-origin: bottom left !important;
}

.form-control.floating:focus~label {
  transform: translate(1px, -85%) scale(0.80) !important;
  opacity: .8 !important;
  color: black !important;
  font-size:20px !important;
  margin-top:-50px !important;
  color:white !important;
}

.form-control.floating:valid~label {
  transform-origin: bottom left !important;
  transform: translate(1px, -85%) scale(0.80) !important;
  opacity: .8 !important;
} */

.rounded-card {
  border-radius: 15px; /* Adjust the value to control the curvature */
  overflow: hidden; /* Ensure the content stays within the rounded corners */
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}



/*        field automation solution */


.mainbannerfieldautomationbanner {
        height: auto !important;
        background: url(../images/banner-fieldforce.jpg) center/cover no-repeat;
        display: flex;
        background-size: cover;
        padding-bottom: 0px;
}


.fieldautomationbg {
    background: url(../images/cts-background.jpg);
    background-size:cover;
    display: flex;
    flex-direction: column;
    padding: 50px 0; 
    background-position: center;
    margin-bottom: 0;
}

.fieldsubheader{
    font-size:20px;
    font-family: 'Montserrat SemiBold';
    color: #eca603;
}
.fieldsolutionblue{
 font-size:21px;
    font-family: 'Montserrat SemiBold';
    color: #0a5d7c;
}

.roundedfield-card {
  border-radius: 110px; /* Adjust the value to control the curvature */
  overflow: hidden; /* Ensure the content stays within the rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*        field automation solution end   */



/* Pop up fields + focus effects -------------*/

.float-label-control input:focus {
     box-shadow: none !important;
    -webkit-box-shadow: none !important;
	border-bottom-width:none !important;
    padding-bottom: 0 !important;
    -moz-box-shadow: none !important;
    position:initial !important;
}

.error{
    color: red !important;
    position : initial !important;
    
}

.error:focus{
	color:red !important;
	
} 

.contact-form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.valid{
	border: 1px solid green !important;
	
}
 .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem;
/*     height:506px; */
}
body.modal-open {
    overflow: visible;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color:black;
    pointer-events: auto;
 background-color: rgba(0, 0, 0, 0.4);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius:0px;
    outline: 0;
}
label input:focus + .error {
    color: red !important;
}
.float-label-control input:not(.empty) + .newlabel,
.float-label-control textarea:not(.empty) + .newlabel {z-index: 1 ; color:white !important;}
.float-label-control select:not(.empty) + .newlabel {z-index: 1 ; color:white !important;}
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label {z-index: 1;}



@media (max-width: 767px) {
	.modal-content{
		width:94% !important;
		text-align:center !important;
		margin-left:12px;
	}
	
	
	 .mobilemsg {
       height:105px !important;
    }
    
    .modal-body
    {
  
    max-height: 680px !important;
    height: 680px !important;
    }
   .popupwidthfields
    {
    
    width:97% !important;
    }
    
    .selectfieldheight
    {
    
    height:75px !important;
    }
    
  
    
    
  
    
    .error {
    margin-left:5px !important;
}
    .selectfieldwidth
    {
    width:98% !important;
    margin-left:1px !important;
    }
    
    /* .msgmodalwidth
    {
   width: 96% !important;
  margin-left:6px !important;
    } */
    
}



/* Pop up fields + focus effects  Ends here -------------*/
.color-black-imp{
	
	color:black !important;
}

/*----------------------About Us---------------*/
.aboutus_bannerimg {
    height: auto !important;
    background: url(../images/aboutus_banner-01.jpg) center/cover no-repeat;
    display: flex;
    background-size: 100% 100% 100% 100%; 
    padding-bottom: 0;
}
 
.about-header{
 	position: absolute;
    top: -95%;
    left: 55%;
    transform: translate(-55%, 105%);
}

.menuimagesetter {
        height: auto !important;
        background: url(../images/menubackgroundimage.jpg) center/cover no-repeat;
        display: flex;
        max-height:100%;
        display: flex;
        padding-bottom: 0px;
        }

.aboutus_headers
{
  font-family: 'Montserrat';
  font-size:20px;
  color:#0a5d7c;
  font-weight:bold;
}

.aboutusrounded-card {
  border-radius: 40px; 
  overflow: hidden; 
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}

@media (max-width: 767px) {
	.img-resize{
max-width:100%;
}

.aboutus_case_image2{
margin-top:1px !important;
position: relative !important;

}

.aboutus_case_image3{
margin-top:-4px !important;
position: relative !important;

}

.aboutus_case_image4{
margin-top:-1px !important;
position: relative !important;

}

.aboutus_case_image5{
margin-top:-4px !important;
position: relative !important;

}

.aboutusbtnlast
{
    max-width: 345px !important;
    height: 55px !important;
     margin-left: 2px !important;
    font-size: 18px !important;
}

	 .aboutusImg {
    height: 1000px !important;
    background: url(../images/abouut.png) center/cover no-repeat;
    display: flex;
    background-size: 100% 100% 100% 100%; 
    padding-bottom: 0;
    margin-top:-90px;
}

.aboutusBackground {
display:none;
}

}
/*----------------------About Us end---------------*/

/*----------------distribution channel management--------------*/
.distributionmanagementbg {
    background: url(../images/dcm-background-1.jpg);
    background-size:cover;
    display: flex;
    flex-direction: column;
    padding: 50px 0; 
    background-position: center;
    margin-bottom: 0;
}

.distributionmanagementbgtwo{
background: url(../images/dcm-background-2.jpg);
    background-size:cover;
    display: flex;
    flex-direction: column;
    padding: 50px 0; 
    background-position: center;
    margin-bottom: 0;
}
  
  .mainbannerdcmbanner{
  height: auto !important;
        background: url(../images/dcmbg-01.jpg) center/cover no-repeat;
        display: flex;
        background-size: cover;
        padding-bottom: 0px;
  }
  
  .card {
      border: none; 
    }

    .icon-container {
      background-color: #115e7d;
      padding: 20px;
    }
    
    .icon-container1{
      background-color:#018195;
      padding:20px;
    }

    .overlay-text {
      color: white;
      margin-top: 10px;
      font-size:16px;
    }

    .overlay-text1 {
      color: white;
      font-size:20px;
    }
    /*----------------distribution channel management--------------*/
    
    
    
    .banner_margin_change{
margin-top:30px;
margin-bottom:27px;
}



/*----box images text css--- */
.boxwhitetext{
font-size: 15px;
    font-family: 'Montserrat';
    font-weight: normal;
    /* letter-spacing: 1px; */
    line-height: 20px;
    color:white;
}

.boxwhiteheader
{

font-size: 20px;
    color: white;
    font-family: 'Montserrat';
    font-weight:bold;

}

.boxtextssecondary
{
font-size: 15px;
    font-family: 'Montserrat';
    font-weight: normal; 
   /*  letter-spacing: 1px; */ 
   line-height: 20px;
   text-align:justify;


}

/*----box images text css--- */

#hexagon-circle {
    position: relative;
    margin-left: 10%;
    width: 159px;
    height: 276px;
    background: white;
    border: 1.4px solid #eca603;
    transition: opacity .5s;
    cursor: pointer;
}

#hexagon-circle:before,
#hexagon-circle:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border-top: 1.4px solid #eca603;
    border-bottom: 1.4px solid #eca603;
    background: inherit;
    content: '';
}

#hexagon-circle:before {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

#hexagon-circle:after {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.hexa-img-pos{
	
   	width: 80px;
    margin-left: 39px;
    margin-top: 29px;
    height: 80px;
}

.hexa-container{
	margin-left: 15%;
    margin-right: 6%;
	
}

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


    .mobilehexaleftmrgn {
        margin-left: 68px !IMPORTANT; /* Your mobile-specific margin-left */
    }
}



.popupfont
{
    font-family: montserrat;
    font-size: 12px !important;
}


.noemployeedesigns
{
font-weight: normal; 
margin-bottom: 0px; 
margin-left:1%;
color:white;	

}


.noemployeedesign
{
	width: 98%; 
	margin-left: 4px; 
	height: 36px !important;

	
}


/*-------------------------------- construction_landing_page.html----------------------------------*/


.bluebg
{
 background-color: #008fa2 !important;
    background-size:cover;
    display: flex;
    flex-direction: column;
    padding: 30px 0; 
    background-position: center;
    margin-bottom: 0;

}

.another-heading-class
{
font-size:28px;
font-family:'Montserrat';
font-weight: normal;
line-height:14px;
color:black!important;
}

.constland-page-heading{
font-size:28px;
font-family:'Montserrat';
font-weight: normal;
line-height:44px;
color:#008fa2;
}

.header-menu{
font-family:'Montserrat';
font-size:36px;
font-weight:bold;
line-height:45px;
}

.formdesignlanding{
background-color: #bbebef;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 3%;
    margin-left:-4%;

}

.constlandheader{
font-size: 25px;
font-family: 'Montserrat SemiBold';
color: #eca603;
}

.constructland-page-sub-header{
font-family: 'Montserrat';
    font-size: 20px;
    color: #008fa2;
    font-weight: bold;
}

.bluestraightline{
       border: 1px solid #008fa2;
    margin: 0;
    flex-grow: 1;
    width: 100%;
} 



/* new popup */
.popuplanding {
   
    position: fixed;
    top: 45%;
    left: 43%;
    transform: translate(-50%, -50%);
    background-color: #ffffff; 
    padding: 20px;
    width: 40%; 
    border: 3px solid #008fa2; 
    border-radius: 24px;
    z-index: 9999; 
}

.landingpage-header-menu{
font-family: 'Montserrat';
    font-weight:Bold;
    font-size: 26px;
    line-height: 45px;
    color: #008fa2;
}

.landingpage-subheader-menu{
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: normal;
    line-height: 25px;
    color:black;
}

/*-------------------------------- erp_manufacturing_industry.html----------------------------------*/

.manufac-background {
    position: relative;
    height: auto !important;
    background-color: #ededed;
    display: flex;
    padding-bottom: 5%;
    background-size: cover;
}



.bluestraightline{
       border: 1px solid #008fa2;
    margin: 0;
    flex-grow: 1;
    width: 90%;
    margin-left: 4%
}

.aboutus_headers {
    position: relative;
}

.circle {
    width: 112px;
    height: 112px;
    background-color: #fce8c0;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -36px;
}

.textcircle {
    position: relative;
    z-index: 1; /* Ensure text appears above the circle */
}
.alttextcircle {
    position: relative;
    z-index: 1; 
    margin-left:40px;/* Ensure text appears above the circle */
}

.altcircle {
    width: 112px;
    height: 112px;
    background-color: #bbebef;
    border-radius: 50%;
    position: absolute;
   
    margin-left: 28px;

}

/* popup */

.form-group select + .error {
        text-align: left;
        margin-left:5px !important;
        
    }