@font-face {
  font-family: "PoppinsMedium";
  src: url("../fonts/Poppins-Medium.ttf");

}

@font-face {
  font-family: "PoppinsSemiBold";
  src: url("../fonts/Poppins-SemiBold.ttf");
}


@font-face {
  font-family: "PoppinsBold";
  src: url("../fonts/Poppins-Bold.ttf");
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf");
}

body {
  font-family: PoppinsMedium;
  font-size: 16px;
  color: #253858;
}

/* .bg-image img {
  display: block;
  width: 100%;
  max-width: 1200px; /* corresponds to max height of 450px 
  margin: 0 auto;
} */

@media (min-width: 768px) {
  .desktop_viewpoint {
    display: block;
  }

  .mobile_viewpoint {
    display: none;
  }

}

@media (max-width: 767.98px) {
  .desktop_viewpoint {
    display: none;
  }

  .mobile_viewpoint {
    display: block;
  }
}

@media (min-width: 1280px){

.container, .container-lg, .container-md, .container-sm, .container-xl,
 .container-xxl ,
.logo-blog,
nav .container-fluid,
.app-ui,.contact-bg{
  max-width: 1236px!important;
  padding: 0;
  width: 100%;
  margin-left: auto!important;
  margin-right: auto!important;
}

.app-ui-form-mobile{
  display: none !important;
}


.p-3{

  padding: 0 !important;
  background:#fff;
  padding-top: 18px!important;
  padding-bottom: 20px!important;
}

.navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link
{
  text-transform: uppercase;
  font-size: 14px;
  font-family: PoppinsSemiBold;
}

.bg-focus-on-business {
  background: url('../images/home-bg.jpg') repeat-x;

  /* height: 1025px; 

  margin-top: 92px;*/
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.p-3 .px-2{
/* 
  padding-right: 9px!important;
  padding-left: 9px!important; */


}


.home-focus-bg{

  background: url('../images/uno-banner-artwork.png') no-repeat;
  height: 769px;
  background-size: 1105px 769px;
  background-position: center;
  margin-top: 60px;
}

.home-focus-bg img{
  display: none !important;

}

.home-focus-text{
  text-align: center;
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 140px;

}

.focus{
  font-size: 50px;
  font-family: PoppinsBold;
}

.culture{
  font-family: PoppinsMedium;
  font-size: 16px;
  margin-top: 40px;

}

.meet-platform{
  margin-top: 133px;
}

.whtitle{
  font-family: PoppinsSemiBold;
  font-size: 14px;
  margin-bottom: 16px;
  margin-top: 27px;
}

.meettitle{
  font-family: PoppinsBold;
  font-size: 46px;
}

.meet-platform,
.text-feature,
.menu-line,
.dashboard,
.app-ui-blog,
.app-ui-blog,
.app-ui-right-bg,
.app-ui-left-bg,
.card-blog,
.contact-blog,
.footer
{
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 !important;
}

.meet-left{
  font-family: Poppins;
  font-size: 16px;
  line-height: 30px;
}

.left-1{
  margin-top: 35px;
}
.left-2{
  margin-top: 29px;
}
.left-3{
  margin-top: 29px;
  margin-bottom: 52px;
}

.unotitle{
  font-family: PoppinsBold;
  font-size: 48px;
  margin-top: 165px;
  margin-bottom: 7px;
}

.one-platform{
  font-family: Poppins;
  font-size: 16px;
}

.nav-pills .nav-item {
  min-height: 45px!important;
}

li {
  list-style-type: none;
  position: relative;
  float: left;
}

.menu-line .nav-link.active {
  color: #425cc7 !important;
  font-family: PoppinsMedium;
  font-size: 18px;
  background-color: #fff!important;
  border-bottom: 5px solid #425cc7;
  border-radius: 0 !important;
}

.menu-line .nav-link {
  font-family: PoppinsMedium;
  font-size: 18px;
  color: #8590A2 !important;
}

.menu-line{
  padding: 0!important;
  margin-top: 80px;
}

.menu-line .nav-link{
  padding: 8px 12px 22px 12px !important;
}

#cont{
  margin-right: 9px!important;
  margin-left: 18px!important;
}

#pric{
  margin-left: 13px!important;
}

.dashboard{
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 9px!important;
}

.pdash{
  background:#f3f8ff;
  padding-top: 30px;/*70px;*/
  padding-bottom:100px;/*140px;*/
}

