/* from style.css updated 10/09/2024 */

@font-face {
  font-family: Poppins, sans-serif;
  src: url("../calibri%20regular.html") format("ttf"),
       url("../calibri%20bold.html") format("TTF"),
       url("../calibri%20light.html") format("ttf");
}

body{font-family: Poppins, sans-serif !important; color: #4e4c4c; line-height:24px; font-weight:400; overflow-x:hidden; font-size: 14px;}
dl, ol, ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/*reusable classes*/
a{-webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear;}
a{color: #373737;} 
a:hover{text-decoration: underline; color: #373737;}
.trusted-caption {
  max-width: 250px;
}
body h1{font-size: 30px; font-weight: 700; color: #4e4c4c; font-family: Poppins, sans-serif; }
img {
  max-width: 100%;
}
@media (max-width: 700px) {
.flex-center-mbl {
  display: flex;
  justify-content: center;
}
}
.light-text{
  color: 000;
  font-family: Poppins;
  font-size: 13.431px;
  font-style: normal;
  font-weight: 275;
  line-height: normal;
}
p {font-family: Roboto;}

.capterra-badge{
  max-width: 200px;
  margin: 0 auto;
  display: block;
}
.pillar-sub-heading-red{
  color: #A00;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-sub-heading-green {
  color: #003107;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-strong-text{
  color: #003107;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 27.782px;
  letter-spacing: 0.32px;
}
.pillar-sub-heading-orange {
  color: #692500;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-paragraph-orange{
  color: #692500;
  font-family: Roboto;
  font-size: 16.347px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.327px;
}
.pillar-dark-green{
  color: #003107;
}
.pillar-heading-green {
  color: #39B34A;
  font-family: Poppins;
  font-size: 36.552px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
ul.pillar-list-green li{
  color: #003107;
  padding-bottom: 20px;
}
.pillar-heading-green-answer {
  color: #39B34A;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-style: italic;
}
.pillar-heading-green-answer-mobile {
  color: #39B34A;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-style: italic;
}
.pillar-heading-skyblue-answer {
  color: #2A68EC;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-style: italic;
  padding-bottom: 0;
}
.pillar-sub-heading-skyblue{
  color: #2A68EC;
  text-align: center;
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.pillar-sub-heading-dark15{
  color: #001F5F;
  font-family: Roboto;
  font-size: 15.145px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.298px; /* 173.639% */
  letter-spacing: 0.303px;
}
.pillar-sub-heading-dark18{
  color: #001E5D;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-sub-heading-dark20{
  color: #001E5D;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-darkgrey16{
  color: #444444!important;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-darkgrey18{
  color: #444444!important;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-darkgrey20{
  color: #444444!important;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-darkgrey24{
  color: #444444!important;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}
.pillar-invoice-paragraph{
  color: #666!important;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.pillar-invoice-darkgrey31{
  color: #333!important;
  font-family: Poppins;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.68px;
}
.pillar-invoice-darkgrey34{
  color: #333!important;
  font-family: Poppins;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.68px;
}
.pillar-invoice-darkgrey20{
  color: #333!important;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
}
.invoice-processing-title{
  color: #E66B29!important;
  font-family: Poppins;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.68px;
}
.pillar-heading-orange-answer {
  color: #E66B29!important;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-style: italic;
}
.pillar-heading-orange-answer-mobile {
  color: #E66B29!important;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-style: italic;
}
.pillar-approval-green{
  color: #39B34A!important;
}
.pillar-green-button{
  border-radius: 5.135px;
  background: #005F0D;
  color: #FFF;
  font-family: Poppins;
  font-size: 15.404px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  display: flex;
  padding: 8.558px 10.27px;
  justify-content: center;
  align-items: center;
  gap: 8.558px;
  transition: background-color 0.3s ease;
}
.pillar-green-button:hover{
  background: #009213;
  color: #FFF;
  text-decoration: none;
}

.section-feature-image {
  max-width: 100%;
  height: 320px;        /* Set consistent height */
  object-fit: contain;  /* Scale image without cropping */
  display: block;
  margin: 0 auto;
}
.peachbg{
  vw-width: 100%;
  background: rgba(255, 119, 0, 0.12);
}
.integration-block {
  border-radius: 56px;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
  padding: 50px;
}
.container {
  max-width: 100%; /* You can set a specific px value if you want */
}

@media (max-width:768px){ 
  .showmobile {display: block;}
  .hp-buttons a{
    display: block;
    margin: 10px 0;
  }
  .approve-reject-row {
    position: absolute;
    top: 0px;
  }
  .foottop {margin-top: 800px;}
  .footercalendly {margin-top: -850px; position: relative; margin-left: 0px;}
  .ready-increase-content{text-align: center;color: #1545c1; margin-top: -200px; width: 100%; color: #fff;}
  .incolleft {padding-right: 20px; padding-left: 20px; margin-left: 20px; margin-right: 20px;}
  .incolright {padding-left: 20px; padding-right: 20px; margin-left: 20px; margin-right: 20px;}
  .foottop {margin-top: 800px;}
  .footercalendly {margin-top: -850px; position: relative; margin-left: 0px;}
  .ready-increase-content{text-align: center;color: #1545c1; margin-top: -200px; width: 100%; color: #fff;}
 
	.hp6boxes{margin-top: 30px;}	
	.boxbackground {text-align: center;}
	.abcfg11 {text-align: center; padding-bottom: 10px;}
	.fa12 {padding: 10px 30px 10px 30px ;}	
	.days2go{margin-top: 30px;}	
	.monthend{color: black;}
	.approvalimage{margin-top: -120px;}	
	.invoiceimage{margin-top: -30px; margin-left: 30px;}
	.mobileimage{margin-top: -20px;}
	.paymentsimage{margin-top: -20px;}	
	.control{color: #0047FF;}
	.monthend{margin-top: 20px;}
	.dottedleft2{display: none;}
	.dottedleft{display: none;}
	.dottedright{display: none;}
	.dottedright2{display: none;}	
	.dottedleftlong{display: none;}	
	.ijustlove{font-size: 40px; text-align: center; padding: 20px; line-height: 55px;}
	.saidnoone {font-size: 22px; margin-top: 0px;}
	.intselect{width: 100%; height: 46px; padding: 10px 15px; align-items: center; gap: 172px; border-radius: 12px; border: 0.5px solid #C5C5C5;
background: #FAFAFA; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); font-size: 16px;}
  .faqquestion {font-size: 18px; font-weight: 500; line-height: 24px; padding-left: 45px; margin-bottom: 10px; }
  @media only screen and (min-width:501px) {
    .faq-heading {font-size: 32px; font-weight: 500; line-height: 32px;}
  }
  @media only screen and (max-width:500px) {
    .faq-heading {font-size: 24px; font-weight: 500; line-height: 24px;}
  }
  .ft44 {font-size: 30px; line-height: normal!important;}
  .ft50 {font-size: 30px; line-height: normal!important;}
  .mob-small svg {display: none;}
  .emailForm {margin-left: 0px; margin-bottom: 50px; margin-top: 10px;}
  .easyToUse {display: none; }
  .emailHeader{font-weight: 700; font-size: 18px; color: #2A68EC;}
  .emailText {font-size: 12px;}
  .form-control {width: 80%;}
  .weworkbar {display: none;}
  .popics-mob {display:flex; justify-content: center;}
  .m-alignr {text-align: center;}
  .m-alignl {text-align: center;}
  .wth60 {width: 100%;}
  .floatr{float:none;}
  .sector-yellow-testimonial {font-weight: 500; font-size: 24px; line-height: 30px; padding: 50px 20px 20px 20px;}
  .bg_yellow {background-size: cover; padding-top: 50px;}
  .bg_green {background-size: cover; padding-top: 50px;}
  .bg_blue {background-size: cover; padding-top: 50px;}
  .sector-text{padding: 10px 50px 80px 50px;}
  .bg-inv {height: 775px;}
  .expand-panel {margin-left: 30px; width: 450px;}
  .expand-panel-team {margin-left: 0px; width: 340px;}
  .x-wide {width: 100%; margin-left: 0px;}
  .intbox {margin-left: auto; margin-right: auto; margin-top: 30px;}
  .orangedaysbox {line-height: 100px; }
  .expand-panel-menu {margin-left: 0px; width: 340px;}
  .menu-item.active {border-bottom: none;}
  .form1 {margin-left: 0px; margin-top: 30px; margin-bottom: 50px; min-width: 330px; }
  .bg-form1 {background-color: #001D67; background-image:none; }
  .bg-form2 {background-color: #EB8201; background-image:none; }
  .bg-form3 {background-color: #F5F5F5; background-image:none; }
  .stack {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/sector-box.svg'); height:100px; background-repeat: no-repeat; background-size: contain;
    font-size: 12px; font-weight: 500; color: #001D67; text-align: center; line-height: 16px; padding: 5px 40px 20px 20px; margin-top: -95px;  }
  .sector-accord-header {padding-left: 0px;}
  .hidestack {display: none;}
  .contactusbox {width: 90%; height: 90px;}
  .contactusbox img {width: 30%; margin-top: 5px; }
  .contactusbox {margin-right: 0px; margin-left: 15px; margin-bottom: 30px;}
  .contactusbox h4 {margin-left: 120px; margin-top: -65px;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .container {
    max-width: 540px; /* Increase this value to make the container wider */
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 769px) {
  .container {
    max-width: 720px; /* Increase this value to make the container wider */
  }
  .whitebtn {
    margin: 5px;
  }
  .approve-reject-row {
    position: absolute;
    top: 30px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .container {
    max-width: 960px; /* Increase this value to make the container wider */
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    max-width: 1340px; /* Increase this value to make the container wider */
  }
  .approve-reject-row {
    position: absolute;
    top: 30px;
  }
}
.bg-grey {background-color: #F4F4F4;}
.title-orange {
  color: #d87737;
  font-family: Poppins;
  font-size: 37;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

  .ft8 {font-size: 8px!important;}
  .ft10 {font-size: 10px!important;}
  .ft12 {font-size: 12px!important;}
  .ft13 {font-size: 13px!important;}
  .ft14 {font-size: 14px!important;}
  .ft15 {font-size: 15px!important;}
  .ft16 {font-size: 16px!important;}
  .ft18 {font-size: 18px!important;}
  .ft20 {font-size: 20px!important;}
  .ft21 {font-size: 21px!important;}
  .ft22 {font-size: 22px!important;}
  .ft23 {font-size: 23px!important;}
  .ft24 {font-size: 24px!important;}
  .ft25 {font-size: 25px!important;}
  .ft26 {font-size: 26px!important;}
  .ft27{font-size: 27px!important;}
  .ft28 {font-size: 28px!important;}
  .ft30 {font-size: 30px!important;}
  .ft34 {font-size: 34px!important;}
  .ft36 {font-size: 36px!important;}
  .ft38 {font-size: 38px!important;}
  .ft40 {font-size: 40px!important;}
  .ft44 {font-size: 44px!important;}
  .ft50 {font-size: 50px!important;}
  .ft60 {font-size: 60px!important;}
  .ft70 {font-size: 70px!important;}
  .ft80 {font-size: 80px!important;}
  .ft90 {font-size: 90px!important;}
  .ft100 {font-size: 100px!important;}
  .ft110 {font-size: 110px!important;}


.header-btn-main ul{list-style: none;margin: 0; padding: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex; display: flex;-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;}
.header-btn-main ul li + li{margin-left: 5px;}
.handmobile-main .header-btn-main ul{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}

.borderblur {-webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.08);
      -moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.08);box-shadow: 0px 4px 16px rgba(0,0,0,0.08);}

.justify-center {
    display: flex;
    -ms-flex-center: center;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}

.pagetop {margin-top: 15px; border-top:none; background-size: contain; width: 85%; }
.pagetop-nb {margin-top: 100px; background-size: contain; width: 85%;}
.nobutton{background-color: white; border: none;}
.nowrap {white-space: nowrap;}
.extrabold {font-weight: 700;}
strong {font-weight: 500;}
.radius {border-radius: 29px;}
.width95 {width: 95%;}
.minht300{min-height: 320px;}
.border1 {border: 0.5px solid #BFBEBE;}
.text-373737{color: #373737;}
.text-585858{color: #585858;}
.line-height-22 {line-height: 22px;}
.line-height-28 {line-height: 28px;}
.line-height-36 {line-height: 36px;}
.fa16{font-size:16px;}
.text-bold{font-weight: 700;}
.text-normal{font-weight: 300;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr40{padding-right: 40px;}
.pa5{padding: 5px;}
.pa8{padding: 8px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.pa30{padding: 30px;}
.pa40{padding:40px;}
.pa50{padding:50px;}
.py10{padding-top:10px; padding-bottom:10px;}
.py20{padding-top:20px; padding-bottom:20px;}
.py30{padding-top:30px; padding-bottom:30px;}
.py40{padding-top:40px; padding-bottom:40px;}
.py60{padding-top:60px; padding-bottom:60px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt26{padding-top:26px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt42{padding-top:42px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt130{padding-top:130px;}
.pb20{padding-bottom:20px;}
.pb26{padding-bottom:26px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pl110{padding-left: 110px;}
.pl120{padding-left: 120px;}
.pl130{padding-left: 130px;}
.pl140{padding-left: 140px;}
.pl150{padding-left: 150px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.ma10{margin:10px;}
.ma20{margin:20px;}
.ma30{margin:30px;}
.ma40{margin:40px;}
.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt36{margin-top:30px;}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}
.mt155{margin-top: 155px;}
.mt200{margin-top: 200px;}
.mtn90{margin-top: -90px;}
.mtn100{margin-top: -100px;}
.mtn150{margin-top: -150px;}
.mtn200{margin-top: -200px;}
.mb0{margin-bottom: 0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb130{margin-bottom: 130px;}
.mb140{margin-bottom: 140px;}
.mb150{margin-bottom: 150px;}
.mr10{margin-right:10px;}
.mr40{margin-right: 40px;}
.mr100{margin-right:100px;}
.mg0{ margin-top: 0; margin-bottom: 0;}
.mg10{ margin-top: 10px; margin-bottom: 10px;}
.mg20{ margin-top: 20px; margin-bottom: 20px;}
.mg30{ margin-top: 30px; margin-bottom: 30px;}
.mg40{ margin:40px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}
.mr10{margin-right: 10px;}
.mrn40{margin-right: -40px;}
.mrn46{margin-right: -46px;}
.mrn50{margin-right: -50px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}
.ml60{margin-left: 60px;}
.ml-auto{margin-left: auto}
.mtm60-100 {margin-top: 60px;}
.bborder {border: 1px solid #2047BA; border-radius: 40px;}
.oborder {border: 1px solid #EC854B; border-radius: 40px;}
.colfixedheight{display: flex; flex-direction: column; justify-content: space-between; height: 750px;}
.erpbox {margin-top: -80px; border-radius: 29px; background: rgba(255, 255, 255, 0.20); box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.10); 
  backdrop-filter: blur(2px);}


.rotate-icon {
  transition: transform 0.3s ease;
}

.rotate-icon.rotated {
  transform: rotate(90deg);
}

.rotate-icon.rotated180 {
  transform: rotateY(180deg);
}


@media (max-width:768.98px){
.mtm60-100 {margin-top: 120px;}
.pagetop {width: 100%;}
}

.vendors {text-transform: capitalize;}

/*desktop menu links*/
.footer-main{padding: 40px 0 0;position: relative;}
.foottop {margin-top: 200px;}
.footercalendly {margin-top: -800px;}
.footer-link-main {border-bottom: 1px solid #33424e;}
.footer-logo a{color: #4e4c4c;font-weight: 600;}
.footer-logo a img{max-height: 50px;margin-right: 10px;}
.footer-content{font-size: 16px;margin-top: 8px;}
.footer-mail-link{margin-top: 30px;margin-bottom: 30px;}
.footer-mail-link h5{font-size: 16px;margin: 0;}
.footer-mail-link a{font-size: 16px; line-height: 22px; position: relative;}
.footer-social-link ul{list-style: none;padding: 0; margin: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;}
.footer-social-link ul li + li{margin-left: 20px;}
.footer-social-link ul li a{color: #4e4c4c;}
.footer-social-link ul li a.twitter:hover, .footer-social-link ul li a.twitter:focus {
  color: #0090f1;
}
.footer-social-link ul li a.linkedin:hover, .footer-social-link ul li a.linkedin:focus {
  color: #00537b;
}
.footer-social-link ul li a.youtube:hover, .footer-social-link ul li a.youtube:focus {
  color: #ff0000;
}
.footer-social-link ul li a i{font-size: 0;}
.footer-social-link ul li a i::before{font-size: 25px;}
.footer-links{margin-bottom: 40px; display: flex; justify-content:end;}
.footer-links > div{width: calc(33.333333% - 30px);margin: 0 15px;}
.footer-links ul{list-style: disc;padding: 0; margin: 0;}
.footer-links ul li a{color: #4e4c4c;padding: 4px 0;display: block;font-size: 16px;}
.footer-links ul li a:hover, .footer-links ul li a:focus {
  color: #1545c1;
}
.footer-mail-link a:hover, .footer-mail-link a:focus {
  text-decoration: underline;
  padding-left: 15px;
}
.footer-mail-link a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 40%;
  left: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  background-color: #28a745;
  border-radius: 50%;
  opacity: 0;
}
.footer-mail-link a:hover::before{opacity:1;}
.footer-copyright{color: #ffffff;padding: 15px 0;font-size: 16px;}
.footer-copyright p{margin: 0;color: #7f8890;}
.footer-copyright p i{font-size: 4px;position: relative;top: -3px;margin: 0 5px;}
.artsanace-logo{text-align: right;}
.artsanace-logo img{max-height: 20px;}

@media only screen and (max-width:450px) {
  .xsm-p10{padding: 10px;}
  .xsm-p20{padding: 20px;}
  .xsm-p30{padding: 30px;}
  .xsm-pt40{padding-top: 40px;}
  .xsm-pt60{padding-top: 60px;}
  .xsm-pb40{padding-bottom: 40px;}
  .xsm-pb60{padding-bottom: 60px;}
  .xsm-mtn10{margin-top: -10px;}
  .xsm-mtn20{margin-top: -20px;}
  .xsm-mtn30{margin-top: -30px;}
  .xsm-mtn40{margin-top: -40px;}
  .xsm-mtn50{margin-top: -50px;}
  .xsm-mtn60{margin-top: -60px;}
  .xsm-mtn100{margin-top: -100px;}
  .xsm-mtn120{margin-top: -120px;}
  .xsm-mtn130{margin-top: -130px;}
  .xsm-mtn140{margin-top: -140px;}
  .xsm-mtn150{margin-top: -150px;}
  .xsm-mtn200{margin-top: -200px;}
  .xsm-mtn300{margin-top: -300px;}
  .xsm-mt10 {margin-top: 10px;}
  .xsm-mt20 {margin-top: 20px;}
  .xsm-mt30 {margin-top: 30px;}
  .xsm-mt40 {margin-top: 40px;}
  .xsm-mt50 {margin-top: 50px;}
  .xsm-mt60 {margin-top: 60px;}
  .xsm-mt70 {margin-top: 70px;}
  .xsm-mt80 {margin-top: 80px;}
  .xsm-mt100 {margin-top: 100px;}
  .xsm-mt120 {margin-top: 120px;}
  .xsm-mt140 {margin-top: 140px;}
  .xsm-mt150 {margin-top: 150px;}
  .xsm-mrn20 {margin-right: -20px;}
  .xsm-mln10 {margin-left: -10px;}
  .xsm-mln20 {margin-left: -20px;}
  .xsm-mln30 {margin-left: -30px;}
  .xsm-ml-30 {margin-left: -30px;}
  .xsm-mb10 {margin-bottom: 10px;}
  .xsm-mb20 {margin-bottom: 20px;}
  .xsm-mb30 {margin-bottom: 30px;}
  .xsm-mb40 {margin-bottom: 40px;}
  .xsm-mb50 {margin-bottom: 50px;}
}


@media only screen and (max-width: 768px) {
.sm-p10{padding: 10px;}
.sm-p20{padding: 20px;}
.sm-p30{padding: 30px;}
.sm-pt10{padding-top: 10px;}
.sm-pt20{padding-top: 20px;}
.sm-pt30{padding-top: 30px;}
.sm-pt40{padding-top: 40px;}
.sm-pt100{padding-top: 100px;}
.sm-pb40{padding-bottom: 40px;}
.sm-pb10{padding-bottom: 10px;}
.sm-pb20{padding-bottom: 10px;}
.sm-pb30{padding-bottom: 10px;}
.sm-pb100{padding-bottom: 100px;}
.sm-mtn20{margin-top: -20px;}
.sm-mtn30{margin-top: -30px;}
.sm-mtn40{margin-top: -40px;}
.sm-mtn50{margin-top: -50px;}
.sm-mtn60{margin-top: -60px;}
.sm-mtn120{margin-top: -120px;}
.sm-mtn150{margin-top: -150px;}
.sm-mtn200{margin-top: -200px;}
.sm-mtn300{margin-top: -300px;}
.sm-mt20 {margin-top: 20px;}
.sm-mt30 {margin-top: 30px;}
.sm-mt40 {margin-top: 40px;}
.sm-mt50 {margin-top: 50px;}
.sm-mt80 {margin-top: 80px;}
.sm-mt100 {margin-top: 100px;}
.sm-mt120 {margin-top: 120px;}
.sm-mt140 {margin-top: 140px;}
.sm-mt150 {margin-top: 150px;}
.sm-mt200 {margin-top: 200px;}
.sm-mln30 {margin-left: -30px;}
.sm-mb20 {margin-bottom: 20px;}
.sm-mb30 {margin-bottom: 30px;}
.sm-mb40 {margin-bottom: 40px;}
.sm-mb50 {margin-bottom: 50px;}
.sm-mb60 {margin-bottom: 60px;}
.sm-mb100 {margin-bottom: 100px;}
.sm-mb140{margin-bottom: 140px;}
.sm-mrn23 {margin-right: -23px;}
.sm-ml-30 {margin-left: -30px;}
}

@media only screen and (min-width: 769px) and (max-width: 1200px){
.lrg-pd20{padding: 20px;}
.lrg-pt20{padding-top: 20px;}
.lrg-pt30{padding-top: 30px;}
.lrg-pt40{padding-top: 40px;}
.lrg-pt50{padding-top: 50px;}
.lrg-pt60{padding-top: 60px;}
.lrg-pt100{padding-top: 100px;}
.lrg-pt140{padding-top: 140px;}
.lrg-pb40{padding-bottom: 40px;}
.lrg-pb50{padding-bottom: 50px;}
.lrg-pb60{padding-bottom: 60px;}
.lrg-pb70{padding-bottom: 70px;}
.lrg-pb80{padding-bottom: 80px;}
.lrg-pb90{padding-bottom: 90px;}
.lrg-pb100{padding-bottom: 100px;}
.lrg-pb110{padding-bottom: 110px;}
.lrg-pb120{padding-bottom: 120px;}
.lrg-pb130{padding-bottom: 130px;}
.lrg-pb140{padding-bottom: 140px;}
.lrg-pb150{padding-bottom: 150px;}
.lrg-pl10{padding-left: 10px;}
.lrg-pl20{padding-left: 20px;}
.lrg-pl30{padding-left: 30px;}
.lrg-mtn60{margin-top: -60px;}
.lrg-mtn120{margin-top: -120px;}
.lrg-mtn160{margin-top: -160px;}
.lrg-mtn200{margin-top: -200px;}
.lrg-mtn300{margin-top: -300px;}
.lrg-mtn350{margin-top: -350px;}
.lrg-mt10 {margin-top: 10px;}
.lrg-mt20 {margin-top: 20px;}
.lrg-mt30 {margin-top: 30px;}
.lrg-mt40 {margin-top: 40px;}
.lrg-mt50 {margin-top: 50px;}
.lrg-mt60 {margin-top: 60px;}
.lrg-mt80 {margin-top: 80px;}
.lrg-mt90 {margin-top: 90px;}
.lrg-mt100 {margin-top: 100px;}
.lrg-mt110 {margin-top: 110px;}
.lrg-mt120 {margin-top: 120px;}
.lrg-mt140 {margin-top: 140px;}
.lrg-mt150 {margin-top: 150px;}
.lrg-mt200 {margin-top: 200px;}
.lrg-mb20 {margin-bottom: 20px;}
.lrg-mb30 {margin-bottom: 30px;}
.lrg-mb40 {margin-bottom: 40px;}
.lrg-mb50 {margin-bottom: 50px;}
.lrg-mb70 {margin-bottom: 70px;}
.lrg-mb80 {margin-bottom: 80px;}
.lrg-mb100 {margin-bottom: 100px;}
.lrg-mb120 {margin-bottom: 120px;}
.lrg-mb140 {margin-bottom: 140px;}
.lrg-mrn47 {margin-right: -47px;}
.lrg-mr45 {margin-right: 45px;}
.lrg-ml-30 {margin-left: -30px;}
.lrg-ml45 {margin-left: 45px;}
}

@media (min-width:1201px){
.xlrg-pd20{padding: 20px;}
.xlrg-pt20{padding-top: 20px;}
.xlrg-pt30{padding-top: 30px;}
.xlrg-pt40{padding-top: 40px;}
.xlrg-pt50{padding-top: 50px;}
.xlrg-pt60{padding-top: 60px;}
.xlrg-pt100{padding-top: 100px;}
.xlrg-pt140{padding-top: 140px;}
.xlrg-pb40{padding-bottom: 40px;}
.xlrg-pb50{padding-bottom: 50px;}
.xlrg-pb60{padding-bottom: 60px;}
.xlrg-pb70{padding-bottom: 70px;}
.xlrg-pb80{padding-bottom: 80px;}
.xlrg-pb90{padding-bottom: 90px;}
.xlrg-pb100{padding-bottom: 100px;}
.xlrg-pb110{padding-bottom: 110px;}
.xlrg-pb120{padding-bottom: 120px;}
.xlrg-pb130{padding-bottom: 130px;}
.xlrg-pb140{padding-bottom: 140px;}
.xlrg-pb150{padding-bottom: 150px;}
.xlrg-pl30{padding-top: 30px;}
.xlrg-mtn60{margin-top: -60px;}
.xlrg-mtn120{margin-top: -120px;}
.xlrg-mtn160{margin-top: -160px;}
.xlrg-mtn200{margin-top: -200px;}
.xlrg-mtn300{margin-top: -300px;}
.xlrg-mtn350{margin-top: -350px;}
.xlrg-mrn50 {margin-right: -50px;}
.xlrg-mt10 {margin-top: 10px;}
.xlrg-mt20 {margin-top: 20px;}
.xlrg-mt30 {margin-top: 30px;}
.xlrg-mt40 {margin-top: 40px;}
.xlrg-mt50 {margin-top: 50px;}
.xlrg-mt60 {margin-top: 60px;}
.xlrg-mt70 {margin-top: 70px;}
.xlrg-mt80 {margin-top: 80px;}
.xlrg-mt100 {margin-top: 100px;}
.xlrg-mt110 {margin-top: 110px;}
.xlrg-mt120 {margin-top: 120px;}
.xlrg-mt140 {margin-top: 140px;}
.xlrg-mt150 {margin-top: 150px;}
.xlrg-mt200 {margin-top: 200px;}
.xlrg-mb20 {margin-bottom: 20px;}
.xlrg-mb30 {margin-bottom: 30px;}
.xlrg-mb40 {margin-bottom: 40px;}
.xlrg-mb50 {margin-bottom: 50px;}
.xlrg-mb70 {margin-bottom: 70px;}
.xlrg-mb80 {margin-bottom: 80px;}
.xlrg-mb100 {margin-bottom: 100px;}
.xlrg-mb120 {margin-bottom: 120px;}
.xlrg-mb140 {margin-bottom: 140px;}
.xlrg-mb150 {margin-bottom: 150px;}
.xlrg-mr45 {margin-right: 45px;}
.xlrg-ml-30 {margin-left: -30px;}
.xlrg-ml45 {margin-left: 45px;}
}

@media (max-width:991px){
  .menu-nav-left ul li a{font-size: 16px;}
  .main-nav .menu__link{font-size: 14px;line-height: 20px;}
  .logo_slider .slick-list{padding: 0 55px 0 0!important;}
  .line-svg{text-align: center;}
  .line-svg svg{position: static;height: 500px;margin-left: 65px;}
  .line-svg .svgline-content{left: 48%;}
  .footer-links > div{width: calc(50% - 30px);}
  .hm-accounting-logo .accounting_slider li{margin-bottom: 10px;}
  .hm-ap-invoice-content{margin-top: 30px;}
  .hm-accounting-logo .accounting_slider{margin-top: 30px;}
  .footer-links .footer-links-one{display: none;}
  .footer-logo-content .footer-logo a{font-size: 0;}
  .footer-logo-content{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}
  .footer-logo-content .footer-logo{width: calc(50% - 30px);;margin: 0 15px;text-align: center;}
  .footer-logo-content .footer-logo-links{width: calc(50% - 30px);margin: 0 15px;}
  .footer-logo-content .footer-logo-links .footer-links-one{text-align: left;margin-bottom: 20px;}
  .footer-logo-content .footer-logo-links ul{list-style: none;padding: 0; margin: 0;display: inline-block;text-align: left;}
  .footer-logo-content .footer-logo-links li a{color: #ffffff;padding: 8px 0;display: block;font-size: 15px;}
  .footer-logo a img {max-height: initial; margin-right: 0;}
  .footer-link-main{border-top: 1px solid #33424e;padding-top: 20px;}
  .footer-content{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  
  .footer-social-link ul{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
  .footer-links{margin-bottom: 0px;}
  .artsanace-logo {text-align: center;}
  .footer-copyright p i{display: none;}
  .footer-copyright{text-align: center;}
  .footer-copyright p span{display: block; margin-bottom: 15px;}
  .footer-main::before{display: none;}
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .ready-increase-content{margin-left: 100px;}
  .ready-increase-content-hp{margin-left: 20px;}
	.dottedleftlong{margin-left: 300px; margin-top: 40px; max-width: 550px;}	
	.dottedright{margin-left: 300px; margin-top: 60px;}
	.dottedright2{margin-left: 300px; margin-top: 30px; max-width: 550px;}		
	.dottedleft2{margin-left: 500px; margin-top: 10px; margin-bottom: 30px;}
	.homeh2gp{font-size: 12px; word-spacing: 3px; }
	.ijustlove{font-size: 34px; text-align: center;}
	.loveit1 {margin-left: -150px; margin-top: 150px; }		
	.intselect {width: 330px;}
  .homeh1 {line-height: 42px;}
}

.ready-increase-bg{background-repeat: no-repeat;background-position: bottom;padding: 450px 0 20px;}
.ready-increase-content{text-align: center;color: #1545c1; margin-top: -500px;}
.ready-increase-content-hp{text-align: center;color: #1545c1; margin-top: -500px;}


/*-- scroll to top --*/
.scrollToTop{width: 40px; height: 40px; position: fixed; z-index: 9999; right: 10px; bottom: 150px; color: #fff; text-align: center; line-height: 40px;cursor: pointer; border-radius: 100%; border: 1px solid #1545c1; padding: 3px;display: none;}
.scrollToTop:hover{text-decoration: none;}
.scrollToTop i{display: block; width: 100%; height: 100%; background: #1545c1; border-radius: 100%; line-height: 170% !important; font-size: 18px; color: #ffffff;}
/*Magento 2 css End*/
/*------scroll to top end--------*/

.buttonsolidbl {padding: 4px 11px 4px 11px; border-radius: 12px; color: white; background-color: #0047FF; font-weight: 200; font-size: 12px; border: 2px solid #0047FF; height: 38px;}
.buttonsolidbl:hover {background-color: white; color: #0047FF }

.img-contain {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 100%;
}
.img-contain img {
  object-fit: contain;
  display: block;
}

.gradient { position: relative;  min-height: 450px;}	
.gradient::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(42, 104, 234, 0.42) 1.04%, rgba(115, 0, 185, 0.42) 34.38%, rgba(121, 0, 194, 0.42) 67.62%, rgba(42, 104, 234, 0.42) 100%); filter: blur(116.5px); z-index: -1; margin-top: 0px; width: 50%; margin-left: 25%; margin-right: 30%; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);}

.gradcontent {position: relative; z-index: 1;}
.bluegradft {background: linear-gradient(90deg, #030080 6.67%, #2A68EC 37.58%, #2A68EC 61.96%, #030080 90.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
	
.homeh1 {font-size: 34px; font-style: normal; font-weight: 700; line-height: normal; background: linear-gradient(262deg, #9F02FF -11.79%, #643BFF 20.65%, #0047FF 49.52%, #5642F6 80.76%, #8F00E7 107.39%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}


.homeh1og {background: linear-gradient(262deg, #FF7A00 -11.79%, #FF8D00 50.93%, #FF7A00 107.39%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.homeh2gp {font-size: 18px; font-weight: 600; background: linear-gradient(287deg, #9F02FF 4.35%, #643BFF 30.39%, #0047FF 53.56%, #5642F6 78.63%, #8F00E7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.yellowh1 {background: linear-gradient(90deg, #FF8D00 50%, #F3BF34 56.11%, #F3BF34 67.15%, #FF8D00 72.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.xeroh1 {background: linear-gradient(261deg, #00738E 9.87%, #1AB4D7 32.49%, #1AB4D7 71.83%, #00738E 96.41%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.tryzaharah1{background: linear-gradient(262deg, #2047BA -17.21%, #2A68EC 42.49%, #2047BA 102.2%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-weight: 700; font-size: 38px; }
.greenheader {background: linear-gradient(262deg, #00620E -11.79%, #00A217 20.64%, #00A517 20.65%, #00B81A 49.52%, #00A517 80.76%, #00620E 107.39%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.boldclaim{color: #000; font-size: 15px; font-weight: 500;}	
.control{color: #FFF; text-align: center; font-size: 38px; font-weight: 700; line-height: 42px;}	

.hp6boxes {min-width: 200px; padding-top: 10px; min-height: 80px; border-radius: 25px; border: 0.5px solid #EEE; background: rgba(255, 255, 255, 0.72); box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.14); position: relative;}
.hp6boxes .collapse {min-height: 150px;}	

.boxbackground{padding-top: 10px; padding-bottom: 6px; padding-left: 4px;}
.boxopaque{background-color: white; z-index: 300;}
	
.abcfg11 {color: #181818; font-size: 16px; font-weight: 500; letter-spacing: 0.48px;}
.ls1{letter-spacing: 1.68px;}

.monthend {color: #4d4d4d; font-weight: 600; margin-top: 30px;}
.days2go {color: #B12180; font-size: 28px; font-weight: 700; }
.weintegrate{color: #0047FF; font-size: 36px; font-weight: 500; line-height: normal; }
.intselect{text-align: center; width: 250px; height: 46px; padding: 10px 15px; align-items: center; gap: 172px; border-radius: 12px; border: 0.5px solid #C5C5C5;
background: #FAFAFA; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); font-size: 16px;}
.blueboxhp {border-radius: 40px; background: #2A68EA; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.06); padding: 21px 30px 30px 45px; color: white; font-size: 18px; line-height: 28px;}
.fa12{font-size: 12px;}
.dottedleft{margin-left: 300px; margin-top: 60px;}
.dottedleft2{margin-left: 600px; margin-top: -100px; margin-bottom: 50px;}	
.dottedright{margin-left: 300px; margin-top: -200px;}
.dottedright2{margin-left: 300px; margin-top: -30px;}
.loveit1 {margin-left: -150px;}	
.loveit2 {margin-left: 300px;}	
.dottedleftlong{margin-left: 300px; margin-top: -130px;}		
.colh2{color: #2A68EA; font-size: 30px; font-weight: 700; line-height: 42px;}	
.coltext{font-size: 18px; color: #170F49; font-weight: 400}	
.coltext p {margin-top: 47px;}	
.ctatext{margin-top: 47px; color: #001F5F; font-size: 20px; font-weight: 600;}	
.approvalimage{margin-top: -320px;}	
	.invoiceimage{margin-top: -260px;}	
	.paymentsimage{margin-top: -50px;}	
	.mobileimage{margin-top: -70px;}
	.faqbox{min-height: 65px; border-top: solid 2px rgba(205, 214, 218, 0.25); }
	.faqquestion {font-size: 18px; font-weight: 500; line-height: 28px; padding-left: 45px; margin-top: 30px; }
	.faqbody{font-size: 14px; padding-left: 30px; padding-bottom: 30px; padding-top: 40px; line-height: 28px; }
  .faqbody a {color: #2a68ec; text-decoration: underline;}
	.faqicon{margin-top: 30px;}
  
	.testih4 {color: #4D4D4D; font-size: 24px; font-weight: 400;}
	.ijustlove{margin-top: 30px; font-size: 30px; font-weight: 700; background: linear-gradient(287deg, #9F02FF 4.35%, #643BFF 30.39%, #0047FF 53.56%, #5642F6 78.63%, #8F00E7 100%); 
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 35px; }
	
.saidnoone{font-size: 28px; font-weight: 400; font-style: italic; background: linear-gradient(287deg, #9F02FF 4.35%, #643BFF 30.39%, #0047FF 53.56%, #5642F6 78.63%, #8F00E7 100%);
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 20px;}
.po-ml50 {margin-left: -50px; margin-top: -25px;}
.po-ml100 {padding-left: 385px;}
.showmobile {display: none;}
	
	
	@media (min-width: 992px) {
  .custom-container {
    max-width: 1350px; /* Set your desired width for large devices */
  }

}
	
.border-rt {border-right: solid 1px #eaeaea;}   
.blue1 {color: #001D67;}
.blue2 {color: #2A68EC;}
.blue3 {color: #001F5F;}
.blue4 {color: #170F49;}
.green1 {color: #39B34A;}
.green2 {color: #1A7800;}
.black1 {color: #181818;}
.orange1 {color: #FF8D00;}
.purple1 {color: #9A01A1;}
.purple2 {color: #5C0094;}
.purple3 {color: #AF2360;}  
.grey1 {color: #4d4d4d;}
.xero {color: #1AB4D7;}
.textwhite {color: white;}
.fw400 {font-weight: 400;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw500 {font-weight: 500;}
.fw300 {font-weight: 300;}
.br35{border-radius: 35px;}
.br50{border-radius: 50px;}
.org_fade {background: linear-gradient(262deg, #FF8D00 -17.21%, #FFB800 42.49%, #FF8D00 102.2%); background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} 
.lh20 {line-height: 20px;}
.lh24 {line-height: 24px;}
.lh25 {line-height: 25px;}
.lh26 {line-height: 26px;}
.lh27 {line-height: 27px;}
.lh28 {line-height: 28px;}
.lh29 {line-height: 29px;}
.lh30 {line-height: 30px;}
.lh31 {line-height: 31px;}
.lh32 {line-height: 32px;}    
.lh40 {line-height: 40px;}
.lh50 {line-height: 50px;}
.lh75 {line-height: 75px;}
.lh200 {line-height: 200%}
.emailForm {margin-left: 0px; z-index: 2; width: 300px; margin-top: -300px; }
.easyToUse {margin-top: -310px; margin-left: 300px; z-index: 1 }
.emailHeader{font-weight: 500; font-size: 18px; color: #001D67;}
.weworkbar {margin-top: 10px; padding-left: 30px;}
.weworkheader {margin-top: -150px;}

@media (min-width: 701px) {
.bg-po {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/pobak7.svg'); background-size: cover; background-position:center bottom; background-repeat: no-repeat;  height: 380px;}
.bg-ap {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/apbak.svg'); background-size: cover; background-position:center bottom; background-repeat: no-repeat;  height: 750px;}
.bg-inv {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/bg-inv.svg'); background-size: cover; background-position:center bottom; background-repeat: no-repeat; height: 650px;}
}
@media (max-width: 700px) {
  .bg-po {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/pobak7.svg'); background-size: cover; background-position:center bottom; background-repeat: no-repeat; height: 600px;}
  .bg-ap {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/apbak.svg'); background-size: cover; background-position:center bottom; background-repeat: no-repeat; height: 600px;}
  .bg-inv {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/bg-inv.svg'); background-size: cover; background-position:center bottom; background-repeat: no-repeat; height: 600px;}
}

.bg-form1 {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/bg-blue3.svg'); background-size:contain; background-repeat:repeat-y;  background-attachment: fixed; width: 100%; height: 100%; }
.bg-form2 {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/bg-orange.svg'); background-size:contain; background-repeat:repeat-y; background-attachment: fixed; width: 100%; height: 100%; }
.bg-form3 {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/grey-wave.svg'); background-size:contain; background-repeat:repeat-y; background-attachment: fixed; width: 100%; height: 100%; }
.row-purple-swirl {
  background-image: url('../webp/row-purple-swirl.webp'); 
  background-size:cover; 
  background-repeat:no-repeat; 
  width: 100%; 
  background-position:center; 
  height: 236px;}

.bg-features-purple {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/features_swirl2.svg'); background-size:cover; background-repeat:no-repeat; width: 100%; background-position:center; height: 400px;}
.bg-wave-blue {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/bluewave.svg'); background-size:cover; background-repeat:no-repeat; width: 100%; background-position:center; height: 400px;}
.bg-features-grey {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/features-grey-swirl.svg'); background-size:cover; background-repeat:no-repeat; width: 100%; background-position:center; height: 400px;}
.bg_yellow {background-image:url('https://zaharasoftware.com/wp-content/uploads/2023/08/yellowblock.svg'); background-repeat: no-repeat; color: white; width: 90%; background-size: contain; background-position: center;}
.bg_green {background-image:url('https://zaharasoftware.com/wp-content/uploads/2023/08/sector-green.svg'); background-repeat: no-repeat; color: white; width: 90%; background-size: contain; background-position: center;}
.bg_blue {background-image:url('https://zaharasoftware.com/wp-content/uploads/2023/08/sector-blue.svg'); background-repeat: no-repeat; color: white; width: 90%; background-size: contain; background-position: center;}
.new-sectors-yellow {
  width: 100%;
  position: relative;
  overflow: hidden; /* optional, ensures clean edges */
}
.full-width-sectors-yellow-image {
  width: 100%;
  height: auto;
  display: block;
}

.bg-sectors-yellow {background-image: url('../png/yellow-wave-small.png'); background-size:contain; background-repeat:no-repeat; width: 100%; background-position:center; height: 400px;}
.bg-sectors-green {background-image: url('../png/green-wave-small-2.png'); background-size:contain; background-repeat:no-repeat; width: 100%; background-position:center; height: 400px;}
.greenblend {background: linear-gradient(90deg, #26781A 50%, #39B34A 54.69%, #39B34A 67.83%, #26781A 72.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }
.pohero {margin-top: -500px;}
.popics-mob{display: none;}
.m-alignr {text-align: right;}
.m-alignl {text-align: left;}
.ht100 {height: 100px;}
.wth60 {width: 65%;}
.floatr {float: right;}
.floatl {float: left;}
.sector-yellow-testimonial {font-weight: 500; font-size: 28px; line-height: 32px; padding: 60px 60px 10px 80px;}
.ft-padding {padding-left: 40px; padding-top: 20px;}
.ft-padtop {padding-top: 50px;}
.sector-text{padding: 10px 70px 80px 70px;}



/* Apply styles for Apple devices */
@media screen and (max-width: 1195px) {
  .bg_yellow {width: 100%; } 
  .bg_blue {width: 100%; } 
  .bg_green {width: 100%; } 
  .sector-yellow-testimonial {font-weight: 600; font-size: 24px; line-height: 28px; padding: 120px 50px 0px 50px;}
  .feature-icon svg {width: 80px; height: 80px;}
  .ft-padding {padding-top: 0px;}
  .ft-padtop {padding-top: 0px;}
  .x-wide {width: 1195px; margin-left: -100px;}
  .sector-text{padding: 10px 20px 120px 20px;}
}

@media screen and (min-width: 760px) and (max-width: 890px) {
.x-wide {width: 100%; margin-left: 0px;}

}

      .btn-approve {
  background-color: #007002;
  color: white; /* Blue */
  padding: 8px 36px;
  border-radius: 4px;
  border: solid 2px #007002;
}

.btn-reject {
  background-color: #A00101;
  color: white; /* Blue */
  padding: 8px 36px;
  border-radius: 4px;
  border: solid 2px #A00101;
}

.btn-review {
  background-color: #FC9700;
  color: white; /* Blue */
  padding: 8px 36px;
  border-radius: 4px;
  border: solid 2px #FC9700;
}

.btn-review:hover {
  background-color: #fff;
  color: #FC9700; /* Blue */
  padding: 8px 36px;
  border-radius: 4px;
  border: solid 2px #FC9700;
}


.btn-solid-blue {
  background-color: #0047FF; /* Blue */
  color: white!important;
  padding:8px 13px;
  border: 1px solid #0047FF;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 14px;
}

.btn-solid-blue:hover {
  background-color: white;
  color: #0047FF!important; /* Blue */
  border: 1px solid #0047FF; /* Blue */
  padding: 8px 13px;
  border-radius: 4px;
  font-size: 14px;
}




.btn-solid-dblue {
  background-color:  #002573; /* Blue */
  color: white!important;
  padding:5px 10px;
  border: 1px solid  #002573;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 12px;
}

.btn-solid-dblue:hover {
  background-color: white;
  color:  #002573!important; /* Blue */
  border: 1px solid  #002573; /* Blue */
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12x;
}

.btn-solid-lblue {
  background-color:  #2a68ec; /* Blue */
  color: white!important;
  padding:5px 10px;
  border: 1px solid  #2a68ec;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 12px;
}

.btn-solid-lblue:hover {
  background-color: white;
  color:  #002573!important; /* Blue */
  border: 1px solid  #2a68ec; /* Blue */
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12x;
}

.btn-solid-orange {
  background-color:  #E66B29;; /* Blue */
  color: white!important;
  padding:5px 10px;
  border: 1px solid  #E66B29;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 12px;
  max-width: 234px;
  text-align: center;
  text-decoration: none;
}

.btn-solid-orange:hover {
  background-color: white;
  color:  #E66B29!important; /* Blue */
  border: 1px solid  #E66B29; /* Blue */
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12x;
  max-width: 234px;
  text-align: center;
  text-decoration: none;
}


/* White Button with Blue Border */
.btn-white-blue-border {
  background-color: white;
  color: #0047FF; /* Blue */
  padding: 10px 24px;
  border: 1px solid #0047FF; /* Blue */
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-white-blue-border:hover {
  background-color: #0047FF; /* Blue */
  color: white;
}

.panel-container {
	display: flex;
	overflow-x: hidden;
}

.panel {
	width: 100%;
	min-height: 300px;
	padding: 20px;
	box-sizing: border-box;
	display: none;
	transition: width 0.4s ease-in-out /* Add smooth transition */
}

/* Show the first panel initially */
.panel:nth-child(1) {
	display: block;
}

.expand-panel {width: 384px; height: 80px; border-radius: 18px;
	border: 0.5px solid #EEE;
	background: rgba(255, 255, 255, 0.52);
	box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.14);
	padding: 25px;
	cursor: pointer;
  transition: height 0.3s ease-in-out /* Add smooth transition */;
 
}

.expand-panel.expanded {
    min-height: 190px;
    background-color: #ffffff;
    animation: bounce 0.8s; /* Add bounce animation */
   
   
}


.expand-panel-ap {width: 384px; height: 80px; border-radius: 18px;
	border: 0.5px solid #EEE;
	background: rgba(255, 255, 255, 0.52);
	box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.14);
	padding: 25px;
	cursor: pointer;
  transition: height 0.3s ease-in-out /* Add smooth transition */;
  position: absolute;
}

.expand-panel-ap.expanded {
    min-height: 190px;
    background-color: #ffffff;
    animation: bounce 0.8s; /* Add bounce animation */
    z-index: 2000;
   
}

.expand-panel-int {width: 384px; height: 80px; border-radius: 18px;
	border: 0.5px solid #EEE;
	background: rgba(255, 255, 255, 0.52);
	box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.14);
	padding: 25px;
	cursor: pointer;
  transition: height 0.3s ease-in-out /* Add smooth transition */
}

.expand-panel-int.expanded {
    min-height: 230px;
    background-color: #ffffff;
    animation: bounce 0.8s; /* Add bounce animation */
   
    
}

.hidden-text {
  display: none; /* Initially hidden */
  position: absolute; /* Position it absolutely within the div */
  left: 0; /* Align it to the left */
  width: 100%; /* Make it full width */
  transform: translateY(-50%); /* Adjust for vertical centering */
  padding: 80px 15px 20px 15px;
  z-index: 1; /* Place it above the content */
  margin-top: 30px;
 
}

.hidden-text-integration {
  display: none; /* Initially hidden */
  position: absolute; /* Position it absolutely within the div */
  left: 0; /* Align it to the left */
  width: 100%; /* Make it full width */
  transform: translateY(-50%); /* Adjust for vertical centering */
  padding: 20% 15px 20px 15px;
  z-index: 1; /* Place it above the content */
  margin-top: 60px;
 
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.expand-panel-team {
  display: none;
  width: 100%;
  height: 500px;
  margin-top: -50px;
  border: 0.5px solid #EEE;
  box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.14);
  padding: 25px;
  cursor: pointer;
  transition: height 0.3s ease-in-out; /* Add smooth transition */
  position: absolute;
  }

.expand-panel-team.expanded {
  height: auto;
  background-color: #ffffff;
  animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  z-index: 1000;
  padding-bottom: 20px;

}

.team-item {cursor: pointer;}

.hidden-text-team {
  display: none; /* Initially hidden */
  left: 0; /* Align it to the left */
  width: 100%; /* Make it full width */
  transform: translateY(-50%); /* Adjust for vertical centering */
  padding: 20px 15px 20px 15px;
  margin-top: 160px;
  
  }



.title {display: block;}


@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes slide-bottom {
  0% {
    
            transform: translateY(0);
  }
  100% {
    
            transform: translateY(20px);
  }
}


.cal1-container {
    background: #fff;
    width: 400px;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
 
.cal1-container header {
    display: flex;
    align-items: center;
    padding: 25px 30px 10px;
    justify-content: space-between;
}
 
header .cal1-navigation {
    display: flex;
}
 
header .cal1-navigation span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    user-select: none;
    color: #aeabab;
    font-size: 1.9rem;
}
 
.cal1-navigation span:last-child {
    margin-right: -10px;
}
 
header .cal1-navigation span:hover {
    background: #f2f2f2;
}
 
header .cal1-current-date {
    font-weight: 500;
    font-size: 1.45rem;
}
 
.cal1-body-p {
    padding: 15px;
}
 
.cal1-body-p ul {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
}
 
.cal1r-body-p .cal1-dates {
    margin-bottom: 20px;
}
 
.cal1-body-p li {
    width: calc(100% / 7);
    font-size: 14px;
    color: #414141;
}
 
.cal1-body-p .cal1-weekdays li {
    cursor: default;
    font-weight: 500;
}
 
.cal1-body-p .cal1-dates li {
    margin-top: 14px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
 
.cal1-dates li.inactive {
    color: #aaa;
}
 
.cal1-dates li.active {
    color: #fff;
}
 
.cal1-dates li::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
 
.cal1-dates li.active::before {
    background: #6332c5;
}
 
.cal1-dates li:not(.active):hover::before {
    background: #e4e1e1;
}

.intbox {border-radius: 25px; background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); padding: 20px; width: 213px; height: 124px; text-align: center;}


.orangedaysbox {border-radius: 14.51px; background: linear-gradient(89deg, rgba(255, 92, 0, 0.70) 0.96%, rgba(255, 184, 0, 0.70) 113.64%);
    box-shadow: 1px 7px 17px 0px rgba(212, 118, 2, 0.36); padding: 10px 16px; justify-content: center; align-items: center; color: #fff; white-space: nowrap; }

.orangedaysbox a {color: white;}
.orangedaysbox:hover{background-color: white; }
.orangedaysbox a:hover  {text-decoration: none;}

#menu-panel {
    position: absolute;
    margin-top: 100px;
    top: 100px;
    width: 100%;
    left: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height 0.5s ease-in, opacity 0.5s ease-in;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    
  }
  

  #myMenuLink:hover + #menu-panel {
    height: 200px;
    visibility: visible;
    background-color: white;
    opacity: 1;
    z-index: 100;
  }
  
  
  /* This styles the <ul> with a class of "menu" */
  .menu-m1 {
    display: flex; /* This will arrange your <li> elements in a row horizontally */
    list-style: none; /* This removes the default list bullets */
    padding: 10px; /* This removes the default padding */
    margin: 0; /* This removes the default margin */
    justify-content: flex-end;
  }
  
  .menu-item {
    cursor: pointer; /* Changes the cursor to signify clickable items */
    padding-right: 10px; /* Adds some space around the items */
    /* Add other styling as needed */
  }
  
  .menu-item.active {
    border-bottom: 2px solid currentColor; /* Underline thickness and color */
    padding-bottom: 5px; /* Space between text and underline */
}

.menu-item a:hover {
    border-bottom: 2px solid currentColor; /* Underline thickness and color */
    padding-bottom: 5px; /* Space between text and underline */
    text-decoration: none;
}


  /* Optional: if you want to add spacing between your items */
  .menu-m1 li:not(:last-child) {
    margin-right: 20px; /* Adjust the spacing to your preference */
  }
  
  .expand-panel-menu {
      display: none;
      width: 100%;
      
      margin-top: -10px;
      border: 0.5px solid #EEE;
      box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.14);
      
      cursor: pointer;
      transition: height 0.3s ease-in-out; /* Add smooth transition */
      position: absolute;
  }
  
  .expand-panel-menu.expanded {
      
      background-color: #ffffff;
      animation: slide-bottom 1.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      z-index: 1000;
      
  }
  
  @keyframes bounceAnimation {
      0%, 100% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(-20px);
      }
  }
  

  .menuPanelContainer {
    position: relative;
    /* Other styling */
  }
  
.menuPanelLineHeight {line-height: 40px; }
.resourcesIntegrations {margin-left: 10px;} 

@media (max-width:1195px){
    .resourcesIntegrations {margin-left: 0px; }
    .menuPanelLineHeight {line-height: 34px;}
    .expand-panel-menu {margin-top: 0px;}
    .menu-item {padding-right: 5px; font-size: 12px;}
    .weworkbar {padding-left: 30px;}
    .po-ml50 {margin-top: -50px; margin-left: 100px;}
    .po-ml100 {padding-left: 200px;} 
    
}

.headerbuttonOrange {color: white; background-color: #E56125; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #E56125;}
.headerbuttonOrange:hover {color: #E56125; background-color: #fff;; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #E56125;}

.headerbuttonBlue {color: white; background-color: #2A68ec; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #2a68ec;}
.headerbuttonBlue:hover {color: #2a68ec; background-color: #fff;; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #2a68ec;}

.headerbuttonOgWhite {color: #E56125; background-color: #fff;; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #E56125;}
.headerbuttonOgWhite:hover {color: #fff; background-color: #E56125; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #E56125;}

.headerbuttonOgBlue {color: #2a68ec; background-color: #fff;; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #2a68ec;}
.headerbuttonOgBlue:hover {color: #fff; background-color: #2a68ec; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 12px; border: solid 1px #2a68ec;}

.sticky-menu {
    position: sticky;
    top: 0;
    z-index: 1000; /* High z-index to ensure the menu stays on top of other content */
    background-color: white; /* or any color that matches your design */
    margin-top: -120px;
    height: 140px;
    min-height: 140px;
}

.header-menu-item {
    position: relative;
    display: inline-block;
}
.header-main {
  min-height: 140px;
}
.header.menu-item i {
    display: block;
}

.header-menu-item .menu-hover-text {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 2px 6px;
    margin-right: 70px;
    color: #E27A00;
    transform: translate(-50%, -50%);
    margin-top: -2px
}

.header-menu-item:hover i {display: none;}
.header-menu-item:hover .menu-hover-text {display: block;}

/* Apply styles for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header-menu-item .hover-text {
        margin-top: 20px; /* Adjust as needed for Safari */
    }
}

/* Apply styles for Apple devices */
@media screen and (max-device-width: 1024px) {
    .header-menu-item .hover-text {
        margin-top: 20px; /* Adjust as needed for Apple devices */
    }
}


.menu-panel-icons {
    width: 75px;
    height: 75px;
    padding: 12px;
    text-align: center;
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center; 
    justify-content: center; 
    transition: fill 0.3s; /* Add a transition for a smooth color change */
    fill: #2B68EC !important;
   }

.menu-panel-icons:hover{background-color: #DEE9FF;  } 
.menu-panel-icons svg:hover path {fill: #2B68EC !important;}

.menu-panel-text {font-size: 14px; margin-left: 10px;  }
.menu-panel-text p {font-size: 13px;  }

.blueit a {text-decoration: none;}
.blueit a:hover {color: #2B68EC; fill: #2B68EC;}
.blueit svg:hover path {fill: #2B68EC !important; stroke: #2B68EC;}

 @media screen and (max-width: 1150px) {
    .menu-panel-icons {margin-right: 20px;}
    .menu-panel-text {
        font-size: 12px;
        margin-left: 30px;}
    .menu-item {font-size: 12px;}    
   }

.menu-list {list-style-type: none;  padding-inline-start: 0px; line-height: 40px; padding-left:0px;  }
.menu-list li:hover{background-color: #DEE9FF; border-radius: 14px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);  margin-left: -20px; padding-left: 20px; white-space: nowrap;}
.menu-list a {text-decoration: none; display: block;}

.navbar {
    background-color: #333;
    width: 25%;
    height: 100vh;
    display: none;
  }
  
  .navbar ul {
    overflow: hidden;
    list-style-type: none;
    padding-top: 50%;
    margin: 0;
  }
  
  .navbar li {
    display: block;
    margin: 0;
    padding: 5% 50px;
    width: 100%;
  }
  
  .navbar li:hover {
    cursor: pointer;
  }
  
  
  .navbar li a {
    color: #4e4c4c;
    text-decoration: none;
    font-size: 1.6em;
    transition: all .5s;
  }
  
  .navbar li:hover {
    cursor: pointer;
    letter-spacing: 10px;
  }
  
  .hamburger {
    margin: 0;
    margin-left: 15px;
    padding: 0;
    float: left;
    transition: opacity .3s;
  }
  
  .hamburger:hover {
    cursor: pointer;
    opacity: .5;
  }
  
  .hamburger .line{
    width: 40px;
    height: 5px;
    margin: 8px auto;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
  }
  
  .hamburger .line:nth-child(1) {
    background-color: #2B68EC;
  }
  
  .hamburger .line:nth-child(2) {
    background-color: #2B68EC;
  }
  
  .hamburger .line:nth-child(3) {
    background-color: #2B68EC;
  }
  
  .hamburger.isactive .line:nth-child(2) {
    transform: translateY(0px) rotate(90deg);
  }
  
  .hamburger.isactive .line:nth-child(1) {
    transform: translateY(13px) translateX(-12px) rotate(90deg);
  }
  
  .hamburger.isactive .line:nth-child(3) {
    transform: translateY(-13px) translateX(12px) rotate(90deg);
  }
  
  .navbar {
    transition: all 2s ease-in-out;
  }
  
  .navbar.active {
    display: block;
    animation: fade .5s;
  }
  
  @keyframes fade {
    from{transform: translateX(-200px); opacity: 0;}
    to {transform: translateX(0px); opacity: 1;}
  }
  
  
  @media screen and (max-width: 1360px) {
    
      
    .navbar {
      width: 50%;
    }
    
    .navbar ul {
      padding-left: 0%;
    }
    
    .navbar li {
      padding: 3% 0;
    }
    
    .navbar li a {
      font-size: 1.2em;
    }
    
  }
  
  @media screen and (max-width: 968px) {
    .hamburger {
      float: right;
    }
    
    .navbar {
    background-color:  #fff;
    width: 100%;
    height: 75vh;
    display: none;
    overflow:scroll;
  }
  
  .navbar ul {
    overflow: hidden;
    list-style-type: none;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 3%;
    padding-bottom: 3%;
    margin: 0;
  }
  
  .navbar li {
    display: block;
    margin: 0;
    padding: 5px 20px;
    width: 100%;
    transition: background-color .5s;
  }
  
  .navbar li:hover {
    cursor: pointer;
     }
  
  
  .navbar li a {
    color: #4e4c4c;
    text-decoration: none;
    padding: 5px 16px;
    font-size: 12px;
    transition: all 1s;
  }
  
  .navbar li:hover {
    cursor: pointer;
    letter-spacing: 0px;
  }
  
    }

    .two-column-text {
      column-count: 1; /* Set the number of columns to 2 */
      column-gap: 10px; /* Adjust the gap between columns as needed */
      max-width: 900px;
  }

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

    .two-column-text {column-count: 1;}
    
  }

  .h-container {
    float: right;
    position: relative;
    width: 60px;
    cursor: pointer;
  }
  
  .h-image {
    display: block;
    width: 20px;
    height: auto;
    margin-top: 2px;

  }
  
  .h-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 50%;
    opacity: 0;
    transition: .5s ease;
    background-color: #F17A20;
      }
  
  .h-container:hover .h-overlay {
    opacity: 1;
  }
  
@media screen and (max-width: 1190px) {
  .h-overlay {background-color: #E9702D;}
  
}
  
  .h-text {
    margin-top: 1px;
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .intaccth1 {background: linear-gradient(262deg, #1D8400 -11.79%, #55D730 50.93%, #1D8400 107.39%);
    background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
  .intacctList {padding-inline-start: 0px;}  
  .intacctList li {padding-top: 20px; padding-bottom: 20px; list-style-type: none; text-align: center; }
  .arrowList {padding-inline-start: 0px;}  
  .arrowList li {list-style-type: none; text-align: center; }
  
  #contactForm {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-right: solid 1px #aaa;
    padding-right: 50px;
}

.form-field {
    margin-bottom: 20px;
}




.inactive-div {
  color: grey;
  opacity: 0.7;
  pointer-events: none;
  text-decoration: none;
}

.form-inactive-link {
  color: grey;
  pointer-events: none;
}

.form-active-link {
  color: blue;
  pointer-events: auto; /* Corrected from 'visible' to 'auto' */
  cursor: pointer;
}

/* Optional: If you want the cursor to change on hover for inactive links */
.form-inactive-link:hover {
  cursor: not-allowed; /* Or 'default' if you don't want it to change */
}

.bluegrad {background: linear-gradient(90deg, #0038AD 2.25%, #2A68EC 99.91%);}
.cv-form {background: #fff; border-radius: 15px; border-radius: 15px; box-shadow: 0px 4px 16.8px 0px rgba(0, 0, 0, 0.11); min-width: 650px; min-height: 300px;}

.form1 {background: #fff; border-radius: 15px; border-radius: 15px; box-shadow: 0px 4px 16.8px 0px rgba(0, 0, 0, 0.11); min-width: 650px; min-height: 300px; margin-left: 50px; margin-top: 100px;}
.form-boxes {width: 310px; height: 220px; border-radius: 25px; background: #fff; padding: 10px;}


@media only screen and (min-width: 769px) and (max-width: 1190px) {
  .form1 {margin-left: -15px; margin-top: 100px; margin-bottom: 50px; min-width: 550px; }
  .bg-form1 {height: 140%; background-attachment: fixed;}
  .bg-form2 {height: 140%;}

}

@media only screen and (min-width: 1191px) and (max-width: 1766px) {
  .hidesmall {display: none; white-space: none;}


}


@media only screen and (min-width:768px) and (max-width: 993px) {
  .noshow {display: none;}
  .expand-panel-menu.expanded {height: 550px;}
}

.stack {background-image: url('https://zaharasoftware.com/wp-content/uploads/2023/08/sector-box.svg'); height:100px; background-repeat: no-repeat;
font-size: 16px; font-weight: 500; color: #001D67; margin-top: -90px; width: 100%; padding: 40px 40px 20px 0px; }

.largestack { width: 100%; height:450px; background-repeat: no-repeat; background-size: contain; }
.sector-accord-header {padding-left: 70px;}


.youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container {height:auto; border-radius: 22px; background: #FFF; box-shadow: 0px 2.214px 15.499px 0px rgba(66, 66, 66, 0.25);}
.video-shadow {
  /* X-offset | Y-offset | blur radius | spread | color */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  border-radius: 8px; /* optional, to round the corners */
}

.video-strap {border-radius: 18.108px;
  border: 0.412px solid #FFF;
  background: #FFF;
  box-shadow: 1.646px 0px 17.532px 0px rgba(0, 0, 0, 0.03), -17.285px 10.7px 5.762px 0px rgba(0, 0, 0, 0.00), -10.7px 7.408px 4.938px 0px rgba(0, 0, 0, 0.01), -5.762px 4.115px 4.115px 0px rgba(0, 0, 0, 0.03), -2.469px 1.646px 3.292px 0px rgba(0, 0, 0, 0.04), -0.823px 0.823px 1.646px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(19.506982803344727px); width: 95%; padding: 8px; 
  margin-top: 20px;
}

  .video-wrapper {
  overflow: hidden; /* Ensures the content doesn't flow outside the boundary */
  border-radius: 15px; /* Adjusts the roundness of the corners */
}

.approvals-video-container {
  border-radius: 22px; 
  background: #FFF; 
  box-shadow: 0px 2.214px 15.499px 0px rgba(66, 66, 66, 0.25);
  padding: 20px;
}

.approvals-video-wrapper {
  height: 263px;
  overflow: hidden; /* Ensures the content doesn't flow outside the boundary */
  background: #FFF; box-shadow: 0px 2.214px 15.499px 0px rgba(66, 66, 66, 0.25);
}

.hp-video-wrapper {
  overflow: hidden; /* Ensures the content doesn't flow outside the boundary */
  border-radius: 15px; /* Adjusts the roundness of the corners */
  height: 460px;
}

.embed-responsive .video {
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}


.calendar-container {
  background: #fff;
  width: 400px;
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.calendar-container header {
  display: flex;
  align-items: center;
  padding: 25px 30px 10px;
  justify-content: space-between;
}

header .calendar-navigation {
  display: flex;
}

header .calendar-navigation span {
  height: 38px;
  width: 38px;
  margin: 0 1px;
  cursor: pointer;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  user-select: none;
  color: #aeabab;
  font-size: 1.9rem;
}

.calendar-navigation span:last-child {
  margin-right: -10px;
}

header .calendar-navigation span:hover {
  background: #f2f2f2;
}

header .calendar-current-date {
  font-weight: 500;
  font-size: 1.45rem;
}

.calendar-body {
  padding: 15px;
}

.calendar-body ul {
  list-style: none;
  flex-wrap: wrap;
  display: flex;
  text-align: center;
}

.calendar-body .calendar-dates {
  margin-bottom: 20px;
}

.calendar-body li {
  width: calc(100% / 7);
  font-size: 1.07rem;
  color: #414141;
}

.calendar-body .calendar-weekdays li {
  cursor: default;
  font-weight: 500;
}

.calendar-body .calendar-dates li {
  margin-top: 30px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.calendar-dates li.inactive {
  color: #aaa;
}

.calendar-dates li.active {
  color: #fff;
}

.calendar-dates li::before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.calendar-dates li.active::before {
  background: #6332c5;
}

.calendar-dates li:not(.active):hover::before {
  background: #e4e1e1;
}

.hm_logo .logo_slider{padding: 50px 0;}
.hm_logo .slide{text-align: center;height: 60px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;align-items: center;display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center;-ms-align-items: center; align-items: center;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
.hm_logo .slide img{margin: 0 auto;max-height: 60px;-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: .8; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.hm_logo .slide img:hover{-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;}
.hm_logo .slide{text-align: left;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;-ms-justify-content: flex-start;justify-content: flex-start;}
.hm_logo .slide img{margin: 0;}
.logo-color.hm_logo .slide img {-webkit-filter: none;filter: none;}
  
.testimonials-slide{text-align: center;}
.testimonial-sign{padding: 20px 0;}
/* .testimonial-sign img{max-height: 70px;} */


.contactusbox {border: solid 1px #E4E4E4;  border-radius: 8px; width: 85%; height: 100px; cursor: pointer;}
.contactusbox img {padding-left: 20px; width: 90%;}
.contactusbox h4 {font-size: 16px; margin-left: -20px; margin-right: 20px; cursor:default;}
.contactusbox p  {font-size: 12px; min-height: 40px; }
.contactusbox .sim-button {line-height: 15px;}

/*-- contact page --*/
.inner-banner-white{
  background-color: #ffffff;
  padding: 120px 0 20px;
}
.inner-banner-white .contact-header-content {
  padding-top: 60px;
}
.inner-banner-white .contact-header-content h4 {
  font-size: 34px;
  margin-bottom: 30px;
  font-weight: 700;
}
.inner-banner-white .contact-header-img {
  position: relative;
  max-width: 450px;
  float: right;
  width: 100%;
  margin-bottom: -200px;
}

.inner-banner-white .brochure-header-img {
  position: relative;
  max-width: 650px;
  float: right;
  width: 100%;
  margin-bottom: -200px;
}


.inner-banner-white .contact-header-img > img {
  max-height: 500px;
}
.inner-banner-white .contact-header-img .chat-box {
  position: absolute;
  top: -55px;
  right: 20px;
  -webkit-animation: moveLeftBounce 5s linear infinite;
  animation: moveLeftBounce 5s linear infinite;
}
.inner-banner-white .contact-header-img .chat-box img {
  max-width: 200px;
}
.inner-banner-white .contact-header-img .mail-box {
  position: absolute;
  top: 80px;
  left: 20px;
}
.inner-banner-white .contact-header-img .mail-box img {
  height: 20px;
  -webkit-animation: rotate-scale-down 6s linear infinite both;
  animation: rotate-scale-down 6s linear infinite both;
}

.zahara-contact-main {
  padding-top: 40px;
  padding-bottom: 50px;
}

.zahara-contact-main .contact-form-text {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.zahara-contact-main .contact-form-text p {
  color: #585858;
  line-height: 20px;
}

.zahara-contact-main .contact-form {
  margin-top: 100px;
}

.zahara-brochure-main .contact-form {
  margin-top: 20px;
}

.zahara-contact-main .contact-form form .form-group.form-email {
  position: relative;
  margin-bottom: 0;
  padding: 15px;
  border-radius: 4px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, .2);
  background: #fff;
}
.zahara-contact-main .contact-form form .form-group.form-email .input-container {
  position: relative;
}
.zahara-contact-main .contact-form form .form-group.form-email .input-container .form-control {
  background: #fff;
  border: transparent;
  padding: 0;
  font-size: 19px;
  line-height: 30px;
  color: #908989;
}
.zahara-contact-main .contact-form form .form-group.form-email .input-container .form-control:focus {
  background: #ffffff;
  border: transparent;
  box-shadow: none;
}
.pty25 {
  padding-top: 22px;
}
.checkbox {position: relative; }
.checkbox input[type="checkbox"] {position: absolute;visibility: hidden;/* width: 60px;height: 60px; */z-index: 2; float: left;}
.checkbox label {position: relative;display: inline-block;width: 45px;height: 45px;background: #ffffff;border: 5px solid #242424;cursor: pointer;transition: all 0.3s ease-out;float: left;margin: 10px 8px 0 0px;}
.checkbox input[type="checkbox"]:checked + span {/*border: 10px solid #3d9970;*/animation: confirm 0.15s linear;}
.checkbox input[type="checkbox"]:checked + span:after {content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 23px; line-height: 35px; width: 45px; height: 45px; background: #2ECC40; position: absolute;  top: -5px;  left: -5px; color: #ffffff;  margin-left: 0; padding-left: 6px; border: 5px solid #3d9970;  animation: confirm 0.15s linear;}
.checkbox .custom-list-item-label {font-size: 0px;}
.checkbox .custom-form-control {float: left;}
@keyframes confirm {
0% {
  transform: scale(1);
}
50% {
  transform: scale(0.95);
}
75% {
  transform: scale(0.8);
}
100% {
  transform: scale(1);
}
}
.zahara-contact-main .contact-form form .info_submit {
  margin: auto;
  margin-top: 40px;
  width: 100%;
}
.zahara-contact-main .contact-form form .info_submit .submit-btn {padding: 12px 30px;background: #1e8900;border-radius: 50px;color: #ffffff;font-size: 20px;padding-right: 50px;position: relative;}
.zahara-contact-main .contact-form form .info_submit .disable_btn_alert {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; margin: 0 auto;}
.zahara-contact-main .contact-form form .info_submit .submit-btn[disabled]{background-color:#1e8900; border-color:#1e8900;}
.zahara-contact-main .contact-form form .info_submit{position: relative;}
.zahara-contact-main .contact-form form .info_submit .submit-btn:not([disabled]) ~ div{display: none;}
.zahara-contact-main .contact-form form .info_submit .submit-btn:disabled {	cursor: not-allowed;}
.zahara-contact-main .contact-form form .info_submit .submit-btn::before {
  content: "\f061";
  font-family: 'Line Awesome Free';
  font-weight: 900;
  position: absolute;
}
.zahara-contact-main .contact-form form .info_submit .submit-outer {
  display: inline-block;
  position: relative;
}

.zahara-contact-main .contact-form form .info_submit .submit-outer .contact-icon {
  display: inline-block;
  color: #ffffff;
  position: absolute;
  right: 24px;
  top: 20px;
  cursor: pointer;
}
/*select box icon*/
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
[include*="form-input-select()"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  font-size: 16px;
  outline: none;
 }
[include*="form-input-select()"] select:focus {
  background-color: transparent;
  outline: none;
}
[include*="form-input-select()"] option {
  font-weight: normal;
}
[include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [include*="form-input-select()"] select::-ms-expand {
    display: none;
  }
  [include*="form-input-select()"] select:focus::-ms-value {
    background: transparent;
    color: #777777;
  }
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    overflow: hidden;
  }
  [include*="form-input-select()"] select {
    width: 120%;
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    [include*="form-input-select()"] select {
      width: 100%;
    }
  }
  [include*="form-input-select()"] select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  [include*="form-input-select()"] {
    width: 100%;
  }
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 16px;
}
[include*="form-input-select()"]::before {
  bottom: 55%;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #777777;
}
[include*="form-input-select()"]::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #777777;
  top: 55%;
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    border-right: 3px solid #E6E6E6;
  }
}
[include*="form-input-select()"] select {
  border: 3px solid #777777;
  border-radius: 0;
  font-weight: 400;
  color: inherit;
  padding: 11px 15px;
  line-height: normal;
  -webkit-transition: border-color 0.2s ease, outline 0.2s ease;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
[include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.blog-image {
  width: 100%!important;
  height: auto!important;
}
/*------Blog Stff--------*/
@media (max-width:640px){
	.blog_container{display:block; width:100%;}
	.blog_post > .media .media-body.blog_container{padding-top:20px; padding-left:0}
	.media-left.left_pad img{max-width:100%;}
	 .media_review .media-body{display:block;}
}
/* Post Images*/.post-images,.post-images img{display:block}.post-image img{height:auto;width:100%}
/*2. Structure*/.bg-image{background-size:cover;background-position:center}
/*	3. Header- Header image */.header-image{max-height:350px}.has-featured-image .header-image{max-height:none}.header-image img{margin:0 auto;max-height:100%;width:auto;visibility:hidden}
/*5.Blog*/.content{width:68.7%;float:left;margin-top:-120px}.post{display:block;background:#fff;border:1px solid #ddd;position:relative}.infinite-wrap .post:first-child,.post+.post{margin-top:60px}
/* Post Image*/.post-image,.post-image img{display:block}.post-image img{height:auto;max-width:100%}
/* Post Inner */.post-inner{padding:20px;}
/* Post Header*/.post-header+.post-content{margin-top:6px}.post-title{font-family:Montserrat,'Open Sans',sans-serif;font-size:30px;line-height:38px;font-weight:700}.post-title a{color:#767676}.post-title a:hover{color:#4e4c4c;text-decoration:underline}h1.page-title span.vcard{font-size:30px}
.post-header{ margin-top: 10px!important;}
/* Post Meta */.post-meta{margin-top:20px;border-top:1px solid #ddd;padding-top:20px}.post-meta p{display:inline-block;font-family:'Open Sans',Helvetica,sans-serif;font-size:.75em;line-height:200%;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#666}.post-meta p+p:before{content:"/";margin:0 15px 0 11px;color:#4e4c4c}.post-meta a{color:#2774b8;padding-bottom:1px;border-bottom:1px solid #ddd}.post-meta a:hover{border-bottom-color:#2774b8;text-decoration:none}
/*  6. Single Post /* Post Navigation */.post-navigation{border:1px solid #ddd;border-top:none;position:relative; margin-top: 30px; width: 70%;}.post-navigation-inner{margin-left: 0px; padding:30px 30px;}.post-navigation:before{content:"";display:block;width:1px;height:100%;background:#ddd;position:absolute;left:50%}.post-navigation-inner:after{clear:both;display:table;content:" "}.post-nav-next,.post-nav-prev{display:block;float:left;width:45%}.post-navigation p{display:inline-block;padding-bottom:2px;border-bottom:2px solid #ccc;margin-bottom:8px;font-family:Montserrat,'Open Sans',sans-serif;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#999}.post-navigation h4{display:block;font-size:16px;line-height:130%;font-weight:400}.post-navigation h4 a{color:#4e4c4c}.post-navigation h4 a:hover{color:#69c}.post-nav-next{float:right}.post-nav-next,.post-nav-next h4{text-align:right}
/*	7. Post Content*/.post-content,.post-content p{font-size:16px}.post-content a:hover{text-decoration:underline}.post-content address,.post-content blockquote,.post-content dl,.post-content ol,.post-content p,.post-content pre,.post-content ul{line-height:170%;margin-bottom:1.5em}.post-content :last-child{margin-bottom:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-size:24px;margin:20px 0 25px;line-height:36px;font-weight:500}.post-content h1{font-size:30px; font-weight:700;}.post-content h2{font-size:24}.post-content h3{font-size:1.5em}.post-content h4{font-size:1.25em}.post-content h5{font-size:1.1em}.post-content h6{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.post-content h1+h1,.post-content h1+h2,.post-content h1+h3,.post-content h1+h4,.post-content h1+h5,.post-content h1+h6,.post-content h2+h1,.post-content h2+h2,.post-content h2+h3,.post-content h2+h4,.post-content h2+h5,.post-content h2+h6,.post-content h3+h1,.post-content h3+h2,.post-content h3+h3,.post-content h3+h4,.post-content h3+h5,.post-content h3+h6,.post-content h4+h1,.post-content h4+h2,.post-content h4+h3,.post-content h4+h4,.post-content h4+h5,.post-content h4+h6,.post-content h5+h1,.post-content h5+h2,.post-content h5+h3,.post-content h5+h4,.post-content h5+h5,.post-content h5+h6,.post-content h6+h1,.post-content h6+h2,.post-content h6+h3,.post-content h6+h4,.post-content h6+h5,.post-content h6+h6{margin-top:25px}
/*	11. Pagination/* Page Title/* Archive Navigation */.archive-navigation{margin-top:60px}.archive-navigation a,.archive-navigation p{display:inline;font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.archive-navigation p+p:before{content:"/";display:inline;margin:0 20px;color:#aaa}.archive-navigation,.archive-navigation a{color:#4e4c4c}.archive-navigation a:hover{color:#2774b8}.archive-navigation a+a{margin-left:15px}
/*	12. Sidebar*/.widget_search .search-field{display:block;width:100%;padding:20px 60px 20px 20px;margin:0;background:#fff;border:1px solid #ddd;border-radius:0;font-size:16px;color:#767676}.widget_search .searchBox{padding-top:0;padding-bottom:0}.widget+.widget{padding-top:40px;border-top:1px solid #ddd;margin-top:40px}.widget-title{display:inline-block;padding-bottom:3px;border-bottom:2px solid #2774b8;margin-bottom:20px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.widget_search .search-submit{display:block;height:100%;width:60px;background:0 0;border-left:1px solid #ddd;text-align:center;position:absolute;top:0;right:0;padding:0;color:#4e4c4c}.widget_search .search-submit .fas{font-size:24px}.widget_search .search-submit:hover{cursor:pointer}.widget_search .search-submit:hover .fas{color:#2774b8}
/* Widget Content*/.widget-content{font-family:Lato,Helvetica,sans-serif;font-size:.95em}.widget-content .textwidget a:hover{text-decoration:underline}.widget-content p{line-height:150%;margin-top:1em}.widget-content p:first-child{margin-top:0}.widget-content li{line-height:140%;padding:12px 0;border-bottom:1px solid #ddd}.widget-content ul ul{margin-left:1em}.widget-content ul ul li:first-child{margin-top:.5em;border-top:1px solid #ddd}.widget-content>ul>li:first-child{padding-top:0}.widget-content li:last-child{padding-bottom:0;border-bottom:none}
/* Lovecraft Widget List */.zahara-widget-list{list-style:none;padding:0;margin:0}.zahara-widget-list li{line-height:140%;padding:12px 0;border-bottom:1px solid #ddd}.zahara-widget-list a{display:block;min-height:55px;position:relative}.zahara-widget-list .post-icon{display:block;width:55px;height:55px;padding:2px;background:#fff;border:1px solid #eee;border-radius:99px;position:absolute;top:0;left:0}.zahara-widget-list .post-icon img{display:block;border-radius:99px}.zahara-widget-list .post-icon .genericon{position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-8px}.zahara-widget-list .inner{padding-left:65px}.zahara-widget-list .title{line-height:140%;font-weight:700;color:#4e4c4c}.zahara-widget-list .meta{margin-top:3px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#2774b8}
/*	15. Media Queries*/@media (min-height:800px){.header-image{max-height:400px}}

.content{width:68.7%;float:left;margin-top:-120px}
.post{display:block;background:#fff;border:1px solid #ddd;position:relative}
.infinite-wrap .post:first-child,.post+.post{margin-top:60px}
.zahara-widget-list{list-style:none;padding:0;margin:0}
.zahara-widget-list li{line-height:140%;padding:12px 0;border-bottom:1px solid #ddd}.zahara-widget-list a{display:block;min-height:55px;position:relative}
.zahara-widget-list .post-icon{display:block;width:55px;height:55px;padding:2px;background:#fff;border:1px solid #eee;border-radius:99px;position:absolute;top:0;left:0}
.zahara-widget-list .post-icon img{display:block;border-radius:99px}.zahara-widget-list .post-icon .genericon{position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-8px}
.zahara-widget-list .inner{padding-left:65px}.zahara-widget-list .title{line-height:140%;font-weight:700;color:#4e4c4c}
.zahara-widget-list .meta{margin-top:3px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#2774b8}
.sim-button {padding: 7px 10px 7px 10px!important; border-radius: 10px; background-color:  #2B68EC; font-weight: 200; color: white!important; border:none; }
.sim-button a {color: white!important;}
.sim-button:hover{background-color: white; border: solid 1px #1545c1; color: #1545c1!important; text-decoration: none; }

.probox {
  margin: 10px;
  height: 44px;
  background: #fff!important;
  border: 0 none rgb(255, 255, 255);
  border-radius: 0;
  box-shadow: none;
}


.ipaddotted {margin-left: 200px; position: absolute; margin-top: -130px; width: 1050px;}
.dottedmargin {margin-top: 225px;}
.dottedlower {margin-left: 220px; margin-top: 10px; width: 350px;}

@media (max-width:119px) {
	
  .hidetab {display: none;}
  .leftmenutop {margin-top: 129px;}
  .ipaddotted {margin-left: 200px; position: absolute; margin-top: -200px; width: 750px;}
  .dottedmargin {margin-top: 100px;}
  .dottedlower {margin-left: 220px; margin-top: 10px; width: 270px;}

  
}

.customer-logo-outer {
  margin-bottom: 40px;


}
.customer-logo-outer .customer-logo-box {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 5px;
  text-align: center;
}
.customer-logo-outer .customer-logo-box img {
  max-width: 220px;
  min-height: 100px;
  object-fit: contain;
}

.customer-short-text {min-height: 215px;}

.customer-logo-outer .customer-short-text .read-more-btn {
    margin-top: 30px;
  }

  .hm-testimonials-slider{margin-top: 0px; margin-bottom: 0px;}
  .testimonials-slide{text-align: center;}
  .testimonial-content{color: #737373;font-size: 24px !important;line-height: 30px !important;position: relative;max-width: 800px;margin: auto;padding-top: 20px;}
  .testimonial-content p{font-size:24px !important; line-height:30px !important;}
  .testimonial-content i{color: #e2e2e2;-webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2);position: absolute;z-index: -1;}
  .testimonial-content i.fa-quote-left{left: 12px;top: 10px;}
  .testimonial-content i.fa-quote-right{right: 12px;bottom: -15px;}
  .testimonial-destination{color: #878787;}
  .testimonial-sign{padding: 20px 0;}
  .customer-review .testimonial-content i {
    color: #346f8f;
  }
  /* .testimonial-sign img{max-height: 70px;} */
  .youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }


  /*-- team page --*/
  .team-outer {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom:30px;
	transition: all 0.3s ease-in-out;
	
  }
  .team-outer .member-img {
    position: relative;
    overflow: hidden;
	border-radius: 10px;  
  }
  .team-outer .member-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	 border-radius: 10px; 
  }
  .team-outer .member-detail {
    padding: 10px;
    padding-bottom:0px;
	  }
  .team-outer .member-detail h4 {
    font-size: 24px;
    color: #14577c;
    font-weight: 600;
  }
  .team-outer .member-detail p {
    font-size: 14px;
    color: #585858;
    line-height: 22px;
    margin-bottom: 0px;
	transition: all 0.3s ease-in-out;  
  }
  .team-outer:hover .member-img img {
	border-radius: 20px;  
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
	
	
  }
  .our-team-info .tab-content {
    margin-bottom: 30px;
  }
  .our-team-info .tab-content>.tab-pane {
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #585858;
  }
  .our-team-info .nav-pills {
    margin-bottom: 0px !important;
  }
  .our-team-info {padding-top: 60px; padding-bottom: 60px;}
  .our-team-info .nav-pills .nav-link {
    padding: 0px;
  }
  
  .our-team-info .nav-pills li.nav-item {
    margin-bottom: 0px;
  }
  
  .our-team-info .nav-pills .nav-link .team-outer:hover .member-img img, .our-team-info .nav-pills .nav-link.active .team-outer .member-img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);

  }
  
  .our-team-info .nav-pills .nav-link.active {
    background-color: transparent;
  }
  .our-team-info .info-outer{border-bottom: 1px solid #737373; margin-bottom: 30px;}
  .our-team-info .info-outer .about-team-outer {
    padding: 10px 10px;
  }
  
  .our-team-info .info-outer .about-team-outer .team-details p {
    font-size: 16px;
    line-height: normal;
    color: #242424;
  }
  .flexcolumn {
    display: flex;
    flex-direction: column;
  }
  .aligncenter{
    align-self: center;
  }
 .post-content a {color: #2A68EC; font-weight: 600;}


 /*=================popular-sec css=================*/
.popular-sec{padding:40px 0;}
.popular-sec .inner-sec{padding: 25px; background: linear-gradient(90deg, #0038AD 2.25%, #2A68EC 99.91%);}
.inner-sec .heading h3{font-size:30px;line-height:32px;color: #ffffff;font-weight: 600;font-family: Poppins;padding-bottom:15px;}
.popular-sec .inner-sec .single-sec{margin-top:15px;}
.popular-sec .inner-sec .single-sec a{display: block;margin-top: 6px;font-weight: 500;color: #fff;transition: all 0.3s ease-in-out;display: flex;}
.popular-sec .inner-sec .single-sec a i{padding-right:10px;}
.popular-sec .inner-sec .single-sec a:hover{padding-left:12px;font-weight:600;}



/*=================category sec css=================*/
.category-sec{padding:40px 0;}
.categories-two{padding-bottom:120px;}
.category-sec .heading h3{color:#333;}
.category-sec .list-sec{display:flex;flex-direction:column;}
.category-sec .title{display:flex;position:relative;z-index:1;padding:65px 0;}
.category-sec .title .shape{position: absolute;z-index: -1;top: 50%;left: 0;transform: translateY(-50%);}
.category-sec .title .shape img{width:320px;}
.category-sec .title .icon img{width:40px;object-fit:contain;}
.category-sec .title .title-content{padding-left:15px;}
.category-sec .title .title-content h4{font-size: 28px;line-height: 35px;color: #1e8900;font-weight: 600;font-family: Poppins;}
.category-sec .title .title-content p{font-size:18px;color: #585858;font-weight: 400;font-family: Poppins;}
.inner-sec .single-list{margin-bottom:20px;}
.inner-sec .single-list a{display: block;margin-top: 20px;font-weight: 500;color: #333;transition: all 0.3s ease-in-out;display: flex;}
.inner-sec .single-list a:first-child{margin-top:0;}
.inner-sec .single-list a i{color:#1e8900;padding-right:10px;}
.inner-sec .single-list a:hover{padding-left:12px;font-weight:600;color:#1e8900;}
.common-btn{margin-top:auto;}
.category-sec .button-one{width:160px;}

/*=================none home page header =================*/
.menubar {background: linear-gradient(90deg, #9A01A1 0%, #FF8C05 100%); margin-top: -10px; height: 25px;}
.logo-header{background-image: url('../svg/headerlogo.svg'); width:99%; height:51px; padding-right: 25px; background-repeat: no-repeat;background-size: contain;  }
 
.caret path {
  fill: #4d4d4d; /* Change to any color you prefer */
}

@media only screen and (min-width: 990px) and (max-width: 1197px) {
  .logo-header{margin-top: 20px;}
  }

@media only screen and (max-width: 700px) {
  .pillar-hero {
    max-height: 300px;
    width: auto;
  }
.freetemplate H4 {font-size: 18px; font-weight: 500; margin-top: 50px;}
.freetemplate img {margin-top: 50px;}
.freetemplate P{line-height: 26px;}
.freetemplate .pophrase	{font-size: 40px; font-weight: 600; line-height: 50px;}
a.word {background-color: #2a68ec; color: #fff; padding: 7px 10px 7px 10px; border-radius: 4px; border: solid 1px #2a68ec;}
a.word:hover {text-decoration: none; background-color: #fff; border: solid 1px #2a68ec; color: #2a68ec;}
a.excel {background-color: #1A7800; color: #fff; padding: 7px 10px 7px 10px; border-radius: 4px; margin-left: 30px; border: solid 1px #1A7800;}
a.excel:hover {text-decoration: none; background-color: #fff; border: solid 1px #1A7800; color: #1A7800; border: solid 1px #1A7800;}
.container{
    max-width: 340px;
    padding: 0;
  }
  .bordertop {
    border-top: 1px solid #C8C8C8;
    width: 100%;
    height: 0; /* Use 0 height to avoid doubling up with border thickness */
    margin: 25px 0; /* This adds space above and below */
    padding: 0; /* Padding not necessary unless you want internal spacing */
  }
  .border-container {
    display: flex;
    justify-content: center; /* Centers the bar horizontally */
}  
  .about-page-title h1{
    font-size: 40px;
    line-height: 40px;
  }
    .about-page-title {
      display: flex;
      width: 120px;
      align-items: flex-start;
    }
}
@media only screen and (min-width: 701px) {
    .about-page-title h1{
      font-size: 80px;
      line-height: 80px;
    }
    .about-page-title {
      display: flex;
      width: 317px;
      align-items: flex-start;
    }
}


.about-team-photo{
  width: 350px;
  margin: 0 auto;
  display: flex;
}



@media only screen and (max-width: 700px) {
  .middle-column {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
  }
  .middle-column::before {
    content: '';
    width: 2px;
    background-color: #dfdfdf;
    height: 100%;
  }
}

@media only screen and (min-width: 701px) {
  .middle-column {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
  }
  .middle-column::before {
    content: '';
    width: 2px;
    background-color: #dfdfdf;
    height: 100%;
  }
  .bordertop {
    border-top: solid 1px #C8C8C8; 
    width: 100%;
    height: 0; /* Use 0 height to avoid doubling up with border thickness */
    margin: 25px 0; /* This adds space above and below */
    padding: 0; /* Padding not necessary unless you want internal spacing */
}

.video-row {
  margin-right: -40px;
  margin-left: -40px;
}

.roboto {font-family: Roboto;}
.bg-whatisapo {border-radius: 18px; background: rgba(42, 104, 236, 0.15); height: 500px; width: 70%;}
.border-container {
  display: flex;
  justify-content: center; /* Centers the bar horizontally */
}
.popaleblue {border-radius: 14px; background: rgba(42, 104, 236, 0.15); min-height: 200px;}
}
@media only screen and (min-width: 800px) {
.popaleblue {border-radius: 14px; background: rgba(42, 104, 236, 0.15); min-height: 200px; max-width: 80%; margin: 0 auto;}
}
.paletext {color: #001D67; font-family: Roboto; font-size: 16px; font-weight: 300; letter-spacing: 0.327px; padding: 30px; line-height: 34px;}
.podarkblue {border-radius: 20px; background: linear-gradient(136deg, #2A68EC 0%, #00227B 100.92%); box-shadow: 0px 4px 10.9px 0px rgba(0, 0, 0, 0.25); min-height: 250px; padding: 0px 70px 0px 0px;}
.podarkpurple {border-radius: 20px; background: linear-gradient(136deg, #A132D8 0%, #69087A 100.92%); box-shadow: 0px 4px 10.9px 0px rgba(0, 0, 0, 0.25);}
.poimage2{ border-top-right-radius: 20px; border-bottom-left-radius: 20px;    border: 0px solid #FFB840; background: rgba(235, 255, 237, 0.56); box-shadow: 0px -1.428px 10.349px 0px rgba(0, 0, 0, 0.25); padding: 20px 5px 2px 5px;}
.pogreen {border-radius: 19.844px; background: #F2FFF0; min-height: 100px; padding: 30px; color: #003107;}
.greysub {color: #4D4D4D; font-weight: 600; font-size: 20px; text-align: center;}
.semiboldp {color: #4D4D4D; font-weight: 600; font-size: 14px;}
.soft-blur-line-container {
  display: flex; /* Full-width Flex container */
  justify-content: center; /* Center content */
}

.soft-blur-line {
  width: 100%; /* Full width of the line */
  height: 0px; /* Thickness of the main line */
  background-color: transparent; /* Line itself is invisible */
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.10); /* Dark blur shadow */
}

.black2 {color: #333;}#

.green-background-color {
  background-color: #F2FFF0;
  min-height: 100%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-radius: 30px;
  padding: 30px;
}
.green-background-color-mobile {
  background-color: #F2FFF0;
  min-height: 100%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-radius: 30px;
  padding: 20px;
}
.orange-background-color {
  background-color: rgba(255, 111, 0, 0.20);
  min-height: 100%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-radius: 30px;
  padding: 30px;
}
.orange-background-color-mobile {
  background-color: rgba(255, 111, 0, 0.20);
  min-height: 100%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-radius: 30px;
  padding: 20px;
}
.full-width-shadow2 {
  width: 100vw;
  height: 40px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .full-width-shadow {
    width: 100vw;
    height: 20px;
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.2);
    background: transparent;
    position: relative;
    z-index: 0; /* keep it behind content... */
  }  
}

.pillar-img-wrapper {
  max-width: 600px;
  width: 100%;
  overflow: visible; /* Allow the scaling image to expand */
}

.scale-mobile-pillar {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

@media (max-width: 767.98px) {
  .scale-mobile-pillar {
    transform: scale(1.3);
    transform-origin: center center;
  }
}
.bubble {
  width: 100%;
  padding: 40px;
  border-radius: 80px;
  background: linear-gradient(to bottom, #FBE14B, #FF8D00);
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.green-bubble {
  width: 100%;
  padding: 40px;
  border-radius: 80px;
  background: linear-gradient(to bottom, #3DAC00, #037806);
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.sector-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  max-width: 1300px;
  margin: 0 auto;
}
.sector-column {
  padding: 20px;
  flex: 1;
  text-align: center;
  min-width: 250px;
}
@media (max-width: 768px) {
  .sector-container {
    flex-direction: column;
  }

  .sector-column {
    text-align: center;
    padding: 10px;
  }

  .bubble {
    border-radius: 40px; /* slightly reduced for narrow screens */
    padding: 30px;
  }
}

.sector-feature-icon-wrapper {
  padding-right: 16px; /* or more, as needed */
}
.sector-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.sector-text-block {
  align-self: center;
}
.green-background-color2 {
  background-color: #EFFFE7;
  min-height: 100%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-radius: 30px;
  padding: 30px;
}
.btn-demo-dark {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7.901px;
  padding: 7.901px 9.481px;
  border-radius: 4.74px;
  background: #002573;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 14px;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-demo-dark:hover {
  background-color: #0035A5; /* 10% lighter than #002573 */
}
#wave-top {
  position: relative;
  width: 100%;
  height: 150px;
  margin-bottom: -2px; /* Forces SVG to slightly overlap footer */
  line-height: 0;
}

#wave-top svg {
  display: block;
  width: 100%;
  height: 100%;
}

#zahara-footer {
  background: linear-gradient(90deg, #8e2de2 0%, #8e2de2 10%, #f27121 75%, #f27121 100%);
  color: #ffffff;
  position: relative;
  padding-top: 0;
}


#zahara-footer .logo-container {
  text-align: center;
  position: relative;
  padding-top: 30px;
}

#zahara-footer .container img {
  max-width: 150px;
}

#zahara-footer .divider {
  border-top: 1px solid #ffffff;
  margin-top: 20px;
}

#zahara-footer ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

#zahara-footer ul li a {
  text-decoration: none;
  transition: opacity 0.3s;
  color: #ffffff;
}

#zahara-footer ul li a:hover {
  opacity: 0.7;
}

#zahara-footer p {
  font-size: 0.95rem;
  line-height: 1.5;
}

@media (max-width: 768px) {
  #zahara-footer .right-side {
    flex-direction: column;
  }
}
/* 1. Give your arrow a class */
.arrow {
  /* adjust origin so it bounces from its center-bottom */
  transform-origin: center bottom;
  
  /* 2s duration, ease-in-out, infinite loop */
  animation: bounce 2s ease-in-out infinite;
}

/* 2. Define the bounce keyframes */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    /* move up 15px at halfway */
    transform: translateY(-15px);
  }
}
@media (min-width: 1001px) {
.hidedesktop {display: none!important;}
}
@media (min-width: 789px) and (max-width: 1000px) {
.hidetablet {display: none!important;}
}
@media (max-width: 788px) {
.hidemobile {display: none!important;}
}