@font-face { font-family: gagalin ; src: url(../css/Gagalin-Regular.ttf); } 
@font-face { font-family: motion ; src: url(../css/CenturyGothic.ttf); }

.logo {width: 100%;   margin-left: 0px;  margin-top: -20px;}

/* .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000b0;
} */

body { background-image: linear-gradient(to right top, #180158, #1d0162, #22026d, #270278, #2c0383, #2f048e, #320699, 
  #3508a4, #360cb2, #3710bf, #3615ce, #3519dc);  } 

.mainbg {width: 100%;  overflow-x: hidden; }

.popup-container{
display: none;  position: fixed;  top: 50%;  left: 50%;  max-width: 40%;     border-radius: 10px;  transform: translate(-50%, -50%);  background: #38057B;
z-index: 9999;  padding: 20px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

.icolr {  color: #e868a2; }

.popup-close {position: absolute;  right: 22px;  color: #ffffff;  cursor: pointer;  top: 12px;}

.navbar-toggle { position: relative;  float: right;  padding: 4px 10px;  margin-top: 0px;  margin-right: 15px;  margin-bottom: -70px; 
  background-color: transparent;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;  }  

 .highlight { color: #2699FB;}
 .highpik { color: #e868a2; }

.navbar { position: relative; min-height: 50px; margin-bottom: 0px; padding: 20px 0px; border: 1px solid transparent; }
.navbar-default .navbar-brand {  width: 220px; }
.navbar-default { background-color: #f8f8f800; border-color: #e7e7e700;}
.navbar-default .navbar-nav>li>a { color: #fff; cursor: pointer;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #e868a2; background-color: transparent; }
/* .navbar-default .navbar-collapse, .navbar-default .navbar-form {  margin-top: 0px; padding: 10px 10px; margin-right: 0px; float: right; } */

.buildtab {text-align: center; width: 100%; margin: 0px auto; display: flex;  justify-content: center;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #555;  cursor: default;  background-color: #fff0;}
.nav>li>a { position: relative; display: block; font-size: 18px; color: #fff; padding: 7px 20px;}
.nav-tabs>li { float: left; margin: 0px 10px; }


.nav-tabs { border-bottom: 0px solid #ddd;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;  border-radius: 6px;  cursor: default; border: 1px solid #e868a2;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #e868a2; cursor: default; background-color: #fff0;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: #eee0;}
.nav-tabs>li>a:hover { border-color: #eee #eee #ddd; border-radius: 6px;}

.headerhd h2 { font-size: 100px; letter-spacing: 6px; font-family: gagalin;  text-align: center;  padding: 0px 20px; }
.headersubhd { font-size: 46px;  text-align: center; margin: 10px 80px; font-family: motion; font-weight: 400; color: #fff;}
.headersubhd span { color:#e868a2 ;}
.headerdes { font-size: 28px; text-align: center; font-family: motion; line-height: 30px; color: #fff; font-weight: normal; padding: 0px 300px;}

/* .gradient { width: 100%;  } */

.gradient { width: 100%; top: -60px; position: relative; bottom: 20px; z-index: -999; }

.gradientbottomdivider { margin-top: 5px;  height: 0px; width: 100%;}  
.contentdivider { margin-top: 50px;  height: 10px; width: 100%;}  
.inerpagecontentdivider { margin-top: 100px;  height: 10px; width: 100%;}  

.visionimg { width: 90%; height: auto; margin: 0px auto; display: flex; align-items: center;}
.deploymentimg { width: 80%; height: auto; margin: 0px auto; display: flex; align-items: center;}

.homehd h2 {font-size: 46px;  font-weight: bolder;  font-family: motion ;   text-align: center;  color: #fff;  }
.homesubhd {  font-size: 28px;  text-align: center;  font-family: motion ;  font-weight: bold;  color: #fff; } 
.homesubhd span { color:#e868a2 ;}
.homedes {  font-size: 18px; font-weight: 400!important;  text-align: center; padding: 0px 180px; margin:0px 0px 30px 0px;  font-family: motion ;  color: #fff; }

.input-group .form-control-subs { position: relative; z-index: 2; float: left; height: 35px; width: 79%; margin-bottom: 0;} 

.pixelpic, .responsivepic, .integratonpic, .automicdsginpic, .visulogicpic, .extnsiblytypic, .colabratonpic, .dynmicontntpic, .dataintegraonpic, .visualplumbingpic, .colabratonpic, .digitlasetspic, .functoncomposrpic
{ width: 100%; height: auto;}

.codetranspencypic, .codegenerationpic, .graphiqlpic, .codecustompic
{ width: 100%!important; height: auto; display: flex; margin: 0px auto;}

.inerpageblock h2 { font-size: 52px; color: #fff; font-family: motion ; font-weight: bold; }  
.inerpageblock p { font-size: 22px; line-height: 30px; font-family: motion ; color: #fff; }
.inerpageblockline {border-bottom: 4px solid #e868a2; width: 90px; margin: 12px 0px 30px 0px; }  

.pricehd { color: #fff; font-size: 50px; text-align: center; font-family: motion ; margin-bottom: 50px;}    
.pricedec { font-size: 32px!important; text-align: center; margin: 10px 0px; font-family: motion; font-weight: 400; color: #fff;}
.pricedec span { color:#e868a2 ;}





/* FUNCTION AND ELEMENT FACTORY CLASS START HERE */

.tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
  flex-wrap: wrap; background: #000;}  
.tabs label {  -webkit-box-ordinal-group: 2;  -webkit-order: 1; margin-top: 8px;  -ms-flex-order: 1; margin-bottom: 0px;  order: 1; color: #fff;
  display: block; border-radius: 4px 4px 0px 0px;  padding: 4px 14px; font-size: 11px; font-weight: 400;  margin-right: 0.2rem;
  cursor: pointer;  background: #6A6A6A;  -webkit-transition: background ease 0.2s;  transition: background ease 0.2s;}
.tabs .tab {  -webkit-box-ordinal-group: 100;  -webkit-order: 99;  -ms-flex-order: 99;  order: 99;  -webkit-box-flex: 1;  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;  flex-grow: 1; height: 475px;  width: 100%;  display: none;  padding: 1rem;  background: #1E1E1E; border-left: 1px solid;}
.tabs input[type="radio"] {  position: absolute;  opacity: 0;}
.tabs input[type="radio"]:checked + label { background: #E63674; }
.tabs input[type="radio"]:checked + label + .tab { display: block; }


.tabs2 {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;
  flex-wrap: wrap; background: #000;}
.tabs2 label {  -webkit-box-ordinal-group: 2;  -webkit-order: 1; margin-top: 8px;  -ms-flex-order: 1; margin-bottom: 0px;
  order: 1; color: #fff;  display: block; border-radius: 4px 4px 0px 0px;  padding: 4px 14px; font-size: 11px; font-weight: 400;  margin-right: 0.2rem;
  cursor: pointer;  background: #6A6A6A;  -webkit-transition: background ease 0.2s;  transition: background ease 0.2s;}  
.tabs2 .tab2 {  -webkit-box-ordinal-group: 100;  -webkit-order: 99;  -ms-flex-order: 99;  order: 99;  -webkit-box-flex: 1;  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;  flex-grow: 1; height: 397px;  width: 100%;  display: none;  padding: 1rem;  background: #1E1E1E; border-left: 1px solid;}
.tabs2 input[type="radio"] {  position: absolute;  opacity: 0;}
.tabs2 input[type="radio"]:checked + label { background: #E63674; }
.tabs2 input[type="radio"]:checked + label + .tab2 { display: block; }


#style-4::-webkit-scrollbar-track{  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color: #1E1E1E;}
#style-4::-webkit-scrollbar{  width: 4px;  background-color: #1E1E1E; border-radius: 100px;}
#style-4::-webkit-scrollbar-thumb{  background-color: #E63674;  border: 0px solid #F5F5F5;}

.function-scroll {overflow-y: scroll; height: 90%; background: #1E1E1E;}
.functoncoment {background: #000; height: 257px; margin-top: 0px;}
.function-left-panel{width: 21%; height: 428px; background: #000;}
.left-tab-icon { width: 12px; margin-left: 5px;}
.function-codetab { width: 60%;}

.code-box { display: flex; margin-top: -15px;}

.element-scroll {overflow-y: scroll; height: 90%; background: #1E1E1E;}
.element-left-panel{width: 21%; height: 505px; background: #000;}
.left-tab { padding: 6px 25px; cursor: pointer; margin: 5px 0px;}
.tab-right-preview { width: 27%; height: 335px;}
.left-tab-text {margin: 20px 0px 0px 0px; color: #f5f5f5; font-size: 11px; }
.code-editor-pic { width: 100%; height: auto;}


/* FUNCTION AND ELEMENT FACTORY CLASS END HERE */




/* PRICING PAGE CLASS START HERE */

.price-card-hd {font-size: 55px; font-weight: bolder;}
.price { font-size: 18px; line-height: 40px;}    
.fa-lg { font-size: 10px; line-height: 0.75em;  vertical-align: -15%;}
h1, h2 { font-size: 2.2em; color: #fff; font-family: motion ;}

.first {margin-top: 40px; border-top: 1px solid #f4f4f4;}
.pricelist {width: 80%;}
ol, ul {padding: 0;}
.top {display: flex; flex-direction: column; align-items: center; }
input, label {display: inline-block; vertical-align: middle; margin: 0px 0; }
.tabtxt {margin: 0.8em; color: #fff; font-size: 18px; font-family: motion ;}



.pricing-table .ptable-header { margin: 0 16px; padding: 30px 0 45px 0; width: 340px; background: #E868A2;}
.pricing-table { display: flex; flex-flow: row wrap; width: 100%; justify-content: center; max-width: 1100px; margin: 0 auto;}    
.pakenter {background: #f7f7f7; width: 97%; border-radius: 10px; margin: 20px 0px 40px 0px}
.pricelist li {font-size: 16px; list-style: none; font-family: motion ; border-bottom: 1px solid #575656; color: #000; padding-inline-start: 0;
  border-width: 1px; padding: 10px;}
  .pakentrbtn {position: absolute; right: 100px; margin-top: 30px;}  
  .pricing-table .ptable-header::before,
.pricing-table .ptable-header::after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-bottom: 100px solid #f6f8fa;} 
.pricing-table .ptable-header::after { left: 50%; border-left: 250px solid transparent;}     
.pricing-table .ptable-header::after { left: 50%; border-left: 250px solid transparent;}    
.pricing-table .ptable-header::after {content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-bottom: 100px solid #f6f8fa;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  font-size: 22px;}


.pricing-table .ptable-header::before,
    
.pricing-table .ptable-header::before { right: 50%; border-right: 250px solid transparent;}    

.pricing-table .ptable-item.featured-item .ptable-header { background: #2699FB;}    
.pricing-table .ptable-single { position: relative; width: 100%; border-radius: 12px; overflow: hidden;}    
.pricing-table .ptable-header, .pricing-table .ptable-body,
.pricing-table .ptable-footer { position: relative; width: 100%; text-align: center; overflow: hidden;}    
.pricing-table .ptable-status, .pricing-table .ptable-title, .pricing-table .ptable-price,
.pricing-table .ptable-description, .pricing-table .ptable-action { position: relative; width: 100%; text-align: center; }    
.pricing-table .ptable-single { background: #f6f8fa;}    
.pricing-table .ptable-single:hover { box-shadow: 0 0 10px #999999;}    
  
.pricing-table .ptable-header::before { right: 50%; border-right: 250px solid transparent;}    
  
.pricing-table .ptable-item.featured-item .ptable-header { background: #2699FB;}    
.pricing-table .ptable-status { margin-top: -30px;}    
.pricing-table .ptable-status span::before,
.pricing-table .ptable-status span::after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #2699FB;}    
.pricing-table .ptable-status span::before { right: 50%; border-right: 25px solid transparent;}    
.pricing-table .ptable-status span::after { left: 50%; border-left: 25px solid transparent;}    
.pricing-table .ptable-title h2 { color: #ffffff; font-size: 24px; font-weight: 300; letter-spacing: 2px;}    
.pricing-table .ptable-price h2 { margin: 0; color: #ffffff; font-size: 45px; font-weight: 700; margin-left: 15px;}    
.pricing-table .ptable-price h2 small { position: absolute; font-size: 18px; font-weight: 300; margin-top: 16px; margin-left: -15px;}    
.pricing-table .ptable-price h2 span { margin-left: 3px; font-size: 16px; font-weight: 300;}    
.pricing-table .ptable-body { padding: 20px 0;}    
.pricing-table .ptable-description ul { margin: 0; padding: 0; list-style: none;}    
.pricing-table .ptable-description ul li { color: #2A293E;  font-size: 14px;  font-weight: 300; letter-spacing: 1px;  padding: 7px; border-bottom: 1px solid #dedede;}    
.pricing-table .ptable-description ul li:last-child { border: none;}    
.pricing-table .ptable-footer {  padding-bottom: 30px;}    
.pricing-table .ptable-action a { display: inline-block; padding: 10px 20px; color: #fff; border-radius: 6px; font-size: 14px;
  font-weight: 500; letter-spacing: 2px; text-decoration: none;  background: #e868a2;}    
.pricing-table .ptable-action a:hover {  color: #fff; background: #2699FB;}    
.pricing-table .ptable-item.featured-item .ptable-action a {  color: #fff;  background: #e868a2;}    
.pricing-table .ptable-item.featured-item .ptable-action a:hover { color: #fff; background: #2699FB;}    
.button { padding: 8px 30px; text-decoration: none;  font-size: 16px;  margin: 15px 15px;  border-radius: 50px;  color: #f4f4f4;}    
.button:hover {  color: #fff; text-decoration: none; font-size: 16px;}    
.button1 { background-color: #E868A2; box-shadow: 0 0 5px 0 #E868A2 inset, 0 0 10px 1px #E868A2;}    
.button2 { background-color: #ff007c; box-shadow: 0 0 10px 0 #ff007c inset, 0 0 20px 2px #ff007c;}    
.button3 { background-color: #ffae42; box-shadow: 0 0 10px 0 #ffae42 inset, 0 0 20px 2px #ffae42;}    
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }    
.switch input { opacity: 0; width: 0; height: 0; }    
.slider { position: absolute; cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0; background-color: #e868a2;  -webkit-transition: 0.4s;
  box-shadow: 2px 6px 25px #1e2321;   transform: translate(0px, 0px);  transition: 0.6s ease transform, 0.6s box-shadow; }    
.slider:before { position: absolute;  content: ""; height: 26px;  width: 26px; left: 4px;  bottom: 4px; background-color: white;
  -webkit-transition: 0.4s;   transition: 0.4s; }    
input:checked + .slider { background-color: #50bfe6; }    
input:focus + .slider { box-shadow: 0 0 1px #50bfe6; }    
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px); }    
.slider.round { border-radius: 34px; }    
.slider.round:before { border-radius: 50%; }    
.package-container {  display: flex; align-items: center;  justify-content: center;  flex-wrap: wrap; }    
.btn-info {  color: #fff;  background-color: #e868a2;  border-color: #e868a2; }    
.btn-info:hover {  color: #fff; background-color: #2699fb; border-color: #269abc; }    
.btn1 { display: inline-block;  padding: 6px 18px;  margin-bottom: 0;  font-size: 16px;  font-weight: 400; font-family: motion ;  line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;  touch-action: manipulation;  cursor: pointer;   -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 26px;}    
.btn2 { display: inline-block;  padding: 6px 18px;  margin-bottom: 0;  font-size: 16px;  font-weight: 400; font-family: motion ;  line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;  touch-action: manipulation;  cursor: pointer;   -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 26px;}    

.table {  width: 100%;  max-width: 100%;  margin-bottom: 0px;}    
table {  table-layout: fixed;  word-wrap: break-word;  margin-top:auto; background: #fff;   margin-bottom:auto;}
.text-sm { font-size: 12px;}
.packages {margin: 20px 10px;  width: 23%;  padding-bottom: 1.5em;   height: 695px;   background-color: #f7f7f7;  display: flex;    flex-direction: column;   align-items: center;   text-align: center;      border-radius: 10px;
  box-shadow: 0 0px 18px rgba(30, 35, 33, 1), 0 10px 5px rgba(30, 35, 33, 0.2);   flex-wrap: wrap;   color: #f4f4f4;  }
 
  
  .depimg { width: 90%;}
  .pricecat { color: #333;}
  .pricedata { background: #fff; padding: 20px; border-radius: 10px; width: 97%;}

/* PRICING PAGE CLASS END HERE */





/* SIGNUP FORM START HERE */

.modal-dialog { width: 90%;  margin: 150px auto; display: flex; justify-content: center;}    
.formbg .form-container {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  background-color: #fff;
transition: 0.6s ease;  }
.form-wrap {background: rgba(255,255,255,1); width: 100%; max-width: 1300px; padding: 50px 20px; margin: 0 auto; margin-top: 60px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); }
.close-button { z-index: 99; position: absolute; right: 22px; color: #fff; cursor: pointer;  top: 12px;  }


.signup-close-button { z-index: 99; position: absolute; right: 22px; color: #fff; cursor: pointer;  top: 12px;  }

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {  border-radius: 4px 0px 0px 4px;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {  z-index: 2;  margin-left: -1px;  padding: 1px 8px;
  font-size: 22px;}
.thankbtn {  display: inline-block;  padding: 8px 22px;  margin-bottom: 0;  font-size: 16px;  font-weight: 400;  line-height: 1.42857143;
  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;  touch-action: manipulation;
  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-image: none;
  border: 1px solid transparent;  border-radius: 4px;}
 .input-group .form-control-subs {  position: relative;  z-index: 2;  float: left; height: 35px;  width: 79%;   margin-bottom: 0;}
.formbg h1 {  font-size: 3.2rem;  font-weight: 700;}
.formbg  h2 {  margin-bottom: 14px;  font-size: 4rem;  font-weight: 700;}
.formbg  p {  font-size: 1.8rem;}
.formbg  span {  font-size: 1.4rem;  letter-spacing: 0.5px;}
.formbg  input {  margin: 10px auto;  padding: 10px 16px;  width: 100%;  font-size: 1.4rem;  background-color: #eaeaea;
  color: #000;  border: none;}
.formbg  button {  margin-top: 20px;  padding: 8px 30px;  display: block;  text-transform: uppercase;  letter-spacing: 1px;
  font-size: 1.7rem;  font-weight: bold;  background-color:#E868A2;  color: #fff;  border: 1px solid #E868A2;
  outline: none;  border-radius: 24px;  cursor: pointer;  transition: transform 0.2s linear;}
.formbg  button:active {  transform: scale(0.92);}
.formbg  .btn {  padding: 8px 40px;  background-color: transparent;  border: 3px solid currentColor;}
.formbg  .container {  position: relative;  min-height: 460px;  width: 100%;  background-color: #fff;
  border-radius: 10px;  box-shadow: 0 14px 30px #00000020, 0 6px 10px #00000022;  overflow: hidden;}
.formbg  .social-wrapper {  margin: 12px 0;}
.formbg  .social-wrapper a {  margin: 0 5px;  height: 40px;  width: 40px;  display: inline-flex;
  align-items: center;  justify-content: center;  border: 2px solid currentColor;  border-radius: 50%;}
.formbg  .form-container {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 50%;  background-color: #fff;
  transition: 0.6s ease;}
.formbg  .sign-in {  z-index: 2;}
.formbg  .sign-up {  z-index: 1;  opacity: 0;}
.formbg  .form-container form {  padding: 0 40px;    height: 100%;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;  text-align: center;  }
.formbg .overlay-container { position: absolute;    top: 0;    left: 50%;    z-index: 5;    height: 100%;    width: 50%;    overflow: hidden;    transition: transform 0.6s ease;  }
.modal-content {  position: relative;    background-color: #fff;    -webkit-background-clip: padding-box;    background-clip: padding-box;    border: 1px solid #999;    border: 1px solid rgba(0,0,0,.2); width: 70%!important;
  border-radius: 12px;    outline: 0;    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);}
.formbg .overlay { position: relative; left: -100%;    height: 100%;    width: 200%;    background: linear-gradient(to right, #38057B, #e868a2);    color: #fff;  transform: translateX(0);    transition: transform 0.6s ease;}
.formbg  .overlay-panel {  padding: 0 40px;    position: absolute;    top: 0;    height: 100%;    width: 50%;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    text-align: center;    transition: transform 0.6s ease;  }
.formbg  .panel-left { left: 0;    transform: translateX(-20%);  }
.formbg  .panel-right { left: 50%; transform: translateX(0);  }
.formbg  .container.right-panel-active .sign-in { transform: translateX(100%);  z-index: 1;  opacity: 0;  }
.formbg  .container.right-panel-active .sign-up {   transform: translateX(100%);  z-index: 2;  opacity: 1;  }
.formbg  .container.right-panel-active .panel-left { transform: translateX(0);}
.formbg  .container.right-panel-active .panel-right {  transform: translateX(20%);}
.formbg  .container.right-panel-active .overlay-container {  transform: translateX(-100%);}
.formbg  .container.right-panel-active .overlay {  transform: translateX(50%);}

.iconsend {  color: #E868A2!important; font-size: 70px;    display: flex;  justify-content: center;  }


      .formbg button {
        margin-top: 20px;
        padding: 8px 30px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.7rem;
        font-weight: bold;
        background-color: #ffffff00!important;
        color: #fff;
        border: 1px solid #ffffff00!important;
        outline: none;
        width: 40px;       border-radius: 24px;
        cursor: pointer;
        transition: transform 0.2s linear;
    }




.bigcolum { background: #fff;}    
/* SIGNUP FORM END HERE */





/* CONTACT FORM START HERE */

.contact-links { width: 50%; padding: 6% 5% 40% 5%; }

.contact-links { background-color: #1f2e43; background:
  radial-gradient( circle at 55% 92%, #1C89E6 0 12%, transparent 12.2% ), 
  radial-gradient( circle at 94% 72%, #1F86DF 0 10%, transparent 10.2% ), 
  radial-gradient( circle at 20% max(78%, 350px), #1F86DF 0 7%, transparent 7.2% ), 
  radial-gradient( circle at 0% 0%, #e868a2 0 40%, transparent 40.2% ), #0058be; border-radius: 16px; }

.contact-form-wrapper { background-color: #ffffff8f; border-radius: 0 10px 10px 0; }
/* .container{ max-width: 3840px; width: 100%; } */
h1{ font-weight: 700; font-size: 46px; color: #fff; font-family: 'Roboto', sans-serif; }
.subtitle { font-weight: 700; font-size: 34px; color: #fff; font-family: motion ; }
.header{ margin-bottom: 80px; }
#description{ font-size: 22px; color: #fff; font-weight: 200; }

.form-group{ margin-bottom: 25px;}
.form-group > label{display: block;font-size: 18px; font-family: motion;color: #000;}
.custom-control-label{color: #000;font-size: 16px;}
.form-control{height: 50px; background: #ecf0f4; border-color: transparent; padding: 0 15px; font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

textarea.form-control{height: 160px; padding-top: 15px; resize: none; }

.btn{padding: 12px; font-size: 20px; letter-spacing: 0.050em; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.btn-primary {color: #fff; background-color: #e868a2; border-color: #e868a2; }

.btn-primary:hover { color: #e868a2; background-color: #ffffff; border-color: #e868a2; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); }

.btn-primary:focus, .btn-primary.focus {color: #e868a2; background-color: #ffffff; border-color: #e868a2;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { color: #00bcd9; background-color: #ffffff; border-color: #00bcd9; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); }

.form-smal-box { color: #FFF; font-size: 16px;  font-family: motion;  line-height: 30px;  margin-left: 15px;}


/* CONTACT FORM END HERE */




/* TERM POLICY START HERE */

.tabbable-line > .tab-content { margin-top: 1px; background-color: #fff; font-family: motion; border: 0; font-size: 16px;
  overflow-wrap: anywhere;  border-top: 1px solid #eee;  color: #000;  padding: 25px 25px;}

.tabbable-line > .nav-tabs > li.active > a { border: 0; color: #fff;  max-width: 360px;  font-size: 18px; text-align: center;
background: #e868a2; padding: 10px 0px;  border-radius: 6px 6px 0px 0px;  }

.tabbable-line > .nav-tabs > li > a { border: 0; font-size: 18px;  color: #fff; text-align: center; padding: 10px 0px;  width: 360px; margin-left: -10px; background: #2699fb;  border-radius: 6px 6px 0px 0px;  border-bottom: 0px solid #2699fb;  }


/* TERM POLICY END HERE */






.hedingsmaldes {font-size: 22px; line-height: 26px; color: #fff; margin-top: -10px; padding: 20px 170px;
  text-align: center; font-weight: normal; }
  
  .hedingsmal h2 { font-size: 70px; letter-spacing: 6px; margin-top: 20px; font-family: gagalin; text-align: center;
  padding: 0px 50px!important; color: #fff; }

.avatar1 {  position: absolute;  left: 0;   right: 0;    top: -80px;  text-align: center;}
.avatar1 > img {  width: 130px;   margin: auto; background: #fff;   border-radius: 50%;   border: 6px solid #E8A244;}
.avatar2 {   position: absolute;  left: 0;   right: 0;   top: -80px;  text-align: center;}
.avatar2 > img { width: 130px;  margin: auto;  border-radius: 50%;  border: 6px solid #51BEA7;}
.avatar3 { position: absolute;  left: 0;  right: 0;   top: -80px;   text-align: center;}
.avatar3 > img {  width: 130px;   margin: auto;   border-radius: 50%;   border: 6px solid #4AB6FB;}
.avatar4 {  position: absolute;  left: 0;  right: 0;  top: -80px;  text-align: center;}
.avatar4 > img {  width: 130px;  margin: auto;   border-radius: 50%;   border: 6px solid #9BBB5C;}
.teamcolinner {  position: relative;  border: 1px solid #ddd;  height: 400px; margin-top: 100px;  z-index: 9;  border-radius: 20px;}
.teamcolinner p {  color: #fff; font-size: 18px;}
.teamcolinner h2 {  color: #fff; font-size: 40px; font-weight: bold;}
.member-name { margin-top: 100px;}
.member-info {    padding: 10px 20px 50px 20px;}

.Thanku {  padding: 20px 0px; width: 44%;} 
.Thanku h2 { font-size: 65px; text-align: center; color: #e868a2; font-weight: bolder;}
.Thanku p { font-size: 20px; text-align: center; color: #fff; padding: 0px 0px;}
.Thanku p span {color: #e868a2;  font-weight: bold; }
.Thanku h3 { font-size: 34px; text-align: center;  color: #fff; font-weight: bolder;}
.Thanku h5 { font-size: 18px; text-align: center; color: #fff; padding: 0px 80px;}
.Thanku h5 span { color:#72B537 }
.checkmark { width: 20%; padding: 50px  0px 0px 0px;}



/* FOOTER CSS START HERE */

.footer-section { background-color: #3C16A2; position: relative; overflow: hidden; z-index: 9; margin: 10% 0% 0% 0%; }
.footer-section:before { content: ''; position: absolute; top: -146%;  left: -18%;  width: 44%;  height: 257%;  transform: rotate(54deg);
  background-color: rgb(56, 20, 152);  -webkit-transform: rotate(54deg);  -moz-transform: rotate(54deg);  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);  z-index: -10; }
.footer-section:after { position: absolute;  content: ''; background-color: rgb(56, 20, 152); top: -24%;
  right: 4%;  width: 26%;  height: 264%;  transform: rotate(44deg);  -webkit-transform: rotate(44deg);  -moz-transform: rotate(44deg);
  -ms-transform: rotate(44deg);  -o-transform: rotate(44deg);  z-index: -10; }

.footer-top {  padding-top: 50px;  padding-bottom: 50px;}
.footer-top p,
.company-footer-contact-list li {  color: #ffffff;}
.company-footer-contact-list { margin-top: 10px;}
.company-footer-contact-list li {  display: flex;  display: -webkit-flex;  align-items: center;}
.company-footer-contact-list li+li {  margin-top: 5px;}
.company-footer-contact-list li i { margin-right: 10px; font-size: 20px;  display: inline-block;}
.footer-top .site-logo {  margin-bottom: 25px;  display: block; max-width: 170px;}
.widget-title { text-transform: capitalize;  font-size: 20px;}
.footer-top .widget-title { color: #ffffff; margin-bottom: 20px;}

.courses-link-list li { margin-top: 10px; font-size: 12px; color:#ffffff; margin-left: 10px;}

.courses-link-list li a { color: #ffffff; font-size: 12px; text-transform: capitalize; font-family: motion;  font-weight: 400;}
.courses-link-list li a:hover { color: #e868a2;}
.courses-link-list li i { margin-right: 5px; color: #ffffff; }
.footer-top .small-post-title a { font-family: motion; color: #ffffff;  font-weight: 400;}
.small-post-item .post-date { color: #e868a2; margin-bottom: 3px; font-family: motion; font-weight: 400;}
.small-post-list li+li { margin-top: 30px;  }
.news-letter-form {  margin-top: 15px; }
.news-letter-form input { width: 100%; padding: 12px 25px;  border-radius: 5px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;  border: none;}
.news-letter-form input[type="submit"] { width: auto;  border: none;  background-color: #e868a2;  padding: 9px 30px;
  border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;
  color: #ffffff;  margin-top: 10px;}

  .footer-top p, .company-footer-contact-list li { padding: 0% 35% 0% 0%!important; font-weight: 400!important;    font-family: 'motion'!important;}
  
.footer-bottom { padding: 13px 0; border-top: 1px solid rgba(255, 255, 255, 0.149);}
.copy-right-text { color: #ffffff; font-size: 14px;}
.copy-right-text a { color: #e868a2; font-size: 16px;}
.terms-privacy li+li { margin-left: 30px;  }
.terms-privacy li a { color: #ffffff; position: relative;}
.terms-privacy li a:after { position: absolute; content: '-';  color: #ffffff;  display: inline-block;  top: 0;  right: -18px;}
.terms-privacy li+li a:after { display: none; }

.btn-send {
  cursor: pointer;
  background: #e868a2!important;
  font-size: 14px!important;
  padding: 3% 12%!important;
  color: #fff!important;
  margin: 10px 0px!important;
  border-radius: 4px!important;
 
}

.foot-logo { width: 30%; margin-bottom: 25px;}

.form-control-subs { display: block; width: 100%; height: 36px; padding: 6px 20px; font-size: 12px; line-height: 1.42857143;  color: #000;
  background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px 0px 0px 4px;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

/* FOOTER CSS END HERE */









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

  .headerhd h2 { font-size: 200px!important;  }
  .headersubhd { font-size: 100px!important; font-weight: 400!important;}
  .headerdes { font-size: 46px!important; padding: 0px 28%; line-height: 60px!important; } 

  .btn1 {padding: 8px 26px!important;  font-size: 22px!important;  }
  .btn2 {padding: 8px 26px!important;  font-size: 22px!important; }

  .gradient { top: -150px!important;  }

  .nav>li>a {
    font-size: 24px;
}

  .pakenter { width: 95%!important; height: 450px!important;}
  .pricelist li { font-size: 22px!important; }

  .subtitle { font-weight: 700!important;  font-size: 40px!important;   line-height: 55px!important;  }

  .form-smal-box {  font-size: 22px!important; font-family: motion!important;  line-height: 45px!important;   margin-left: 24px!important; }


  .tabbable-line > .nav-tabs > li.active > a {  font-size: 24px; }
.tabbable-line > .nav-tabs > li > a {  font-size: 24px; }


  .homehd h2 {font-size: 80px!important; }
.homesubhd {  font-size: 46px!important; margin: 20px 0px; font-weight: 400!important;} 
.homedes {  font-size: 32px!important; padding: 0px 26%!important; line-height: 40px!important; }
  
  .pricing-table .ptable-header::after { border-left: 432px solid transparent!important;}
  .pricing-table .ptable-header::before { border-right: 432px solid transparent!important;}

  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 22px!important;}

    .pricedata {width: 95% !important;}

    .teamcolinner { height: 500px!important;}

    .teamcolinner h2 { font-size: 60px!important; margin-top: 150px!important;}
    .teamcolinner p { font-size: 28px!important;  font-weight: 400!important;  font-family: 'motion'!important;}

    .inerpageblock h2 {font-size: 100px!important; }
    .inerpageblock p { font-size: 46px!important; line-height: 70px!important; }

    .form-wrap { padding: 50px 40px!important;  }

    .btn-send { font-size: 22px!important;  padding: 1% 6%!important; }

    .news-letter-form input { width: 50%!important;  }

   
    .tabs2 label {font-size: 24px!important; padding: 6px 36px!important;}  
    .tabs label { font-size: 24px!important; padding: 6px 36px!important;}
    .function-left-panel { height: 963px!important; }
    .tabs2 .tab2 { height: 909px!important;}
    .functoncoment { height: 578px!important;}
    .tabs .tab { height: 1084px!important;}
    .element-left-panel { height: 1140px!important; }
  
    .left-tab-text { font-size: 24px!important;}

    .widget-title {    font-size: 36px!important; }

    
    .footer-top p, .company-footer-contact-list li {   font-size: 22px!important; }


    .courses-link-list li a { font-size: 22px!important;;  font-family: motion!important;;  font-weight: 400!important;;  }

    .formbg .container {  min-height: 800px;  }
    .modal-dialog {  width: 80%; }
   
    .hedingsmaldes {font-size: 28px!important; line-height: 46px!important;  padding: 1% 18%!important;}
    .hedingsmal h2 { font-size: 100px!important;}


    .Thanku p {  font-size: 31px!important;  }
    .Thanku h2 { font-size: 90px!important; }
    .popup-container { padding: 70px!important; max-width: 44%!important; }


    .avatar1 {top: -120px!important;}
  .avatar1 > img { width: 200px!important;}

  .avatar2 {top: -120px!important;}
  .avatar2 > img { width: 200px!important;}

  .avatar3 {top: -120px!important;}
  .avatar3 > img { width: 200px!important;}

  .form-control-subs {  height: 46px!important; padding: 6px 20px!important; font-size: 18px!important; }


  .left-tab-icon {
    width: 18px!important;
    margin-left: 20px!important;
    margin-right: 10px!important;
}

.foot-logo { width: 12%!important; margin-bottom: 25px!important;}

.formbg input {
  margin: 14px auto!important;
  padding: 20px 16px!important;
  border-radius: 6px!important;
  font-size: 22px!important;
}

    


}



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

    .headerhd h2 { font-size: 150px!important;  }
    .headersubhd { font-size: 60px!important; font-weight: 400!important;}
    .headerdes { font-size: 30px!important; padding: 0px 28%; line-height: 46px!important; } 

    .btn1 {padding: 8px 26px!important;  font-size: 22px!important;  }
    .btn2 {padding: 8px 26px!important;  font-size: 22px!important; }

    .gradient { top: -150px!important;  }

    .pakenter { width: 95%!important; height: 450px!important;}
    .pricelist li { font-size: 22px!important; }

    .subtitle { font-weight: 700!important;  font-size: 40px!important;   line-height: 55px!important;  }

    .form-smal-box {  font-size: 22px!important; font-family: motion!important;  line-height: 45px!important;   margin-left: 24px!important; }


    .tabbable-line > .nav-tabs > li.active > a {  font-size: 24px; }
  .tabbable-line > .nav-tabs > li > a {  font-size: 24px; }


    .homehd h2 {font-size: 80px!important; }
  .homesubhd {  font-size: 46px!important; margin: 20px 0px; font-weight: 400!important;} 
  .homedes {  font-size: 28px!important; padding: 0px 23%!important; line-height: 40px!important; }
    
    .pricing-table .ptable-header::after { border-left: 310px solid transparent!important;}
    .pricing-table .ptable-header::before { border-right: 310px solid transparent!important;}

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
      font-size: 22px!important; }

      .pricedata {width: 95% !important;}

      .teamcolinner { height: 570px!important;}

      .inerpagecontentdivider {   margin-top: 14%!important;  }
      .contentdivider {margin-top: 12%!important;  }

      .teamcolinner h2 { font-size: 60px!important;}
      .teamcolinner p { font-size: 28px!important;  font-weight: 400!important;  font-family: 'motion'!important;}

      .inerpageblock h2 {font-size: 80px!important; }
      .inerpageblock p { font-size: 30px!important; line-height: 46px!important; }

      .form-wrap { padding: 50px 40px!important;  }

      .foot-logo { width: 12%!important; margin-bottom: 25px!important;}

      .tabs2 label {font-size: 18px!important;}  
      .tabs label { font-size: 18px!important;}
      .function-left-panel { height: 694px!important; }
      .tabs2 .tab2 { height: 650px!important;}
      .functoncoment { height: 417px!important;}
      .tabs .tab { height: 780px!important;}
      .element-left-panel { height: 822px!important; }
    
      .left-tab-text { font-size: 22px!important;}

      .widget-title {    font-size: 28px!important; }

      .courses-link-list li a { font-size: 18px!important;;  font-family: motion!important;;  font-weight: 400!important;;  }

      .formbg .container {  min-height: 800px;  }
      .modal-dialog {  width: 80%; }
     
      .hedingsmaldes {font-size: 28px!important; line-height: 46px!important;  padding: 1% 18%!important;}
      .hedingsmal h2 { font-size: 100px!important;}


      .Thanku p {  font-size: 31px!important;  }
      .Thanku h2 { font-size: 90px!important; }
      .popup-container { padding: 70px!important; max-width: 44%!important; }

      .footer-top p, .company-footer-contact-list li { padding: 0% 14% 0% 0%!important;
        color: #ffffff;
        font-size: 18px!important;
        font-weight: 400!important;
        font-family: 'motion'!important;
    }


    .news-letter-form input {
      width: 60%!important;
  }
      
  .formbg input {
    margin: 14px auto!important;
    padding: 20px 16px!important;
    border-radius: 6px!important;
    font-size: 22px!important;
  }
  
  

  }






/* 
@media screen and (max-width: 2560px) {  
  
  .logo {width: 80%!important;}    
  
  .headerhd h2 { font-size: 150px!important; color: #c6fb33; }
  .headersubhd { font-size: 60px!important; font-weight: 400!important;}
  .headerdes { font-size: 32px!important; padding: 0px 30%; line-height: 46px!important; } 

  .inerpageblock h2 {font-size: 80px!important; color: #beea45;}
  .inerpageblock p { font-size: 28px!important; line-height: 46px!important;}
  
  .visionimg { width: 90%; }
  .deploymentimg { width: 80%;}

  .courses-link-list li a { font-size: 18px!important;}
  .widget-title { font-size: 28px!important; }

  .left-tab-icon { width: 14px!important; margin-left: 0px!important;}

  .tabbable-line > .nav-tabs > li > a {font-size: 24px!important;}

  .teamcolinner { height: 580px!important;}

  

  .teamcolinner h2 { font-size: 60px!important;}
  .teamcolinner p { font-size: 28px!important;  font-weight: 400!important;  font-family: 'motion'!important;}

  .pricedata {width: 98% !important;}

  .news-letter-form input { width: 70%!important;  padding: 14px 25px!important;}

  .h3, h3 { font-size: 40px!important; }

  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 22px!important;}
  

    .btn2 {padding: 8px 26px!important;  font-size: 22px!important; }

    .pricelist li { font-size: 22px!important; }

    .btn1 {padding: 8px 26px!important;  font-size: 22px!important;  }

    .pricing-table {  margin: 14px auto!important;  }

    .pricing-table .ptable-header, .pricing-table .ptable-body, .pricing-table .ptable-footer { width: 90%!important; height: 330px;  }

    .tabbable-line > .nav-tabs > li > a {   font-size: 26px!important; }

  .homehd h2 {font-size: 80px!important; }
  .homesubhd {  font-size: 46px!important; margin: 20px 0px; font-weight: 400!important;} 
  .homedes {  font-size: 28px!important; padding: 0px 14%; line-height: 40px!important; }

  .tabs2 label {font-size: 22px!important;}  
  .tabs label { font-size: 22px!important;}
  .nav>li>a {font-size: 22px!important;}

  .hedingsmal h2 { font-size: 100px!important;}

  .form-group > label { font-size: 22px!important;}

  .btn {    padding: 14px 12px!important;   font-size: 30px!important;   border-radius: 10px!important;}

  .subtitle { font-size: 40px!important; line-height: 60px!important; }

  .form-smal-box { font-size: 24px!important; line-height: 46px!important;}



  .packages { width: 23%!important; height: 830px!important;}

 

  .hedingsmaldes {font-size: 28px!important; line-height: 46px!important;  padding: 1% 18%!important;}

  .pakenter { width: 98%!important; height: 450px!important;}

  .tabtxt {font-size: 28px!important; font-family: motion!important;}

  .pricing-table .ptable-header::after { border-left: 295px solid transparent!important;}
  .pricing-table .ptable-header::before { border-right: 295px solid transparent!important;}

  

    .pricedec { font-size: 28px!important;}

  .price-card-hd { font-size: 60px!important; }

   .function-left-panel { height: 617px!important; }
  .tabs2 .tab2 { height: 548px!important;}
  .functoncoment { height: 371px!important;}
  .tabs .tab { height: 675px!important;}
  .element-left-panel { height: 732px!important; }

  .left-tab-text { font-size: 22px!important;}
    
  
  } */






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

 
.logo {width: 80%!important;}  
.headerhd h2 { font-size: 90px!important; color: #fff!important; }
.headersubhd { font-size: 36px!important;  margin: 10px 0px!important; font-weight: 400!important;}
.headerdes { font-size: 22px!important; padding: 0px 23%!important; line-height: 30px!important;}
.modal-dialog { width: 90%!important;}  

.gradient { top: -60px!important;  }

.visionimg { width: 90%;}
.packages { margin: 20px 10px!important; width: 23%!important; height: 640px!important;}

.pakenter { height: 400px!important; width: 98%!important;}
.pricelist { width: 94%!important;}
.subtitle { font-size: 30px!important; line-height: 40px!important;}
.form-group > label {  font-size: 16px!important;}
  .hedingsmal h2 { font-size: 100px!important;}

  .tabbable-line > .tab-content { font-size: 14px!important;}

  .form-smal-box { font-size: 14px!important;  font-family: motion!important;  line-height: 28px!important;
    margin-left: 24px!important;}

.pricing-table .ptable-header, .pricing-table .ptable-body, .pricing-table .ptable-footer { width: 100%!important;}
.deploymentimg { width: 80%;}
.tabs2 label { border-radius: 6px 6px 0px 0px!important; padding: 4px 20px!important; font-size: 12px!important;}
.inerpageblock h2 {font-size: 58px!important; color: #fff!important;}
.inerpageblock p { font-size: 20px!important; line-height: 30px!important;}
.nav>li>a { font-size: 16px!important;}
.left-tab { padding: 6px 14px!important; margin: 8px 0px!important;}
.homehd h2 {font-size: 58px!important; }
.homesubhd {  font-size: 32px!important; font-weight: 400!important; } 
.homedes {  font-size: 20px!important; line-height: 30px!important; font-weight: 400!important; padding: 0% 16%!important; }
.left-tab-icon { width: 10px!important; margin-left: 0px!important;}
.tabs label {border-radius: 4px 4px 0px 0px!important;  padding: 4px 26px!important;  font-size: 12px!important;}

.function-left-panel {height: 366px!important;}
.tabs2 .tab2 {height: 332px!important;}
.tabs .tab {height: 399px!important;}
.left-tab-text { font-size: 12px!important; padding: 0px 0px!important; margin: 8px 0px!important; }
.element-left-panel {height: 432px!important;}
.hedingsmaldes { padding: 2% 18%!important; font-size: 21px!important; line-height: 30px!important;}
.functoncoment {height: 219px!important;}

.pricedata { width: 98% !important;}

.pricelist li { font-size: 16px!important; }

.tabbable-line > .nav-tabs > li.active > a {  font-size: 18px; }
  .tabbable-line > .nav-tabs > li > a {  font-size: 18px; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  font-size: 16px!important;}

  .btn1 {padding: 8px 26px!important;  font-size: 14px!important;  }
  .btn2 {padding: 8px 26px!important;  font-size: 14px!important; }

.pricedec { font-size: 24px!important;  text-align: center; font-weight: 400!important;}

.price-card-hd {font-size: 45px!important; font-weight: bolder!important;}

.teamcolinner h2 { font-size: 40px!important;}
.teamcolinner p { font-size: 18px!important; font-weight: 400!important; font-family: motion!important;}

.avatar2 {top: -80px!important;}
  .avatar2 > img { width: 150px!important;}

  .avatar1 {top: -80px!important;}
  .avatar1 > img { width: 150px!important;}

  .avatar3 {top: -80px!important;}
  .avatar3 > img { width: 150px!important;}

  .teamcolinner {height: 450px!important; padding: 0px 10px!important; margin: 140px 0px 0px 0px!important;}
  .member-info { padding: 10px 10px 30px 10px!important;}
  .footer-top p, .company-footer-contact-list li {  padding: 0% 0% 0% 0%!important;    font-size: 12px!important;
    font-weight: 400!important;  font-family: 'motion'!important;}

.contentdivider { margin-top: 8%!important; }

.inerpagecontentdivider { margin-top: 12%!important; }
  .widget-title {    font-size: 20px!important; }
  .courses-link-list li a { font-size: 12px!important;;  font-family: motion!important;;  font-weight: 400!important;;  }
  .formbg .container {  min-height: 550px!important;  }

  .Thanku h2 { font-size: 65px!important; }
.Thanku p { font-size: 20px!important;}
.popup-container{ max-width: 40%!important; padding: 20px!important;}

.form-control-subs { height: 34px!important;  padding: 6px 20px!important; font-size: 13px!important; }

.foot-logo { width: 12%!important; margin-bottom: 25px!important;}

.btn-send {  font-size: 16px!important;   padding: 1% 6%!important; }

}






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

  .headerhd h2 { font-size: 100px!important; }

  .inerpageblock h2 { font-size: 48px!important; }  
  .inerpageblock p { font-size: 20px!important;}

  .news-letter-form input {
    width: 86%!important;
}

.foot-logo { width: 12%!important; margin-bottom: 25px!important;}

.hedingsmaldes { padding: 2% 18%!important; font-size: 21px!important; line-height: 30px!important;}

.teamcolinner h2 {
  font-size: 30px!important;
  margin-top: 110px!important;
}


}





/* @media screen and (max-width: 1440px) {  
   
  .logo {width: 60%!important;}  
  
  .headerhd h2 { font-size: 80px!important; color: #cc955f; }
  .headersubhd { font-size: 46px!important; font-weight: 400!important;}
  .headerdes { font-size: 24px!important; padding: 0px 21%!important; line-height: 30px!important;}
  
  .visionimg { width: 90%;}
  .deploymentimg { width: 80%;}
  
  .nav>li>a { font-size: 16px!important;}
  
  .homehd h2 {font-size: 68px!important; }
  .homesubhd {  font-size: 32px!important; } 
  .homedes {  font-size: 20px!important; line-height: 30px!important; }
  


  .inerpageblock h2 { font-size: 48px!important; color: #cc955f!important; }  
  .inerpageblock p { font-size: 20px!important;}

  .pricedata { width: 99%!important; }
  
  .foot-logo {width: 100%!important;}


  
  }  */



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

  .logo {width: 60%!important;}  
  .input-group .form-control-subs { width: 80%!important;}
  .pricedec {font-size: 26px!important; font-weight: 400!important;}
  .price-card-hd {font-size: 35px; font-weight: bolder;}
  
  .headerhd h2 { font-size: 90px!important; color: #fff!important; }
  .headersubhd { font-size: 46px!important;  margin: 10px 0px!important; font-weight: 400!important;}
  .headerdes { font-size: 24px!important; padding: 0px 22%!important;}
  
  .visionimg { width: 90%;}
  .deploymentimg { width: 80%;}
  .packages { margin: 4% 1%!important; width: 22%!important; height: 640px!important;}
  .pakenter { height: 400px!important; width: 94%!important;}
  .pricedata { width: 94%!important;}

  .hedingsmaldes { padding: 2% 18%!important; font-size: 24px!important; line-height: 30px!important;}

  .tabbable-line > .nav-tabs > li > a { font-size: 22px!important;}

  .pixelpic, .responsivepic, .integratonpic, .automicdsginpic, .visulogicpic, .extnsiblytypic, .colabratonpic, .dynmicontntpic, .dataintegraonpic, .visualplumbingpic, .colabratonpic, .digitlasetspic, .functoncomposrpic
  { width: 100%!important; height: auto!important; margin: 0px auto!important; display: flex!important;}

  .nav>li>a { font-size: 16px!important;}  
  .homehd h2 {font-size: 46px!important; }
  .homesubhd {  font-size: 32px!important;  margin: 10px 0px!important; font-weight: 400!important; } 
  .homedes {  font-size: 20px!important; line-height: 26px!important; font-weight: 400!important; padding: 0% 18%!important; }
  .btn2 { padding: 6px 14px;  font-size: 14px;}
  .tabs2 .tab2 { height: 330px!important;}

  .tabs .tab { height: 395px!important;}
  .function-left-panel { height: 366px!important;}
  .tab-right-preview { height: 300px;}
  .left-tab { padding: 6px 14px!important; margin: 16px 0px!important;}
  .inerpageblock h2 { font-size: 40px!important;  color: #fff!important; }  
  .inerpageblock p { font-size: 20px!important;}

  .inerpageblockline { margin: 12px 0px 30px 0px!important;}
  .element-left-panel { height: 432px!important;}
  .functoncoment {height: 218px!important;}
  .teamcolinner { height: 470px!important;}
  

  .avatar2 {top: -60px!important;}
  .avatar2 > img { width: 130px!important;}

  .avatar1 {top: -60px!important;}
  .avatar1 > img { width: 130px!important;}

  .avatar3 {top: -60px!important;}
  .avatar3 > img { width: 130px!important;}

  .tabs2 label {border-radius: 6px 6px 0px 0px!important;  padding: 4px 18px!important;  font-size: 14px!important;}
  .left-tab-text { font-size: 14px!important; padding: 4px 0px!important;  margin: 4px 0px!important;}
  .left-tab-icon { width: 12px!important;  margin-left: 4px!important;}
  .tabs label { border-radius: 6px 6px 0px 0px!important; padding: 4px 26px!important;  font-size: 14px!important;}
  .formbg .container {  min-height: 500px!important;  }

  .popup-container{ padding: 70px!important; max-width: 50%!important;}

  .hedingsmal h2 {
    font-size: 90px!important;
}

.foot-logo { width: 12%!important; margin-bottom: 25px!important;}

.formbg input {
  margin: 12px auto!important;
  padding: 12px 16px!important;
  border-radius: 6px!important;
  font-size: 18px!important;
}

  }



  @media (min-width: 1025px) and (max-width: 1180px) {
  
    .foot-logo { width: 30%!important; margin-bottom: 25px!important;}

    .headerhd h2 { font-size: 90px!important; color: #fff!important; }
    .headerdes {
      font-size: 24px!important;
      padding: 0px 22%!important;
  }

  .teamcolinner {
    height: 400px!important;
}
  

.inerpageblockline { margin: 0px auto 30px auto!important;}  


.pixelpic, .responsivepic, .integratonpic, .automicdsginpic, .visulogicpic, .extnsiblytypic, .colabratonpic, .dynmicontntpic, .dataintegraonpic, .visualplumbingpic, .colabratonpic, .digitlasetspic, .functoncomposrpic {
  width: 80%!important;
  height: auto!important;
  margin: 0px auto!important;
  display: flex!important;
}


.news-letter-form input {
  width: 60%!important;
}

.btn2 {
  padding: 6px 12px!important;
  font-size: 14px!important;
  display: flex!important;
  justify-content: center!important;
}

.price-card-hd {
  font-size: 36px!important;
  font-weight: bolder!important;
}

.packages {
  margin: 4% 1%!important;
  width: 23%!important;
  height: 640px!important;
}

.pricelist {
  width: 108%!important;
}

.courses-link-list li a {
  font-size: 14px!important;
  font-family: motion!important;
  font-weight: 400!important;
}

.footer-top p, .company-footer-contact-list li {
  padding: 0% 36% 0% 0%!important;
  font-size: 14px!important;
  font-weight: 400!important;
  font-family: 'motion'!important;
}

    .teamcolinner p {
      font-size: 23px!important;
      font-weight: 400!important;
      font-family: motion!important;
  }

  .inerpageblock h2 {
    font-size: 46px!important;
    color: #fff!important; text-align: center!important;
}

.pakenter {
  height: 400px!important;
  width: 99%!important;
}

.pricedata {
  width: 99%!important;
}

  .inerpageblock p {
    font-size: 22px!important; text-align: center!important;
}

.tabs2 .tab2 {
  height: 267px!important;
}

.function-left-panel {
  height: 303px!important;
}

.functoncoment {
  height: 180px!important;
}

.codetranspencypic, .codecustompic
{ width: 90%!important; height: auto; display: flex; margin: 0px auto;}

.codegenerationpic, .graphiqlpic { width:100%!important; height: auto; display: flex; margin: 0px auto;}


.tabs .tab {
  height: 322px!important;
}

.element-left-panel {
  height: 358px!important;
}

  .teamcolinner h2 {
    font-size: 60px!important;
    margin-top: 110px!important;
}

.footer-top p, .company-footer-contact-list li {
  padding: 0% 36% 0% 0%!important;
  font-size: 12px!important;
  font-weight: 400!important;
  font-family: 'motion'!important;
}


.avatar2 {top: -90px!important;}
        .avatar2 > img { width: 160px!important;}      
        .avatar1 {top: -90px!important;}
        .avatar1 > img { width: 160px!important;}      
        .avatar3 {top: -90px!important;}
        .avatar3 > img { width: 160px!important;}



    
  }
  

   



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

    .modal-content { width: 100%!important;}
  
    .logo {width: 60%!important;}  
    
    .headerhd h2 { font-size: 70px!important; color: #fff!important; }
    .headersubhd { font-size: 36px!important;  margin: 10px 0px!important; font-weight: 400!important;}
    .headerdes { font-size: 22px!important; padding: 0px 140px!important;}

    .price-card-hd {font-size: 45px!important; font-weight: bolder!important;}
    
    .visionimg { width: 90%;}
    .deploymentimg { width: 80%;}
    .nav>li>a { font-size: 16px!important;}
    .h3, h3 { font-size: 20px!important;  }
    h1, h2 { font-size: 26px!important; }

    .footer-top p, .company-footer-contact-list li {
      padding: 0% 22% 0% 0%!important;
      font-size: 12px!important;
      font-weight: 400!important;
      font-family: 'motion'!important;
  }
    

  .codetranspencypic, .codecustompic
{ width: 90%!important; height: auto; display: flex; margin: 0px auto;}

.codegenerationpic, .graphiqlpic { width:100%!important; height: auto; display: flex; margin: 0px auto;}



    .pricing-table .ptable-header, .pricing-table .ptable-body, .pricing-table .ptable-footer {  width: 90%!important;  margin: 0px -20px!important; }

    .pricehd { font-size: 32px!important; line-height: 40px!important;  margin-bottom: 30px!important; }

    .pricedec {font-size: 24px!important;}

    .pixelpic, .responsivepic, .integratonpic, .automicdsginpic, .visulogicpic, .extnsiblytypic, .colabratonpic, .dynmicontntpic, .dataintegraonpic, .visualplumbingpic, .colabratonpic, .digitlasetspic, .functoncomposrpic
    { width: 70%!important; height: auto!important; margin: 0px auto!important; display: flex!important;}

    .enterpriseprice {margin-top: -30px; width: 90%; text-align: center; margin: 0 auto;}    
    .homehd h2 {font-size: 46px!important; }
    .homesubhd {  font-size: 28px!important;  margin: 10px 0px!important;  font-weight: 400!important;} 
    .homedes {  font-size: 18px!important; line-height: 26px!important; font-weight: 400!important; padding: 0px 40px!important; }
  
    .input-group .form-control-subs { width: 80%!important;  }
    .inerpageblock h2 { font-size: 40px!important; text-align: center!important; color: #fff!important;  }  
    .inerpageblock p { font-size: 22px!important; text-align: center!important; }

    .teamcolinner p {
      font-size: 22px!important;
      font-weight: 400!important;
      font-family: motion!important;
  }

  .teamcolinner h2 {
    font-size: 46px!important;
    margin-top: 110px!important;
}

.teamcolinner {
  height: 380px!important;
}


.avatar2 {top: -60px!important;}
.avatar2 > img { width: 150px!important;}      
.avatar1 {top: -60px!important;}
.avatar1 > img { width: 150px!important;}      
.avatar3 {top: -60px!important;}
.avatar3 > img { width: 150px!important;}


    .inerpageblockline { margin: 0px auto 30px auto!important;}  
  
    .foot-logo { width: 40%!important; margin-bottom: 25px!important;}

    .btn1 { padding: 4px 22px!important;  font-size: 20px!important; margin-top: 20px!important; }
    .btn2 {  padding: 4px 10px!important;  font-size: 10px!important;  }
    .packages { margin: 20px 20px!important; width: 94%!important; height: 660px!important; }
    .pakentrbtn { width: 65%!important; text-align: center!important; }

    .pakenter { height: 890px!important; width: 94%!important; }
    .hedingsmal h2 { font-size: 50px!important; }
  
    .hedingsmaldes { font-size: 20px!important; line-height: 26px!important; padding: 20px 130px!important; }
    .tabs label { padding: 2px 22px!important; font-size: 12px!important;  }
    .tabs2 .tab2 { height: 204px!important;}
    .tabs .tab { height: 246px!important;}
    .function-left-panel { height: 230px!important;}
    .tab-right-preview { height: 230px!important;}
    .functoncoment {height: 138px!important;}
    .left-tab-text { font-size: 12px!important; padding: 2px 0px!important; margin: 2px 0px!important; }
    .left-tab-icon { width: 10px!important;  margin-left: 4px!important;  }

    .tabbable-line > .nav-tabs > li > a { font-size: 18px!important;  }

    .tabs2 label { padding: 2px 12px!important; font-size: 10px!important; border-radius: 4px 4px 0px 0px!important; }
    .tabs label { padding: 2px 12px!important;  font-size: 10px!important; border-radius: 4px 4px 0px 0px!important; }

    .left-tab { padding: 2px 12px!important;   margin: 10px 0px!important }
    .element-left-panel { height: 272px!important; }

    .tabbable-line > .nav-tabs > li > a { width: 250px; }
    .tabbable-line > .nav-tabs > li.active > a { max-width: 250px; }

    .navbar-nav { margin: 8px -15px!important;  }

    .formbg .container {  min-height: 500px!important;  }

    .popup-container{ padding: 70px!important; max-width: 50%!important;}

    .bigcolum { width:24%!important;}  
    
    }

    

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

      .bigcolum { width:24%!important;}    
    
      .logo {width: 60%!important; margin-top: -10px;}  

      .navbar-brand { height: 20px!important;  padding: 0px 15px;  font-size: 16px!important;  line-height: 20px;  }
      
      .headerhd h2 { font-size: 60px!important; color: #fff!important; }
      .headersubhd { font-size: 30px!important;  margin: 10px 0px!important; font-weight: 400!important;}
      .headerdes { font-size: 18px!important; padding: 0% 12%!important;}
      
      .visionimg { width: 90%;}
      .deploymentimg { width: 80%!important;}

      .btn1 { font-size: 16px!important; margin: 20px 0px!important; padding: 6px 16px!important; }
      .btn2 { font-size: 10px!important; padding: 4px 6px!important; border-radius: 20px; }
      .hedingsmaldes { padding: 20px 120px!important; }
     .packages  {   width: 43%!important; height: 660px!important;}
        .pakenter {width: 92%!important; height: 620px!important; }


        .teamcolinner p {
          font-size: 18px!important;
          font-weight: 400!important;
          font-family: motion!important;
      }

      .teamcolinner h2 {
        font-size: 42px!important;
        margin-top: 110px!important;
    }

        .pakentrbtn { width: 70%!important; text-align: center!important; margin-top: 4px!important; }

        .subtitle {  font-size: 30px!important;   line-height: 40px!important;   padding: 0% 10% 0% 0%!important;   }

        .form-smal-box { font-size: 18px!important;}


        .nav>li>a { font-size: 16px!important;}
      
      
      .h3, h3 { font-size: 18px!important; }
      .pricing-table .ptable-header, .pricing-table .ptable-body, .pricing-table .ptable-footer {  width: 80%!important;  }      
      .homehd h2 {font-size: 46px!important; }
      .homesubhd {  font-size: 30px!important;  margin: 10px 0px!important; font-weight: 400!important; } 
      .homedes {  font-size: 18px!important; font-weight: 400!important; line-height: 26px!important; padding: 0px 40px!important; }      
      .teamcolinner { height: 350px!important;  margin: 140px 40px 0px 40px!important;   width: 90%!important;  }  
    
      .navbar { margin-bottom: 5px!important; }  
      .navbar-nav { margin: 10px -15px!important; }
      .tabs2 .tab2 { height: 209px!important; }
        .function-left-panel { height: 235px!important; }        
        .tab-right-preview { height: 235px;}
        .tabs .tab { height: 251px!important; }
        .element-left-panel { height: 278px!important;  }
        .tabs2 label { padding: 2px 12px!important; font-size: 10px!important; border-radius: 4px 4px 0px 0px!important; }
        .tabs label { padding: 2px 12px!important;  font-size: 10px!important; border-radius: 4px 4px 0px 0px!important; }

      .left-tab-icon {  width: 8px!important; margin-left: 2px!important; margin-right: 4px!important; }
      .left-tab {padding: 2px 5px!important; margin: 4px 0px!important; font-size: 10px!important; }
      .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff!important; background-color: transparent; }

      .pixelpic, .responsivepic, .integratonpic, .automicdsginpic, .visulogicpic, .extnsiblytypic, .colabratonpic, .dynmicontntpic, .dataintegraonpic, .visualplumbingpic, .colabratonpic, .digitlasetspic, .functoncomposrpic
{ width: 70%!important; height: auto!important; margin: 0px auto!important; display: flex!important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; margin-top: 20px; background: #e868a2;
  padding: 10px 40px; border-top: 1px solid #fff; margin-right: 0px; width: 100%; }

        .inerpageblock h2 { font-size: 32px!important; text-align: center!important; color: #fff!important; }  
        .inerpageblock p { font-size: 18px!important; text-align: center!important;  padding: 0px 40px!important; }
        .inerpageblockline { margin: 0px auto 30px auto!important;}  

        .inerpagecontentdivider { margin-top: 50px; } 
        .functoncoment {height: 140px!important;}
        
      .codetranspencypic, .codecustompic { width: 80%!important; }
      .codegenerationpic, .graphiqlpic { width: 90%!important; }
      .gradient { width: 100%!important; top: -30px!important; }

      .foot-logo { width: 20%!important;}
      .widget-title { font-size: 18px!important; }
      .footer-top .widget-title { margin: 30px 0px 10px 0px!important; }
      .footer-top p, .company-footer-contact-list li { padding: 0% 35% 0% 0%!important; font-weight: 400!important;    font-family: 'motion'!important;}
      .news-letter-form input { width: 90%!important; }
      .news-letter-form input[type="submit"] { width: 20%!important; }
      .btn-send { font-size: 14px!important; padding: 2% 6%!important;  }
      .footer-top { padding-left: 40px!important;   }
      .fotpaton1 { position: absolute!important;   top: 155px!important;  left: 330px!important; }
      .fotpaton2 { position: absolute!important;  top: 310px!important;  width: 320px!important;   left: 333px!important;}
      .footer-top {  padding-bottom: 80px!important;  }

      .formbg .container {  min-height: 450px!important;  }
      .pricesmalbox1 { width:32%!important;  float: left; text-align: left; }
      .pricesmalbox2 { width: 65%!important;   float: right; text-align: left;  }

      .butonbotom { margin-top: 300px!important;}


      .iconsend {  color: #E868A2!important; font-size: 50px;    display: flex;  justify-content: center;  }

      .footer-section {  margin: 20% 0% 0% 0%;  }

      .formbg button {
        margin-top: 20px;
        padding: 8px 30px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.7rem;
        font-weight: bold;
        background-color: #ffffff00!important;
        color: #fff;
        border: 1px solid #ffffff00!important;
        outline: none;
        width: 40px;       border-radius: 24px;
        cursor: pointer;
        transition: transform 0.2s linear;
    }

    .modal-dialog { margin: 60px auto!important; }

    .Thanku {  width: 100%!important;} 
    .Thanku h2 { font-size: 35px!important; }
    .Thanku p { font-size: 14px!important;}
    .Thanku h3 { font-size: 14px!important;}
    .Thanku h5 { font-size: 14px!important; padding: 0px 10px!important;}
    
    .popup-container { max-width: 90%!important; height: 350px!important;  padding: 30px!important; }

    .checkmark { width: 20%; padding: 30px  0px 0px 0px;}

    .form-control-subs {
      height: 30px!important;
      padding: 6px 8px!important;
      font-size: 11px!important;
  }

  .footer-top p, .company-footer-contact-list li {
    padding: 0% 0% 0% 0%!important;
    font-weight: 400!important;
    font-family: 'motion'!important;
}
      
      }



      @media screen and (max-width: 480px) {
              
        .logo {width: 50%!important; margin-top: -10px;}  
        .navbar-brand { height: 20px!important;  padding: 0px 15px;  font-size: 16px!important;  line-height: 20px;  }
        .navbar-nav { margin: 5px -15px!important;  }        
        .headerhd h2 { font-size: 54px!important; color: #fff!important; }
        .headersubhd { font-size: 28px!important;  margin: 10px 0px!important; padding: 0px 40px!important; font-weight: 400!important;}
        .headerdes { font-size: 16px!important; line-height: 26px!important; padding: 0px 30px!important;}

        .pricedec { font-size: 16px!important; }
        .pricehd { font-size: 26px!important;  margin-bottom: 8%!important; padding: 0% 6%!important;}
        .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff!important; background-color: transparent; }
        
        .visionimg { width: 90%;}
        .deploymentimg { width: 80%;}
        .code-editor-pic { width: 100%; height: auto;}
        .tabbable-line > .nav-tabs > li > a { width: 361px!important; margin-left: -2px!important; }
        .tabbable-line > .nav-tabs > li.active > a {max-width: 360px!important; }      

        .gradient { width: 100%; top: -40px; position: relative; bottom: 20px; z-index: -999; }

        .codetranspencypic, .codecustompic { width: 90%!important; margin: 0px auto!important; display: flex!important; }
        .codegenerationpic, .graphiqlpic { width: 90%!important; }

        .pixelpic, .responsivepic, .integratonpic, .automicdsginpic, .visulogicpic, .extnsiblytypic, .colabratonpic, .dynmicontntpic, .dataintegraonpic, .visualplumbingpic, .colabratonpic, .digitlasetspic, .functoncomposrpic
{ width: 80%!important; height: auto!important; margin: 0px auto!important; display: flex!important;}

        .pricing-table .ptable-header, .pricing-table .ptable-body, .pricing-table .ptable-footer {  width: 90%!important;  } 

        .member-name { margin-top: 80px;}
        .hedingsmal h2 {font-size: 40px!important;}
        .form-wrap { margin-top: 30px!important; }
        .hedingsmaldes { padding: 20px 18px!important; font-size: 18px!important; }
        .tabs2 label { padding: 2px 4px!important; font-size: 8px!important; border-radius: 4px 4px 0px 0px!important; }
        .tabs2 .tab2 { height: 95px!important; }
        .function-left-panel { height: 118px!important; }
        .left-tab-text { margin: -5px 0px 0px 0px!important; }
        .tab-right-preview { width: 27%; height: 116px!important;}
        .left-tab-icon {  width: 6px!important; margin-left: 2px!important; }
        .left-tab {padding: 2px 3px!important; margin: 4px 0px!important; font-size: 8px!important; }
        .functoncoment {height: 69px!important;}
        .code-box {  margin-top: -25px!important;}

        .tabs label { padding: 2px 8px!important;  font-size: 8px!important; border-radius: 4px 4px 0px 0px!important; }


        .element-left-panel {height: 138px!important;}
        .tabs .tab {height: 114px!important;}
        .teamcolinner p { font-size: 16px!important; }
        .member-info { padding: 10px 10px 10px 10px!important; line-height: 26px!important;  }
        .teamcolinner { height: 420px!important; margin: 120px 20px 0px 20px!important; }        
        .homehd h2 {font-size: 30px!important; }
        .homesubhd {  font-size: 24px!important;  margin: 10px 0px!important; font-weight: 400!important; } 
        .homedes {  font-size: 16px!important; font-weight: 400!important; line-height: 26px!important; padding: 0px 30px!important; }

        .navbar { margin-bottom: 5px!important; }             
        .nav>li>a { font-size: 14px!important; padding: 6px 8px!important;}
        .nav-tabs>li {  margin: 0px 2px!important; }
       .packages  {   width: 90%!important;}
       .pakentrbtn { width: 40%!important;}
       .form-smal-box { font-size: 18px!important; }

       .subtitle {font-size: 24px!important; line-height: 36px!important; }
        .pakenter {width: 90%!important; height: 840px!important; } 

        .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; margin-top: 20px; background: #e868a2;
          padding: 10px 40px; border-top: 1px solid #fff; margin-right: 0px; width: 100%; }

          .inerpagecontentdivider { margin-top: 50px; }  

          .inerpageblock h2 { font-size: 32px!important; text-align: center!important; color: #fff!important;  }  
          .inerpageblock p { font-size: 16px!important; text-align: center!important; line-height: 26px!important; padding: 0px 0px!important;}
          .inerpageblockline { margin: 0px auto 30px auto!important;} 


        .pricedata { display: none!important;}
        .teamcolinner h2 { font-size: 36px!important; margin-top: 90px!important;  }
        .avatar2 {top: -60px!important;}
        .avatar2 > img { width: 110px!important;}      
        .avatar1 {top: -60px!important;}
        .avatar1 > img { width: 110px!important;}      
        .avatar3 {top: -60px!important;}
        .avatar3 > img { width: 110px!important;}


        .footer-section {  margin: 30% 0% 0% 0%;  }

        .foot-logo { width: 40%!important;}
        .widget-title { font-size: 18px!important; }
        .footer-top .widget-title { margin: 30px 0px 10px 0px!important; }
        .footer-top p, .company-footer-contact-list li { padding: 0% 35% 0% 0%!important; font-weight: 400!important;    font-family: 'motion'!important; }
        .news-letter-form input { width: 60%!important; }
        .news-letter-form input[type="submit"] { width: 20%!important; }
        .btn-send { font-size: 14px!important; padding: 2% 6%!important;  }
        .footer-top { padding-left: 30px!important;   }

         .fotpaton1 { position: absolute!important;   top: 150px!important;  left: 175px!important; }
        .fotpaton2 { position: absolute!important;  top: 308px!important;  width: 304px!important;   left: 175px!important;}

        .footer-top {  padding-bottom: 100px!important;  }

        .close-button {
          z-index: 99;
          position: absolute;
          right: 22px;
          color: #000!important;
          cursor: pointer;
          top: 12px;
      }

      .pricesmalbox1 { width:100%!important; }
      .pricesmalbox2 { width: 100%!important; margin-top: -40px!important;   }

      .butonbotom { margin-top: 530px!important; }

      .iconsend {  color: #E868A2!important; font-size: 50px;    display: flex;  justify-content: center;  }


      .formbg button {
        margin-top: 0px!important; color: #000;
    }

    .sendbtn { width: 10%;}

    .formbg input {
      margin: 8px auto!important;
      padding: 10px 16px!important;
      border-radius: 6px!important;
      font-size: 16px!important;
  }

        .formbg .overlay-container {
          position: absolute!important;
          top: 370px!important;
          left: 0px!important;
          z-index: 5!important;
          height: 40%!important;
          width: 222%!important;
          padding: 0px 256px!important;
          overflow: hidden!important;
          transition: transform 0.6s ease!important;
      }

      .formbg .overlay-panel {
        padding: 0 0px!important; left: 50px!important;
        height: 100%!important;
        width: 50%!important;
        display: flex!important;
        flex-direction: column!important;
        text-align: center!important;
        transition: transform 0.6s ease!important;
        justify-content: center!important;
        align-content: center!important;
    }

      .formbg .form-container {
        position: absolute!important;
        top: 190px!important;
        left: 0!important;
        height: 0%!important;
        width: 100%!important;
        background-color: #fff!important;
        transition: 0.6s ease!important;
    }

    .formbg .container {
      min-height: 616px!important;
  }
        

  .modal-dialog {
    margin: 70px auto!important;
}
        

.Thanku {  width: 100%!important;} 
.Thanku h2 { font-size: 30px!important; }
.Thanku p { font-size: 14px!important;}
.Thanku h3 { font-size: 14px!important;}
.Thanku h5 { font-size: 14px!important; padding: 0px 10px!important;}
.checkmark { width: 20%; padding: 30px  0px 0px 0px;}
.popup-container { width: 80%!important;  padding: 30px!important; }



        }










/* 

@media screen and (max-width: 480px) {
              
        .logo {width: 50%!important; margin-top: -10px;}  

        .navbar-brand { height: 20px!important;  padding: 0px 15px;  font-size: 16px!important;  line-height: 20px;  }
        
        .headerhd h2 { font-size: 40px!important; color: #5e96ff!important; }
        .headersubhd { font-size: 26px!important;  margin: 10px 0px!important;}
        .headerdes { font-size: 16px!important; line-height: 26px!important; padding: 0px 30px!important;}

        .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff!important; background-color: transparent; }
        
        .visionimg { width: 90%;}
        .deploymentimg { width: 80%;}

        .tabs2 label { padding: 2px 4px!important; font-size: 8px!important; border-radius: 4px 4px 0px 0px!important; }
        .tabs2 .tab2 { height: 121px!important; }
        .function-left-panel { height: 145px!important; }

        .left-tab-text { margin: -5px 0px 0px 0px!important; }
        .tab-right-preview { width: 27%; height: 145px!important;}
        .left-tab-icon {  width: 8px!important; margin-left: 2px!important; }
        .left-tab {padding: 2px 5px!important; margin: 4px 0px!important; font-size: 8px!important; }
        .functoncoment {height: 86px!important;}
        .code-box {  margin-top: -25px!important;}

        .tabs label { padding: 2px 8px!important;  font-size: 8px!important; border-radius: 4px 4px 0px 0px!important; }


        .element-left-panel {height: 170px!important;}
        .tabs .tab {height: 147px!important;}

        .teamcolinner p { font-size: 16px!important; }

        .member-info { padding: 10px 20px 10px 20px!important;  }

        .teamcolinner { height: 370px!important; margin: 120px 20px!important; }
        
        .homehd h2 {font-size: 30px!important; }
        .homesubhd {  font-size: 24px!important;  margin: 10px 0px!important; } 
        .homedes {  font-size: 16px!important; line-height: 26px!important; padding: 0px 30px!important; }

        .gradient { width: 100%; top: -20px; position: relative;}

        .navbar { margin-bottom: 5px!important; }      
       
        .nav>li>a { font-size: 14px!important; padding: 6px 8px!important;}
        .nav-tabs>li {  margin: 0px 2px!important; }

       .packages  {   width: 90%!important;}

        .pakenter {width: 90%!important; } 

        .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; margin-top: 20px; background: #e868a2;
          padding: 10px 40px; border-top: 1px solid #fff; margin-right: 0px; width: 100%; }

          .inerpagecontentdivider { margin-top: 50px; }  

          .inerpageblock h2 { font-size: 32px!important; text-align: center!important; color: #5e96ff!important;  }  
          .inerpageblock p { font-size: 16px!important; text-align: center!important; line-height: 26px!important; padding: 0px 20px!important;}
          .inerpageblockline { margin: 0px auto 30px auto!important;}  

        .foot-logo {width: 40%!important;}

        .pricedata { display: none!important;}

        .teamcolinner h2 { font-size: 36px!important;  }

        .avatar2 {top: -80px!important;}
        .avatar2 > img { width: 130px!important;}
      
        .avatar1 {top: -80px!important;}
        .avatar1 > img { width: 130px!important;}
      
        .avatar3 {top: -80px!important;}
        .avatar3 > img { width: 130px!important;}

             
        }

*/
















        /* .haderinrhome { position: relative; width: 100%; text-align: center; top: -450px!important;}
        .haderinrdesgn { position: relative; width: 100%; text-align: center; top: -440px!important;}
        .haderinrdevlop { position: relative; width: 100%; text-align: center; top: -380px!important;}
        .haderinrinnov { position: relative; width: 100%; text-align: center; top: -520px!important;}
        .haderinrpric { position: relative; width: 100%; text-align: center; top: -380px!important;}
        
        
        .gradntdesgn { width: 100%; margin-top:280px!important;}
        .gradntdevlop { width: 100%; margin-top:200px!important;}
        .gradntinnov { width: 100%; margin-top:350px!important;}
        .gradntpric { width: 100%; margin-top:200px!important;}   
      
    
    
    
    .codetranspencypic, .codegenerationpic, .graphiqlpic, .codecustompic
    { width: 100%!important; height: auto; display: flex; margin: 0px auto;}
    
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff; background-color: transparent; }
    
      
    
    .footerbg {background: #3C16A2; margin-top: 50px;}
    
    .teamcolinner {
    position: relative;  border: 1px solid #ddd;  height: 429px!important; z-index: 9; font-family: motion; margin: 140px 0px!important;
    width: 360px!important;  border-radius: 20px; }
    
    .member-name {  margin-top: 100px!important;   }
    
    .btn1 {display: inline-block;  padding: 6px 18px!important;  margin-bottom: 0;  font-size: 16px!important;  font-weight: 400;  font-family: motion; line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;
    touch-action: manipulation;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;
    user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 26px;  }
    
    .footer-bs { padding: 20px 40px!important;  color: rgba(255,255,255,1.00);  margin-bottom: 20px; font-family: motion ;
    border-bottom-right-radius: 6px;  border-top-left-radius: 0px;  border-bottom-left-radius: 6px;  }
    
    .pricetopdivid { margin-top: -180px!important;}  
    .desinerdivid { margin-top: -250px!important;}  
    .delopdivid { margin-top: -210px!important;}  
    .inovtrdivid { margin-top: -320px!important;}  
    
    .contivid { margin-top: -180px!important;}  
    .repotivid { margin-top: -140px!important;}  
    .termivid { margin-top: -160px!important;}
    
    .block {bottom: 0px;  margin: 30px 0px;  padding: 30px 0px;  }
    .fomdsin { display: none;}
    
    
    
    
   
    
    .hadrinrsubhd {font-size: 26px!important; text-align: center; margin: 10px 80px!important; font-family: motion; font-weight: 900; color: #fff;}
    .hadrinrsubhd span { color:#e868a2 ;}
    
    .hadrinrsubhdinovator {font-size: 26px!important; text-align: center; margin: 10px 60px!important; font-family: motion; 
      font-weight: 900; color: #fff;}
    .hadrinrsubhdinovator span { color:#e868a2 ;}
    
    .hadrinrsubhdevelop {font-size: 26px!important; text-align: center; margin: 10px 0px!important; font-family: motion; font-weight: 900; color: #fff;}
    .hadrinrsubhdevelop span { color:#e868a2 ;} 
    
    
    
    .hadrinrsubhdevelop { font-size: 26px!important; margin: 10px 0px!important; text-align: center; font-family: motion; font-weight: 900;  color: #fff;}
    
    
    
    .pricehd { color: #fff; font-size: 32px!important; text-align: center; font-weight: bold; font-family: motion ; margin-bottom: 15px!important;}
    
    
    
    .hadrinrdes { font-size: 18px!important; font-family: motion;  line-height: 30px!important; color: #fff; font-weight: normal; padding: 0px 30px!important;}
    
    
    
    
    
    
    .contact-links {width: 50%; padding: 15% 5% 15% 5%;  margin-top: 80px;  }
    
    
    
    
   
    
    .desgn h2 {font-size: 32px!important;  font-weight: bolder;  font-family: motion ;   text-align: center;  color: #fff;  }
    
    .desgn p {  font-size: 22px!important;  text-align: center;  font-family: motion ;  font-weight: bold;  color: #fff; }  
    
    .logo {width: 36%;  margin-left: 15px;  margin-top: 9px;}
    
    
    
    .desgn .detaltext {font-size: 18px!important; line-height: 24px!important; font-weight: normal; margin: 10px 0px 30px 0px; padding: 0px 20px;}
    
    .hader h2 { font-size: 50px; letter-spacing: 6px; margin: 0px; font-family: gagalin; text-align: center;  color: #fff; } 
    .hader p { font-size: 30px; text-align: center; font-family: motion ; font-weight: bold; color: #fff; } 
    
    .hader .detaltext {font-size: 15px; line-height: 24px; font-weight: normal; margin: 10px 0px 30px 0px; padding: 0px 20px;}
    .usersec { margin: 70px 0px;  }
    
    .desgn {  text-align: center; margin: 0px auto; margin-top: 50px; font-family: motion ;}
    .visonimg { width: 90%;}
    
    .nav>li>a {  position: relative;  display: block; font-size: 13px; color: #fff; font-family: motion;
    padding: 6px 10px;  margin: 0px -6px;  }
    
    .navbar-toggle {
    position: relative;  float: right;  padding: 4px 10px;  margin-top: 25px!important;  margin-right: 15px;  margin-bottom: -70px!important; 
    background-color: transparent;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;  }
    
    .navbar-nav {  margin: 0px -15px 0px -15px!important;  background: #E868A2;  padding: 0px 30px!important;  z-index: 999!important;}
    
    .gradnt {width: 100%; margin-top: 150px;}  
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;  margin-top: 20px;  margin-right: 0px;   }
    
    
    
    
    .tabs2 .tab2 {-webkit-box-ordinal-group: 100;  -webkit-order: 99;  -ms-flex-order: 99;  order: 99;  -webkit-box-flex: 1;  -webkit-flex-grow: 1;
    -ms-flex-positive: 1;  flex-grow: 1;  height: 103px!important;  width: 100%;  display: none;  padding: 1rem;
    background: #1E1E1E;  border-left: 1px solid;  }
    
    .functonlefttab {width: 74px!important; height: 115px!important; background: #000;  }
    
    .tabbable-line > .nav-tabs {border: none;  margin: 190px 0px 0px 0px !important;  }
    
    .tabs2 label {-webkit-box-ordinal-group: 2;  -webkit-order: 1;  margin-top: 0px!important;  -ms-flex-order: 1;  margin-bottom: 0px!important;
    order: 1;  color: #fff;  display: block;  border-radius: 2px 2px 0px 0px!important;  padding: 1px 4px!important;
    font-size: 7px!important;  font-weight: 400;  margin-right: 0.2rem;  cursor: pointer;  background: #6A6A6A;
    -webkit-transition: background ease 0.2s;  transition: background ease 0.2s;  }
    
    .function-scroll {overflow-y: scroll; height: 80px!important; background: #1E1E1E;}
    
    .functoncoment {background: #000; height: 70px!important; margin-top: 0px;}
    .functioncovr {display: flex; margin-top: -25px!important; height: 115px!important;}
    .functonav {padding: 1px 4px!important; font-size: 7px!important; color: #fff!important; cursor: pointer; margin: 3px 0px;}
    .noticn { width: 6px!important; margin-right: 4px!important;}
    .topicn { text-align: right;  padding: 0px 4px 0px 0px!important;}
    
    .tpicn { width: 10px!important;}
    
    
    .tabs label {
    -webkit-box-ordinal-group: 2; -webkit-order: 1; margin-top: 8px; -ms-flex-order: 1; margin-bottom: 0px; order: 1; color: #fff;
    display: block;  border-radius: 2px 2px 0px 0px!important;  padding: 1px 6px!important;  font-size: 7px!important;
    font-weight: 400;  margin-right: 0.2rem;  cursor: pointer;  background: #6A6A6A;  -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;  }
    
    .elemntprevw { width: 27%!important;}
    
    .elemntcovr { width: 70px!important; height: 140px!important; background: #000;}
    
    .member-info { padding: 10px 10px 40px 10px!important;}
    
    .tabs .tab {-webkit-box-ordinal-group: 100;  -webkit-order: 99;  -ms-flex-order: 99;  order: 99;  -webkit-box-flex: 1;  -webkit-flex-grow: 1;
    -ms-flex-positive: 1;  flex-grow: 1;  height: 119px!important;  width: 100%;  display: none;  padding: 1rem;  background: #1E1E1E;
    border-left: 1px solid;  }
    
   
    
    .toplink>li>a { font-size: 16px; border-bottom: 1px solid #edeaea;  line-height: 26px;  }
    
    .elemntscrl { overflow-y: scroll; height: 100px!important; background: #1E1E1E; }
    
    .elemntwrap { display: flex; margin-top: -27px!important;}
    
    
   
    
    
    
    
    .tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
      flex-wrap: wrap; background: #000;}
    
    .tabs label {  -webkit-box-ordinal-group: 2;  -webkit-order: 1; margin-top: 8px;  -ms-flex-order: 1; margin-bottom: 0px;  order: 1; color: #fff;
      display: block; border-radius: 4px 4px 0px 0px;  padding: 4px 14px; font-size: 11px; font-weight: 400;  margin-right: 0.2rem;
      cursor: pointer;  background: #6A6A6A;  -webkit-transition: background ease 0.2s;  transition: background ease 0.2s;}
    
    .tabs .tab {  -webkit-box-ordinal-group: 100;  -webkit-order: 99;  -ms-flex-order: 99;  order: 99;  -webkit-box-flex: 1;  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;  flex-grow: 1; height: 385px;  width: 100%;  display: none;  padding: 1rem;  background: #1E1E1E; border-left: 1px solid;}
    
    .tabs input[type="radio"] {  position: absolute;  opacity: 0;}
    
    .tabs input[type="radio"]:checked + label { background: #E63674; }
    
    .tabs input[type="radio"]:checked + label + .tab { display: block; }
    
    
    .tabs2 {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;
      flex-wrap: wrap; background: #000;}
    
    .tabs2 label {  -webkit-box-ordinal-group: 2;  -webkit-order: 1; margin-top: 8px;  -ms-flex-order: 1; margin-bottom: 0px;
      order: 1; color: #fff;  display: block; border-radius: 4px 4px 0px 0px;  padding: 4px 14px; font-size: 11px; font-weight: 400;  margin-right: 0.2rem;
      cursor: pointer;  background: #6A6A6A;  -webkit-transition: background ease 0.2s;  transition: background ease 0.2s;}
    
    .tabs2 .tab2 {  -webkit-box-ordinal-group: 100;  -webkit-order: 99;  -ms-flex-order: 99;  order: 99;  -webkit-box-flex: 1;  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;  flex-grow: 1; height: 334px;  width: 100%;  display: none;  padding: 1rem;  background: #1E1E1E; border-left: 1px solid;}
    
    .tabs2 input[type="radio"] {  position: absolute;  opacity: 0;}
    
    .tabs2 input[type="radio"]:checked + label { background: #E63674; }
    
    .tabs2 input[type="radio"]:checked + label + .tab2 { display: block; }
    
    
    
    #style-4::-webkit-scrollbar-track{  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color: #1E1E1E;}
    
    #style-4::-webkit-scrollbar{  width: 4px;  background-color: #1E1E1E; border-radius: 100px;}
    
    #style-4::-webkit-scrollbar-thumb{  background-color: #E63674;  border: 0px solid #F5F5F5;}
    
    .teamcolinner {   position: relative;}
    
    .avatar1 {  position: absolute;  left: 0;   right: 0;    top: -80px;  text-align: center;}
    .avatar1 > img {  width: 130px;   margin: auto; background: #fff;   border-radius: 50%;   border: 6px solid #E8A244;}
    
    .avatar2 {   position: absolute;  left: 0;   right: 0;   top: -80px;  text-align: center;}
    .avatar2 > img { width: 130px;  margin: auto;  border-radius: 50%;  border: 6px solid #51BEA7;}
    
    
    .avatar3 { position: absolute;  left: 0;  right: 0;   top: -80px;   text-align: center;
    }
    .avatar3 > img {  width: 130px;   margin: auto;   border-radius: 50%;   border: 6px solid #4AB6FB;}
    
    .avatar4 {  position: absolute;  left: 0;  right: 0;  top: -80px;  text-align: center;}
    .avatar4 > img {  width: 130px;  margin: auto;   border-radius: 50%;   border: 6px solid #9BBB5C;}
    
    
    .teamcolinner {  position: relative;  border: 1px solid #ddd;  height: 450px;  z-index: 9; border-radius: 20px;}
    
    .teamcolinner p {  color: #fff; font-size: 18px;}
    
    .teamcolinner h2 {  color: #fff; font-size: 40px; font-weight: bold;}
    
    
    .member-name { margin-top: 130px;}
    .member-info {    padding: 10px 20px 50px 20px;}
    
    .function-preview-rght { width: 27%!important; height: 335px;}
    .function-scroll {overflow-y: scroll; height: 300px; background: #1E1E1E;}
    .functonlefttab {width: 237px; height: 365px; background: #000;} */