.menu-line .mb-3{
  margin-bottom: 0px!important;
}

.pdash-bg{
  background: url('../images/uno-features-bg.png') no-repeat;
  background-size: 1732px 815px;
  background-position: top;
  padding-left: 0px;
  padding-right: 0px!important;
  height: 871px;
}

.app-ui-blog{
  min-height: 400px;
  border-radius: 25px;
  background: #253858;
  /* margin-bottom: 132px; */
  position: relative;
  top: -70px;
}

.app-ui-form{
  padding-left: 120px;
  /* padding-right: 95px; */
  padding-top: 88px;
  position: relative;
}
.app-ui-form div.app-ui-header {
  font-family: PoppinsBold;
  color: #fff;
  font-size: 48px;
}
.mb_active {
  text-decoration: none;
  color: #54d3e9 !important;
  font-size: 18px;
}
.mb {
  text-decoration: none;
  color: #b7cbec;
  font-size: 18px;
}

.app-ui-form .left .home {
  color: #54d3e9;
  font-size: 18px;
}
.app-ui-form .left .nt-home {
  color: #b7cbec;
  font-size: 18px;
}
.app-ui-form hr {
  color: #49628d;
  opacity: 1 !important;
}


.annouce_hr{
  margin-top: 35px;
  margin-bottom: 98px;
}

.other_hr{

  margin: 35px 0px;
}

.home_hr{
  margin-top: 54px;
  margin-bottom: 35px;
  color: #54d3e9 !important;
  opacity: 1!important;
  height: 3px !important;
}
.left{
  width: 534px;
  padding-right:0 !important;
}

.img_div img{
  height: 851px;
}

.right{
  margin-left: 130px;
  padding-right: 81px;
  position: relative;
  top: -40px;
}

.app-ui-right-bg {
    background: url(../images/top-api-ui-bg.png) no-repeat right;
    position: relative;
    height: 227px; 
    top: 50px;
    right: -90px; 
}
.hr_line {
  color: #E2E9F3 !important;
  height: 1px;
}
#save_pricing .p-plan{
  font-family: PoppinsBold;
  font-size: 48px;
  margin-bottom: 22px;/*33px;*/
  margin-top: 113px;/*131px;*/

}
.contact-bg .title-contact-us{
  font-family: PoppinsBold;
  font-size: 48px;
  margin-bottom: 53px;/*33px;*/
  margin-top: 0 !important;/*131px;*/
}
.contact-interest{
  color: #253858 !important;
  font-family: PoppinsMedium;
  font-size: 18px;
 margin-bottom: 32px !important;
}

.contact-email{
  color: #425cc7 !important;
  font-family: PoppinsBold;
  font-size: 16px;
  text-align: center;
  padding: 18px 28px;
  border: 2px solid #425CC7;
}
.pemail{
  margin-bottom: 129px !important;
  /* margin-top: 18px!important; */
}

#save_pricing .save-plan{
  font-family: Poppins;
  font-size: 16px;
  margin-bottom: 0px !important;
}

.app-ui-left-bg{
  background: url(../images/bottome-api-ui-bg.png) no-repeat;
  height: 184px;
  position: relative;
  top: -430px;
  z-index: -999;
  right: 80px;

}

.card{
  width: 608px;
  height: 304px;/*auto;*/
  border: 1px solid #dce6f2 !important;
  padding: 0!important;
  margin-right: 20px;
}
.p-0{
  padding-left: 0px;
  padding-right: 0px;
}

.card-header{
  height: 70px;
  background: #f3f8fe;
  border-bottom: none;
  font-size: 20px;
  text-align: center;
  color: #425cc7;
  font-family: PoppinsBold;
  padding:0px;
}

.card-header span{
  padding-top: 20px;
  display: block;
  padding-bottom: 20px;
}

.card-body{
  padding: 0 !important;
}

.card-body .p-ks{

  font-family: PoppinsBold;
  font-size: 50px;
  display: block;
  margin: 54px 205px 17px 205px;
  text-align: center !important;
}

.card-text{
  text-align: center;
  font-size: 14px;
  font-family: PoppinsMedium;
  /* margin-bottom: 63px!important; */
}
.package{
  display: block;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  margin: 66px 0px 0px 0px;
}

.package-card-text{
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  /* margin-bottom: 132px!important; */
}

.m-r-0{
  margin-right: 0 !important;
}

.price-left-bg{
 
    background: url(../images/price-bg-left.png) no-repeat;
    background-size: 172px 174px;
    height: 174px;
    position: relative;
    top: 90px;
    right: 80px;
    /* padding-left: 97px!important;
    padding-top: 80px!important;
    padding-bottom: 70px!important;
    background-position: left 10px top 0px; 
    width: auto; */
}

.price-right-bg{
  background: url(../images/price-bg-right.png) no-repeat right;
  background-size: 124px 256px;
  height: 256px;
  position: relative;
  bottom: 200px;
  right: -70px;
  z-index: -999;
}

.p-cards{
  padding: 0 !important;
  position: relative;
}

.m-0{
  margin: 0 !important;
}

.card-blog{
  height: 551px;/*579px;*//*667px;*/
  position: relative;
  top: -60px;
  /* margin-bottom: 160px; */
}

.contact-bg{
  /* background: url(../images/contact-bg-s.png) repeat; 
  height: 1058px;
  background-size: 100%;*/
}


.drop-us span{
  display: block;
  font-family: "PoppinsBold";
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin-top: 106px;
}

.enquires{
  font-family: "PoppinsMedium";
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-bottom: 111px;
  margin-top: 6px;
}

.contact-form{
  max-width: 1274px;
  background: #fff;
  padding: 98px 98px 70px 88px;
  font-family: "Poppins";
  font-size: 14px!important;
  border-radius: 10px;
}

.form-control{
  height: 50px !important;
}

.frm_ele{
  margin-bottom: 30px!important;
}

.btn-primary{
  width: 140px!important;
  height: 50px!important;
  background: #415cc7!important;
  font-family: PoppinsSemiBold;
  font-size: 14px;
}

.contact-form .row{

  margin-left:0px !important;
  margin-right:0px !important;
}

textarea.form-control{
  height: 120px !important;
}

.f-left{
  width: 310px;
  padding:0px;
}

.footer .row{
  margin:0 !important;
}

.f-right{
  font-family: Poppins;
  font-size: 14px;
  color:#9fa5b5 !important;
  text-align: right;
  padding:0 !important;
  width: 926px;
}
.footer{
  margin-top: 30px;
  margin-bottom: 30px;
}

.p-store{
  margin-right: 20px;
}

.header-link .active{
  color:#425cc7 !important;
  background: #f3f8ff;
  border-radius: 30px;
  font-size: 14px;
  font-family: 'PoppinsSemiBold';
  padding: 8px 15px 8px 15px !important;
}
.header-link .nt_active{
  color:#42526e !important;
  font-size: 14px;
  font-family: 'PoppinsSemiBold';
  padding: 8px 15px 8px 15px !important;
}


#pills-tab #pills-dashboard-tab{

  margin-right: 40px!important;
  
}

#pills-dashboard{
  background: url(../images/dashboard.png) no-repeat;
}

#pills-emp-info{
  background: url(../images/employee_info.png) no-repeat;
}

#pills-attendance{
  background: url(../images/attendance.png) no-repeat;
}
#pills-leaves{
  background: url(../images/leaves.png) no-repeat;
}

#pills-overtime{
  background: url(../images/overtime.png) no-repeat;
}

#pills-contract{
  background: url(../images/contract.png) no-repeat;
}

#pills-wh-history{
  background: url(../images/working_history.png) no-repeat;
}

#pills-payroll{
  background: url(../images/payroll.png) no-repeat;
}

#pills-dashboard,
#pills-emp-info,
#pills-attendance,
#pills-leaves,
#pills-overtime,
#pills-contract,
#pills-wh-history,
#pills-payroll
{
  
  background-size: 100%;
  height: 862px;
  width: 1278px;
  position: relative;
  right: 20px;
}


#pills-emp-info-tab{
  margin-right: 48px!important;
}
#pills-attendance-tab{
  margin-right: 44px!important;
}

#pills-leaves-tab,#pills-overtime-tab{
  margin-right: 42px!important;
}

#pills-contract-tab{
  margin-right: 41px!important;
}
#pills-wh-history-tab{
  margin-right: 30px!important;
}

.logo-banner {
  box-shadow: 0px 1px #f3f3f3;
}

.app-ui{
  max-height: 1291px;/*1307px;*/
}
.culture-tablet{
  display: none;
}
.dashboard-tablet{
  display:none;
}
}

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

  .container{
    /* margin-left: 24px !important;
    margin-right:24px !important;
    max-width: 85%!important; */
    max-width: 100%!important;
  }
  .navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: 14px;
    font-family: PoppinsSemiBold;
}
  .menu-line,.pdash,.app-ui-right-bg,.app-ui-left-bg,.price-left-bg,.price-right-bg{
    display: none;
  }
  .bg-focus-on-business {
    /* background: url(../images/home-bg-tablet.png) repeat-x; */
}
.focus {
  font-size: 40px;/*30px;*/
  font-family: PoppinsBold;
}
.culture {
  font-family: PoppinsMedium;
  font-size: 16px;/*13px;*/
  margin-top: 40px;
}

.home-focus-bg {
  /* background: url(../images/uno-banner-artwork.png) no-repeat;
  height: 530px;
  background-size: 70%;
  background-position: center; */

}

.home-focus-bg img{
  display: block;
  padding-right: 0px !important;
  padding-left: 0px!important;

}

.culture-desk{
  display: none;
}
.culture-tablet{
  display: block;
}

.home-focus-text {
  text-align: center;
  color: #fff;
  font-size: 12px;
  /* position: relative;
  top: 65px; */
  background: #415cc7;
  padding-top: 65px;
}

  .logo-banner {
    box-shadow: 0px 1px #f3f3f3;
  }

  .p-3 {
    padding: 0 !important;
    background: #fff;
    padding-top: 18px!important;
    padding-bottom: 20px!important;
  }

  .header-link .active {
    color: #425cc7 !important;
    background: #f3f8ff;
    border-radius: 30px;
    font-size: 14px;
    font-family: 'PoppinsSemiBold';
    padding: 8px 15px 8px 15px !important;
  }
  .header-link .nt_active {
    color: #42526e!important;
    font-size: 14px;
    font-family: 'PoppinsSemiBold';
    padding: 8px 15px 8px 15px !important;
}
#cont {
  margin-right: 9px!important;
  margin-left: 18px!important;
}

  #pric {
    margin-left: 13px!important;
}

.whtitle {
  font-family: PoppinsSemiBold;
  font-size: 14px;
  margin-bottom: 25px !important;
}
.meettitle {
  font-family: PoppinsBold;
  font-size: 30px;
  margin-bottom: 34px!important;
}
.meet-left {
  font-family: Poppins;
  font-size: 14px;
  line-height: 30px !important;
}

.meet-left p{
  margin-bottom: 50px!important;
}

.img-circle{
  margin-top: 145px!important;
}
.col-lg-6 {
  flex: 0 0 auto;
  width: 50%;
}
.img-circle{
  width: 100%;
}
.unotitle {
  font-family: PoppinsBold;
  font-size: 32px;
  margin-top: 44px !important;
  margin-bottom: 4px;
}
.one-platform {
  font-family: Poppins;
  font-size: 13px;
  margin-bottom: 25px;
}

.app-ui-blog {
  min-height: 400px;
  border-radius: 25px;
  background: #253858;
  /* margin-bottom: 132px; */
  position: relative;
  /* top: -70px; */
}
.app-ui-form {
  padding-left: 38px;
  padding-right: 33px;
  padding-top: 50px;
  position: relative;
}
.app-ui {
  max-height: 1307px;
}
.img_div img{
  width: auto;
  max-height: 700px !important;

}
.mb {
  text-decoration: none;
  color: #b7cbec;
  font-size: 18px;
}
.app-ui-form .left .nt-home {
  color: #b7cbec;
  font-size: 18px;
}
.app-ui-form div.app-ui-header {
  font-family: PoppinsBold;
  color: #fff;
  font-size: 32px;
}
.app-ui-form .left .home {
  color: #54d3e9;
  font-size: 13px;
}
.home_hr {
  margin-top: 50px;
  margin-bottom: 30px;
}
.other_hr {
  margin: 35px 0px;
}
.annouce_hr {
  margin-top: 35px;
  margin-bottom: 65px;
}

.right{
  padding-left: 5%;
  position: relative;
  top:30px;
}

.app-ui{
  margin: 0 !important;
}

.img_div_tablet{
  display: block!important;
}
.img_div_desk,.img_div_desk img{
  display: none!important;
}

#pricing hr{
  display: none;
}
#save_pricing .p-plan{

  font-family: PoppinsBold;
  font-size: 32px;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-top: 80px;
}

.contact-bg .title-contact-us{
  font-family: PoppinsBold;
  font-size: 32px;
  margin-bottom: 30px;
  margin-top: 0 !important;
}

.contact-interest {
  color: #253858 !important;
  font-family: PoppinsMedium;
  font-size: 16px;
  margin-bottom: 20px !important;
}

.pemail {
  margin-bottom: 80px !important;
  /* margin-top: 18px!important; */
}

.contact-email {
  color: #425cc7 !important;
  font-family: PoppinsBold;
  font-size: 13px;
  text-align: center;
  padding: 18px 28px;
  border: 2px solid #425CC7;
}

.contact-email:hover{
  color: #fff !important;
  background:#425cc7 !important;
  text-decoration: none !important;
  border: 2px solid #425CC7!important;
}


#save_pricing .save-plan {
  font-family: Poppins;
  font-size: 13px;
  margin-bottom: 44px;
}

.col-md-5{
  padding: 0 !important;
  width: 48%!important;
}

.p-l-2{
  margin-left: 3% !important;
}
.card-header {
  height: 70px;
  background: #f3f8fe;
  border-bottom: none;
  font-size: 20px;
  text-align: center;
  color: #425cc7;
  font-family: PoppinsBold;
  padding: 0px;
}
.card-body .p-ks {
  font-family: PoppinsBold;
  font-size: 40px;
  display: block;
  margin: 54px 86px 25px 86px; 
  text-align: center !important;
}

.card{
  height: 330px !important;
}
.card-text {
  text-align: center;
  font-size: 14px;
  font-family: PoppinsMedium;
  margin-bottom: 0 !important;
}
.card-header span {
  padding-top: 20px;
  display: block;
  padding-bottom: 20px;
}
.package {
  display: block;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  margin: 76px 0px 0px 0px;
}
.package-card-text {
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  margin-bottom: 0 !important;
  /* margin-bottom: 83px; */
}
.contact-bg {
  /* background: #253858; */
  /* height: 815px;  */
  /* height: auto!important;
  background-size: 100%; */
}
.contact-blog{
  margin-bottom: 2.8rem !important;
}
.drop-us span {
  display: block;
  font-family: "PoppinsBold";
  font-size: 28px;
  color: #fff;
  text-align: center;
  margin-top: 68px;
}
.enquires {
  font-family: "PoppinsMedium";
  font-size: 13px;
  color: #fff;
  text-align: center;
  margin-bottom: 124px;
}

.contact-form {
  max-width: 1274px;
  background: #fff;
  padding: 30px 21px 0px 21px;
  font-family: "Poppins";
  font-size: 12px!important;
  border-radius: 10px;
}
.contact-form .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.btn-primary {
  width: 140px!important;
  height: 50px!important;
  background: #415cc7!important;
  font-family: PoppinsSemiBold;
  font-size: 14px;
}
rm-control {
  height: 50px !important;
}
.col-md-12,.col-md-6,.recaptcha {
  margin-bottom: 21px!important;
}

.btn-tablet{
  margin-bottom: 30px!important;
}
.fo

textarea.form-control {
  height: 158px !important;
}

.card-blog{
  margin-bottom: 80px;
}

.f-left{
  width: 45%;
}
.f-right{
  width: 50%;
  font-family: Poppins;
  font-size: 14px;
  color: #9fa5b5 !important;
  text-align: right;
  padding: 0 !important;
}
.p-store {
  margin-right: 20px;
}

#home_pic{
  content: url("../images/tablet-ly.png");
}

#check_in_out_pic{
  content: url("../images/tablet_check_in_out.png");
}
#attendance_pic{
  content: url("../images/tablet_attendance.png");
}
#leave_pic{
  content: url("../images/tablet_leave.png");
}

#overtime_pic{
  content: url("../images/tablet_overtime.png");
}

#profile_pic{
  content: url("../images/tablet_profile.png");
}

#announcement_pic{
  content: url("../images/tablet_announcement.png");
}

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

.dashboard-tablet{
  min-height: 500px;
  display:block;
  margin-bottom: 77px;

}
#accordionExample {
  padding: 0px !important;
}
#accordionExample .accordion-item{
  border-left: 0 !important;
  border-right: 0 !important;
}


.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
}


.accordion-button:not(.collapsed){
  color: #425cc7 !important;/*#8590A2 !important;*/
  font-family: PoppinsMedium;
  font-size: 18px;
  background-color: #f3f8fe!important;
  box-shadow: none;
}

.accordion-item .accordion-collapse{
  background-color: #f3f8fe!important;
}

.accordion-button{
  font-family: PoppinsMedium;
  font-size: 18px;
  color: #8590A2 !important;
  padding-top: 27px;
  padding-bottom: 27px;
  height: 65px !important;
}

.app-ui-form-mobile{
  display: none !important;
}

.p-store {
  margin-right: 20px;
}

#accordionExample .accordion-button:not(.collapsed)::after {
  background: url(../images/feat-collapse-arrow.png) no-repeat !important;
}

#accordionExample .accordion-button::after{
background: url(../images/feat-not-collapse-arrow.png) no-repeat !important;
}

#accordionExample2 .accordion-button:not(.collapsed)::after {

  background: url(../images/api-ui-collapse-arrow.png) no-repeat !important;

}

#accordionExample2 .accordion-button::after {

  background: url(../images/api-ui-not-collapse-arrow.png) no-repeat !important;
}

.app-ui-form .home_hr{
  color: #54d3e9 !important;
  opacity: 1!important;
  height: 3px;
}

}

@media (min-width: 800px) and (max-width:1279px){

  .meet-platform{
    /* padding-top: 5%; */
  }

  .home-focus-bg{
    /* background-size: 60%; */
  }

}


@media (max-width:767.98px){

  .focus {
    font-size: 25px;
    font-family: PoppinsBold;
  }

  .home-focus-bg{
    /* background-size: 60%; */
  }

  .home-focus-bg img{
    display: block;
    padding: 0px !important;
  }

  .culture-tablet{
    display: block;
  }

  .culture-desk{
    display: none;
  }

  .culture {
    font-family: PoppinsMedium;
    font-size: 14px;
    margin-top: 40px;
}
.bg-focus-on-business {
  /* background: url(../images/home-bg-mobile.png) repeat-x; */
}
.home-focus-text {
  text-align: center;
  color: #fff;
  font-size: 12px;
  /* position: relative;
  top: 56px; */
  background: #415cc7;
  padding-top: 56px;
}
.container-fluid >.row{
  margin: 0px -14px!important; 
}
.home-focus-bg {
  /* background: url(../images/uno-banner-artwork.png) no-repeat;
  height: 360px;
  background-size: 80%;
  background-position: center;
  margin-top: 60px; */
}

.whtitle {
  font-family: PoppinsSemiBold;
  font-size: 14px;
  margin-bottom: 30px!important;
}
.meettitle {
  font-family: PoppinsBold;
  font-size:  33px;
}
.meet-left {
  font-family: Poppins;
  font-size: 16px;
  margin-top: 40px!important;
}
.img-circle{
  width: 100% !important;
}

.meet-left p{
  margin-bottom: 42px!important;
}
.unotitle {
  font-family: PoppinsBold;
  font-size: 32px;
  margin-top: 68px;
  margin-bottom: 20px;
}
.one-platform {
  font-family: Poppins;
  font-size: 13px;
  margin-bottom: 23px;
}
.accordion-button:not(.collapsed) {
  color:#425cc7 !important;
  font-family: PoppinsMedium;
  font-size: 18px;
  background-color: #f3f8fe!important;
  box-shadow: none;
}
.accordion-item .accordion-collapse {
  background-color: #f3f8fe!important;
}
.accordion-button{
  font-family: PoppinsMedium;
  font-size: 18px;
  color: #8590A2 !important;
  height:65px;
  padding-top: 27px;
  padding-bottom: 27px;
}
.menu-line,.app-ui-form{
  display: none !important;
}

.app-ui-form-mobile{
  display: block !important;
  margin-bottom: 36px;
}

.app-ui-form-mobile div.app-ui-header {
  font-family: PoppinsBold;
  color: #243958!important;
  font-size: 32px;
  margin-bottom: 28px;
}

#accordionExample{
  margin-bottom: 52px;
}

.hr_line{
  display: none !important;
}
#save_pricing .p-plan ,.contact-bg .title-contact-us{
  font-family: PoppinsBold;
  font-size: 32px;
  margin-bottom: 6px;
  margin-top: 20px;
  text-align: left !important;
}
#save_pricing .save-plan {
  font-family: Poppins;
  font-size: 13px;
  margin-bottom: 23px;
  text-align: left !important;
}
#accordionExample2 .accordion-item .accordion-collapse {
  background-color: #253858!important;
}

#accordionExample2 .accordion-button{
  color: #a6bddf !important;
  background: #2b4166!important;
}

#accordionExample2 .accordion-button:not(.collapsed){
  color: #4ed9f0 !important;
  background-color: #253858!important;
}

#accordionExample .accordion-item{
  border: 1px solid #e5e8ed!important;
  
}

#accordionExample .accordion-item:not(:first-of-type){
  border-top: 0 !important;
}

#accordionExample2 .accordion-item{
  border-top: 1px solid #4a618a!important;
  border-bottom: 1px solid #4a618a!important;
  
}

#accordionExample2 .accordion-item:not(:first-of-type){
  border-top: 0 !important;
}

.p-cards .col-sm-12{
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.p-cards .col-sm-12:not(:last-of-type){

  margin-bottom: 20px;

}
.card-header {
  height: 70px;
  background: #f3f8fe;
  border-bottom: none;
  font-size: 20px;
  text-align: center;
  color: #425cc7;
  font-family: PoppinsBold;
  padding: 0px;
}

.card-header span {
  padding-top: 20px;
  display: block;
  padding-bottom: 20px;
}

.card-body .p-ks {
  font-family: PoppinsBold;
  font-size: 40px;
  display: block;
  margin: 35px 80px 10px 80px;
  text-align: center !important;
}
.card-text {
  text-align: center;
  font-size: 14px;
  font-family: PoppinsMedium;
  margin-bottom:34px!important;
}
.package {
  display: block;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  margin: 31px 0px 0px 0px;
}
.package-card-text {
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  margin-bottom: 45px;
}
.container-fluid >.card-blog {
  margin-bottom: 60px !important;
}
.contact-bg {
  /* background: #253858;
  height: auto!important;
  background-size: 100%; */
}

.contact-bg .title-contact-us {
  font-family: PoppinsBold;
  font-size: 32px;
  margin-bottom: 30px;
  margin-top: 0 !important;
  text-align: left !important;
}
.pemail {
  margin-bottom: 80px !important;
  /* margin-top: 10px!important; */
}

.contact-interest {
  color: #253858 !important;
  font-family: PoppinsMedium;
  font-size: 13px;
  margin-bottom: 20px !important;
  text-align: left !important;

}

.contact-email {
  color: #425cc7 !important;
  font-family: PoppinsBold;
  font-size: 13px;
  text-align: center;
  padding: 10px 20px;
  border: 2px solid #425CC7;
  text-align: left !important;
}

.contact-email:hover{
  color: #fff !important;
  background:#425cc7 !important;
  border : 2px solid #425cc7 !important;
  text-decoration: none !important;

}


.col-md-12, .col-md-6, .recaptcha {
  margin-bottom: 20px!important;
}

.drop-us span {
  display: block;
  font-family: "PoppinsBold";
  font-size: 28px;
  color: #fff;
  text-align: left;
  margin-top: 68px;
}
.enquires {
  font-family: "PoppinsMedium";
  font-size: 13px;
  color: #fff;
  text-align: left;
  margin-bottom: 22px;  
}
.contact-form {
  background: #fff;
  padding: 30px 8px 0px;
  font-family: "Poppins";
  font-size: 12px!important;
  border-radius: 10px;
}

.btn_div .col-sm-12{
  margin-bottom: 30px !important;

}
.form-control {
  height: 50px !important;
}
textarea.form-control {
  height: 158px !important;
}
.contact-form .row {
   margin-left: 0px !important;
  margin-right: 0px !important; 
}
.btn-primary {
  width: 100%!important;
  height: 50px!important;
  background: #415cc7!important;
  font-family: PoppinsSemiBold;
  font-size: 14px;
}
.contact-blog {
  margin-bottom: 3.7rem !important;
}
.f-left{
  margin-top: 30px;
}
.f-right {

  font-family: Poppins;
  font-size: 14px;
  color: #9fa5b5 !important;
  text-align: left;
  margin: 22px 0px 27px;
}

.navbar-light .navbar-toggler{
  
  border-color: white !important;
}
.container-fluid{
  padding: 0px 14px 14px !important;
}

#accordionExample{
  padding: 0px !important;
}

.accordion-item:first-of-type {
  border-top-left-radius: 0rem!important;
   border-top-right-radius: 0rem!important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
}

#accordionExample .accordion-item,
#accordionExample2  .accordion-item{
  border-left: 0 !important;
  border-right: 0 !important;
}

.row>* {
  padding :0px 14px !important;
}

.p-cards .row{
  margin :0px  !important;
}

.row > .app-ui-blog{
  padding: 0px !important;
}

.row>.meet-platform{
  /* padding-top: 5% !important; */
}


#accordionExample2  .accordion-item:first-of-type .accordion-button{
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}

#accordionExample2  .accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius:0 !important;
  border-bottom-left-radius:0 !important;
}
#accordionExample2 .accordion-item:last-of-type{
  border-bottom:0 !important;
}

.app-ui-form-mobile .app-ui-header{

  padding: 0px 14px !important;
}

.navbar-light .navbar-toggler-icon{
  background: url(../images/navbar-icon.png) no-repeat center;
}

.navbar-toggler{
  border-radius: 0 !important;
  border:0 !important;
  
}
.navbar-toggler:focus{
  box-shadow:none !important;
}

.navbar-collapse .nav-link:hover{
  color: #425cc7 !important;
}
.navbar-collapse .nav-link:active{
  color: #425cc7 !important;
}
#navbarTogglerDemo02{

color: #42526e!important;
font-size: 14px;
font-family: 'PoppinsSemiBold';
padding: 8px 0px 8px 0px !important;

}

.mobile_viewpoint{

  background: #fff !important;
  box-shadow: 0px 1px #f3f3f3!important;
  padding-top: 14px !important;
}

#navbarTogglerDemo02 
{
  margin-left: -14px!important;
  margin-right: -14px!important;
}

#navbarTogglerDemo02 .nav-item{
  margin:0px 14px !important;
}

.navbar-toggler.collapsed > .navbar-toggler-icon{
  background:url(../images/navbar-icon.png) no-repeat !important;
}

.navbar-toggler:not(.collapsed) > .navbar-toggler-icon {

  background:url(../images/navbar-icon-close.png) no-repeat !important;
}

  .p-store {
    margin-right: 20px;
  }

  #accordionExample .accordion-button:not(.collapsed)::after {
    background: url(../images/feat-collapse-arrow.png) no-repeat;
 }

 #accordionExample .accordion-button::after{
  background: url(../images/feat-not-collapse-arrow.png) no-repeat;
}

 #accordionExample2 .accordion-button:not(.collapsed)::after {

    background: url(../images/api-ui-collapse-arrow.png) no-repeat;

  }

  #accordionExample2 .accordion-button::after {
  
    background: url(../images/api-ui-not-collapse-arrow.png) no-repeat;
  }

  #navbarTogglerDemo02 .nav-link{
    color: #42526e;
  }

  #navbarTogglerDemo02 .nav-item .active {
    color: #425cc7 !important;
 }


}

@media (min-width: 400px) and (max-width:600px){

  .meet-platform{
    /* padding-top: 8%!important; */
  }

  .home-focus-bg{
    /* background-size: 80%!important; */
  }

  .row>.culture-tablet{
     /* margin-bottom: 12% !important;  */

  }

}

@media (min-width: 601px) and (max-width:767.98px){

  .meet-platform{
    /* padding-top: 8%!important; */
  }

  .home-focus-bg{
    /* background-size: 70%!important; */
  }

  .row>.culture-tablet{
     /* margin-bottom: 12% !important;  */

  }

}


.accordion-body{
  text-align: center !important;
}
.mb_active {
  text-decoration: none;
  color: #54d3e9 !important;
  font-size: 18px;
}
.app-ui-form hr {
  color: #49628d;
  opacity: 1 !important;
}

nav,.navbar-brand{
  padding: 0 !important;
}
.bg-focus-on-business{
  overflow: hidden;
}

#save_pricing .save-plan{
  color: #5d6c83;
}

#save_pricing .p-plan ,.contact-bg .title-contact-us{
  color: #243758 !important;
}

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

input::placeholder {
  color:#858a90 !important;
}

input:focus,textarea:focus{

  border:1px solid #515e93 !important;
  box-shadow:none !important;
}
.app-ui-form .left .home,
.app-ui-form .left .nt-home{
  font-family: PoppinsBold;
}

.accordion-button:focus{
  box-shadow:none !important;

}
.footer-blog{
  border-top: 1px solid #E2E9F3 !important;
}


.contact-email,a{

  text-decoration: none !important;
}

.contact-email:hover{
  color: #fff !important;
  background:#425cc7 !important;
  text-decoration: none !important;
  border: 2px solid #425CC7!important;
}