*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; 
}

body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  counter-reset: my-counter;
}

html,
body {
    background-color: #fff;
    color: #555;
    font-family:'Lato','Arial', sans-serif;
    font-size: 20px;
    font-weight: 300;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    /*overflow-x: hidden;*/
}

/*REUSABLE STUFF */


.row {
    max-width: 1440px;
    margin: 0 auto;
}

section {padding: 3rem 0;}

.box {padding: 1.5%;}

.clearfix {zoom:1;}

.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


/*headings */

h2 {
    text-align: center;
    text-transform: uppercase;
    color: #246ab4;
    margin-bottom: 40px;
    letter-spacing: 1.5px;
 }
.h1-larger {
    font-size: 150%;
}

h3 {
    font-size: 110%;
    margin-bottom: 10px;
}

/* PARAGRAPHS */

.long-copy {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    width:90%;
    margin-left: 5%;
    font-weight: 400;
}

.box p {
    font-size: 85%;
    line-height: 145%;
}


/* BUTTONS */


.btn:link,
.btn:visited,
input[type=submit] {
    display: inline-block;
    text-decoration: none;
    padding: 10px 30px;
    font-weight: 400;
    border-radius: 200px;
    font-size: 115%;
    -webkit-transition: background-color 0.4s, border 0.4s, color 0.4s;
    transition: background-color 0.4s, border 0.4s, color 0.4s;
}

.btn-full:link,
.btn-full:visited {
    background-color: #309FCF;
    color: #fff;
    border: 2px solid #309FCF;
    margin-right: 15px;
}

.btn-full_2:link,
.btn-full_2:visited {
    background-color: #224e67;
    color: #fff;
    border: 2px solid #224e67;
    font-size: 115%;
}

.btn-ghost:link,
.btn-ghost:visited {
    color: #246ab4;
    border: 2px solid #309FCF;
}

.btn:hover,
.btn:active {
    background-color:#224e67;
}

.btn-full:hover,
.btn-full:active {
    border: 2px solid #224e67;
}

.btn-full_2:hover,
.btn-full_2:active {
    background-color: #fff;
    color: #224e67;
    border: 2px solid #224e67;
}

.btn-ghost:hover,
.btn-ghost:active {
    color: #fff;
    border: 2px solid #20c4f4;
}

.btn-ghost_2:link,
.btn-ghost_2:visited {
    color: #224e67;
    background-color: #fff;
    text-shadow: 1px 1px 2px #309FCF;
    font-weight: 500;
    border: 3px solid #309FCF;
}

.btn-ghost_2:hover,
.btn-ghost_2:active {
    color: #224e67;
    background-color: transparent;
    text-shadow: 1px 1px 2px #fff;;
    font-weight: bold;
    border: 2px solid #224e67;
}



/* ICONS */

.icon-big {
    font-size: 350%;
    display: block;
    color: #309FCF;
    margin-bottom: 18px;
    /*margin-left: 35%;*/
    vertical-align: middle;
    margin-top: -5px;  
}

.icon-small {
    width:1.2rem;
    display: inline-block;   
}


/*  HEADER ELEMENTS */


header,
.header-row{
    margin: 0 auto; 
}

.header-row {
    background-color: /*#eaeaea;*/ #dcddde;
    height:7.0rem;
    position: relative;
}

.header__logo-box {
    position: absolute;
    top: 50%;
    left:4.75rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header__logo {
    height: 5.75rem; 
    z-index:2500;
}

.nav__nav {
    position: absolute;
    /*width:100%;*/
    top:50%;
    left: 30rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Main Navi */

.nav__item{
    display: inline-block;
    position: relative;
    margin-bottom: .5rem;
}

.nav__item a:link,
.nav__item a:visited {
    font-family: 'Open Sans', sans-serif;
    color:#246ab4;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 2px;
    padding: 10px;
    margin-right: 1.25rem;
    width: 19rem;
    max-width:19.2rem;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.nav__item a:hover,
.nav__item a:active {
    font-weight: 500;
    text-shadow: 0 2px 2px #20c4f4;/*#6c6c6c;*/
    color:#fff;
    }

.mobi-navigation__nav .no-caps,
.nav__nav .no-caps {
    text-transform: none;
}

/*.nav__item .nav__item-new:before{
    content: 'new';
    position:absolute;
    top:-12px;
    left:-10px;
    font-family: "Lato", sans-serif;
    font-weight: 500;
    font-size: .8em;
    text-transform: uppercase;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    letter-spacing: 0;
    color:#fff;
    text-shadow: 1px 1px 2px #6c6c6c;
    background-color: #5CC9E3;
    border-radius: 3px;
    padding:2px 5px;
}*/


/*animating the New Pillar 2 item in navbar"*/

.nav__item-new {
    position: absolute;
    top:-18px;
    left:-10px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: .9em;
    color:#fff;
    text-shadow: 2px 1px 1px #165ca7;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index:2000;
}

.nav__item-new span {
    display: inline-block;
    padding: 0;
}

.animate-new { 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: animate-fade;
  animation-name: animate-fade;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; 
}
    
@-webkit-keyframes animate-fade {
    0% { opacity: 0; }
  100% { opacity: 1; }
}
    
@keyframes animate-fade {
    0% { opacity: 0; }
  100% { opacity: 1; }
}


.animate-new.pop {
  -webkit-animation-name: animate-pop;
  animation-name: animate-pop;
  -webkit-animation-timing-function: cubic-bezier(.26,.53,.74,1.48);
  animation-timing-function: cubic-bezier(.26,.53,.74,1.48);
}

@-webkit-keyframes animate-pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
        
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes animate-pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
        
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}


.delay-1,
.hero-container .delay-1{
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
    
.delay-2,
.hero-container .delay-2{
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
    
.delay-3,
.hero-container .delay-3{
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
}



.hvr-radial-out {
  display: inline;
  vertical-align: middle;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 background: #1F6BB4;
    border-radius:3px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.box-hvr:before {
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;   
}

.box-hvr:hover:before {
    opacity: 1;  
}

.box-hvr:after {
    content: '';
    position: absolute;
    right:12px;
    bottom:12px;
    width:100%;
    height: 100%;
    border: 1px solid #20c4f4;
    border-width: 0 3px 3px 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
}

.box-hvr:hover:after {
    right:-8px;
    bottom:-8px;
    opacity: 1;
}

.box-hvr:hover:after~.nav__item-new {opacity:0;}



/*Mobile navigation for smaller screens*/
.mobi-navigation {
    display: none !important;
}


.mobi-navigation__checkbox {
  display: none !important; }

.mobi-navigation__button {
  background-color: #246ab4;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 1.15rem;
  right:2rem;
  border-radius: 50%;
  z-index: 2000;
  text-align: center;
  cursor: pointer; }

  
.mobi-navigation__background {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2.25rem;
    background: #e3e3e3;
    z-index: 1000;
}

.mobi-navigation__nav {
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1500;
  opacity: 0;
  width: 0;
    background: #dcddde;
  -webkit-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
    padding: .5rem 0;
}

.mobi-navigation__list {
    position: absolute;
    top: 18%;
    left: 0%;
    list-style: none;
    text-align: left;
    width: 100vw;
    padding:1.5rem;
    background: #dcddde;}

.mobi-navigation__item {
    position: relative;
    margin-left: .5rem;
    letter-spacing: 1px;
    width:80%;}

.mobi-navigation__item a:link,
.mobi-navigation__item  a:visited{
    display: inline-block;
    width:40%;
    font-size: 1rem;
    padding: .6rem;
    color: #246ab4;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;  
}

.mobi-navigation__item a:hover,
.mobi-navigation__item  a:active {
  background-position: 100%;
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
    border-right: 3px solid #20c4f4;
    border-bottom: 3px solid #20c4f4;
}

.mobi-navigation__item .mobi-nav__item-new:before {
    content: 'new';
    position:absolute;
    top:-12px;
    left:-6px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: .7em;
    text-transform: uppercase;
    color: #20c4f4;
    padding:2px 3px;
    background-color: transparent;
    /*text-shadow: 1px 1px 1px #246ab4;*/
    border-radius: 3px;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-box-shadow: 1px 1px 2px rgba(36, 106, 180, 0.86);
    box-shadow: 1px 1px 2px rgba(36, 106, 180, 0.86)
}

.mobi-navigation__checkbox:checked ~ .mobi-navigation__background {
  -webkit-transform: scale(0);
          transform: scale(0); }

.mobi-navigation__checkbox:checked ~ .mobi-navigation__nav {
  opacity: 1;
  width: 100%; }

.mobi-navigation__icon {
  position: relative;
  margin-top: 1.4rem; 
}

.mobi-navigation__icon, 
.mobi-navigation__icon::before, 
.mobi-navigation__icon::after {
    width: 1.8rem;
    height: 3px;
    background-color: #fff;
    display: inline-block; 
}

.mobi-navigation__icon::before, 
.mobi-navigation__icon::after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s; }

.mobi-navigation__icon::before {
    top: -.5rem; }

.mobi-navigation__icon::after {
    top: .5rem;
    }

.mobi-navigation__button:hover .mobi-navigation__icon::before {
    top: -.5rem;
}

.mobi-navigation__button:hover .mobi-navigation__icon::after {
    top: .5rem;
}

.mobi-navigation__checkbox:checked + .mobi-navigation__button .mobi-navigation__icon {
  background-color: transparent;}

.mobi-navigation__checkbox:checked + .mobi-navigation__button .mobi-navigation__icon::before {
  top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); 
    background-color: #20c4f4;}

.mobi-navigation__checkbox:checked + .mobi-navigation__button .mobi-navigation__icon::after {
  top: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); 
    background-color: #20c4f4; }




/* STYLING FOR HOME PAGE */

/* HOME PAGE HEADER */

#ie8-warn {
    padding: 20px;
    font-weight:bold;
    background-color: #efff75;
    color:#224e67;
    border: 2px solid #246ab4;
    margin: 50px;
    width: 80%;
    margin-left: 10%;
    position:fixed;
    z-index: 10;
}

#header_features {
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(images/feature_img-min.jpg) !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/feature_img-min.jpg) !important; 
    background: url(images/feature_img-min.jpg) no-repeat; /* for IE9 and below */
    background-size:cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position:bottom left;
    height: 37rem;
    background-attachment: fixed;
}

.features-text-box {
    position: absolute;
    width: 60%;
    height: auto;
    top: 50%;
    left: 60%;
   -webkit-transform: translate(-37%, -50%);
    transform: translate(-37%, -50%);
    text-align: center;
}


#header_features h1 {
    color: #fff;
    font-weight: 500;
    text-transform:none;
    text-shadow: 1px 2px 1px #19196f;
    letter-spacing:10px;
    margin-top: 0;
}

#header_features .h1-larger {
    font-size: 170%;
    font-weight: 700;
}

#header_features h1:last-of-type {
    margin-bottom: 1.6rem;
    letter-spacing: 1px;
}

.header-p {
    font-size:138%;
    font-weight:400;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 2.25rem;
    text-shadow: 1px 2px 1px #19196f;
}

#header_features .header-buttons {
    margin-top:2rem;
    margin-bottom: 3rem;
}

.audio-TaxPacc { 
    margin-top:9rem;
   }

.audio-TaxPacc .header-p {
    font-size:125%;
    margin-bottom: 1.5rem;
    text-shadow:none;
}

#taxpaccAudio {
    display: block;
    margin: 0 auto;
}


/*NEW BUTTON STYLES ADDED SEPTEMBER 2019*/

.btn-2, .btn-2:link, .btn-2:visited {
  /*text-transform: uppercase;*/
    font-weight: 500;
  text-decoration: none;
  padding: 1rem 2rem;
  display: inline-block;
  border-radius: 10rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
  font-size: 1.25rem;
  border: none;
  cursor: pointer;}

.btn-2:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }
  .btn-2:hover::after {
    -webkit-transform: scaleX(1.4) scaleY(1.6);
            transform: scaleX(1.4) scaleY(1.6);
      opacity: 0; }

.btn-2:active, .btn-2:focus {
  outline: none;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); }

.btn--white, .btn--white:link {
    font-weight: 700;
    background-color: #d4d4d4;
    color: #246ab4;
    -webkit-transition: all .2s;
    transition: all .2s;}

.btn--white:hover {
    color:#20c4f4;
    background-color: #fff;
    font-weight:900;
    text-shadow: 0 0 0 #246ab4;
}

.btn--white::after {
    background-color: #fff;
    font-weight: 500;}

.btn--blue {
    background-color: transparent;
    font-weight: 500;
    color: #fff; 
    opacity: 1;}

.btn--blue:hover {
    background-color: #20c4f4;
    font-weight: 500;
    color:#fff;
    text-shadow: 1px 2px 2px #246ab4;
}

.btn--blue::after {
    font-weight: 500;
    background-color: transparent;
    border: 3px solid #d4d4d4;
}

.btn-2::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all .4s;
  transition: all .4s; }

.btn--animated {
  -webkit-animation: moveInBottom .5s ease-out .75s;
          animation: moveInBottom .5s ease-out .75s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards; }

.btn-text:link, .btn-text:visited {
  font-size: 1.15rem;
  font-weight: 500;
  color: #246ab4;
  display: inline-block;
  text-decoration: none;
  border-bottom: 3px solid #246ab4;
  padding: 7px 12px;
  border-radius: 3px;
  -webkit-transition: all .3s;
  transition: all .3s; }

.btn-text:hover {
    background-color: #246ab4;
    background-image: -webkit-gradient(linear, left top, right top, from(#20c4f4), to(#1F6BB4));
    background-image: linear-gradient(to right, #20c4f4, #1F6BB4);
  color: #fff;
    border-bottom: 0 solid transparent;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px); }

.btn-text:active {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(0);
          transform: translateY(0); }


#header_features a {display: inline-block; margin-bottom: 3rem; width: 26%;}

#header_features .btn--white {
    float: left;
    margin-left: 21%;
     -webkit-animation: moveInLeft 1.2s ease-out;
            animation: moveInLeft 1.2s ease-out; 
}

#header_features .btn--blue {
    float: right;
    margin-right: 21%;
     -webkit-animation: moveInRight 1.2s ease-out;
            animation: moveInRight 1.2s ease-out; 
}


/* Challenges section */

#challenges,
.cc-reporting,
.IFRS{
    /*background-color: #f8f8f8;*/
    background-color: #EDEDED;
    /*background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);*/
}

#challenges h2 {
    line-height: 140%;
    width:100%; }

#challenges .long-copy,
#features .long-copy,
.statistics .long-copy,
.testimonials .long-copy,
.contact-section .long-copy,
.intro-row .long-copy,
.Problem-description .long-copy,
.spreadsheets .long-copy,
.IFRS .long-copy,
.disconnect .long-copy,
.solution-section .long-copy{
    font-size: 110%; 
}

.problem-link-row {
    max-height:2rem;
}
#challenges .long-copy {
    margin-bottom:.75rem;
    color:#555;
}

#challenges .btn-text {
    padding: 2px 6px;
}


/*new styling for challenges*/
.challenges-row {
    width:65%;
}

#challenges .feature-box {
    position: relative;
    width:92%;
    margin-left: 4%;
    height: 17rem;
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1rem 2rem .5rem 2rem;
    text-align: center;
    border-radius: 3px;
}

#challenges .feature-box__icon {
    position: absolute;
    top:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width:100%;
    text-align: center;
    margin: 1rem 0 4rem 0;
}

#challenges .heading-tert {
    position: absolute;
    top:64%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'Open Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    /*letter-spacing: .25px;*/
    color: #246ab4;
    line-height: 1.4;
    text-shadow: 0 0 0 #246ab4;
}

#challenges .r-cube {
    width: 36%;
    margin-left: 0%;
    margin-top: 3px;
}

#challenges .s-watch {
    width: 31%;
    margin-left: 0%;
}

#challenges .isolated-processes {
    margin-top: 3px;
    width: 42%;
    margin-left: 0%;
}

#challenges .challenges-row {
    margin-top: 50px;
}

/* Features and Benefits sections */


#features {
    margin: 0 auto;
    background-color: #fff;
}

.features-benefits p {
    font-size: 92%;
    font-weight: 400;
    margin-bottom: 30px;
}

.features-benefits .long-copy,
.cc-reporting .features-p {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 110%;
    color:#555;
    margin-bottom: 60px;
}

.features-benefits h2 {
    margin-top: 30px;
}

.features-row,
#Pillar-2-problem .features-row{
    margin-bottom: 2.7rem;
    margin-top: .5rem;
}

#features .features-box,
#Pillar-2-problem .features-box{
    width:90%;
    margin-left: 5%;
    height: 13rem;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3);
    position: relative;
    font-size: 1.6rem;
    padding: 1.8rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
}

#features .features-box:hover,
#Pillar-2-problem .features-box:hover{
    -webkit-transform: translateY(-.8rem) scale(1.03);
    transform: translateY(-.8rem) scale(1.03); 
}

#features .features-box .heading-tert,
#Pillar-2-problem .features-box .heading-tert{
    display: block;
    width:80%;
    font-size: 1.05rem;
    font-weight: 500;
    text-shadow: .5px 0 .25px #7b7b7b;
    line-height: 1.4;
    color:#7b7b7b;
    position: absolute;
    top:68%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    text-align: center;    
}

#features .features-box .heading-tert,
#Pillar-2-problem .features-box .heading-tert,
#TaxPacc-P2-solution .features-container h3 {
    font-family: 'Open Sans', sans-serif;
}


#features .features-box__icon{
    color:#5cc9e3;
    background-image: -webkit-linear-gradient(right, #20c4f4, #5cc9e3, #1F6BB4);
    background-image: -o-linear-gradient(right, #20c4f4, #5cc9e3, #1F6BB4);
    background-image: linear-gradient(to left, #20c4f4, #5cc9e3, #1F6BB4);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:4rem;
    width:80%;
    position: absolute;
    top:32%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 0;
    display: inline-block;
    border: none;
}

#features .btn-text-left {
    float:left;
}

#features .btn-text-right {
    float:right;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn-text-right:hover {
    -webkit-transform: translateY(-4px);
          transform: translateY(-4px); }

.btn-text-right:active {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.features-benefits .btn-row {
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
}


/*Country-by-country reporting*/

.cc-reporting {
    color: #092F46;
    font-weight: 400;
    padding: 4rem 0;
}

.cc-reporting .features-p {
    float:left;
    width: 100%;
    margin-top: 1.15rem;
    line-height: 150%;
    font-weight: 500;
    text-align: left;
    margin-bottom: .5rem;
}

.country-rep {
    width:70%;
    float: left;
    margin-left: 15%;
    margin-right:0;
}

.cc-reporting .btn-row {
    max-height: 2.0rem;
}
.cc-reporting .btn-text {
    width:40%;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
}


/* Support Section */

.support {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0.55))), url(images/training_bg.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(images/training_bg.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:26rem;
    background-color: #e2e2e3;
    padding-top: 75px;
    padding-bottom: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

#support h2 {
    color: #fff;
    margin-bottom: 140px;
    letter-spacing: 2px;
}

#support .btn-text:link, #support .btn-text:visited {
  color: #fff;
  border-bottom: 3px solid #20c4f4;
  padding: 8px 6px 8px 5px;
  -webkit-transition: all .3s;
  transition: all .3s; }

#support .btn-text:hover {
    background-color: #246ab4;
    background-image: -webkit-gradient(linear, left top, right top, from(#20c4f4), to(#1F6BB4));
    background-image: linear-gradient(to right, #20c4f4, #1F6BB4);
    color: #fff;
    border-bottom: 0 solid transparent;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px); }

#support .btn-text:active {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(0);
          transform: translateY(0); }


#support p {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 1.25rem;
    color: #fff;
}

#support .support-link {
    max-height: 2.5rem;
}

#support span {
    color:#20c4f4;
}


/* Statistics Section */

.statistics {
    padding-bottom: 2rem;
}

.statistics .long-copy {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 50px;
    text-align: center;
}

.stats-outer__wrapper {
    width:90%;
    margin-left: 5%;
    height: 13rem;
    text-align: center;
    position: relative;
    font-size: 1rem;
    padding: 1.8rem;
}

.stats-inner__wrapper {
    position: absolute; 
    display: block;
    top:0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stats-box {
    display: block;
    text-align: center;
    width:7.3rem;
    height:7.3rem;
    border-radius: 50%;
    background-color: #246ab4;
    position: relative;
}

.stats-box i {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color:#fff;
    font-size:3.3rem;
    text-shadow: 1px 2px 2px #20c4f4;
}

.stats-outer__wrapper h3 {
    position: absolute;
    display: block;
    top:70%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #246ab4;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 1.05rem;
    text-shadow: 0 0 0 #246ab4;
}

.statistics .icon-big {
    font-size: 490%;  
}


/* Testimonials Section */

.testimonials,
.PillarTwo-solution{
    background-image: url(images/taxpaccbg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff; 
}

.testimonials h2 {
    color: #fff;
    font-size: 1.5em;
}

.testimonials .long-copy {width:76%;
    margin-left: 12%;
    text-align: center;}

blockquote {
    font-style: italic;
    padding:4%;
    line-height: 145%;
    position: relative;
    margin-top: 50px;
    color: #a7a5a5;
}

blockquote:before {
    color:#20c4f4;
    content:"\201C" ;
    font-size: 400%;
    font-weight: 500;
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
}

cite {
    display: block;
    font-size: 90%;
    margin-top: 10px;
    margin-left: 15px;
}

/* Small CONTACT SECTION With button */

.contact-section{
    margin: 0 auto;
    padding-top: 3.5rem;
    padding-bottom: 4.5rem;
}

.contact-section .row,
.solution-section .row{
    text-align: center;
}

.contact-section .long-copy {
    font-weight: bold;
    letter-spacing: .5px;
    margin-top: 3.3rem;
    margin-bottom: 1.75rem;
    margin-left: 5%;
}

.hvr-btn-row {
    max-height: 5rem;
}

.contact-section .btn-2:hover,
.solution-section .btn-2:hover,
.welcome .btn-2:hover,
.hero-container .btn-2:hover,
.PillarTwo-Intro .btn-2:hover{
    -webkit-box-shadow: 0 1rem 2rem rgba(32, 196, 244, 0.5);
          box-shadow: 0 1rem 2rem rgba(32, 196, 244, 0.5);
}

.contact-section .btn-2:active, .contact-section .btn-2:focus, 
.solution-section .btn-2:active, .solution-section .btn-2:focus,
.welcome .btn-2:active, .welcome .btn-2:focus,
.hero-container .btn-2:active, .hero-container .btn-2:focus,
.PillarTwo-Intro .btn-2:active, .PillarTwo-Intro .btn-2:focus{
    -webkit-box-shadow: 0 0.5rem 1rem rgba(32, 196, 244, 0.5);
          box-shadow: 0 0.5rem 1rem rgba(32, 196, 244, 0.5);
}


.contact-section .btn--blue,
.solution-section .btn--blue,
.welcome .btn--blue,
.PillarTwo-Intro .btn--blue{
    background-color: #246ab4;
    padding: .75rem 1.5rem;
    color: #fff;
    font-weight: 500;
    margin-top: 2.5rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.contact-section .btn--blue:hover,
.solution-section .btn--blue:hover,
.welcome .btn--blue:hover,
.PillarTwo-Intro .btn--blue:hover {
    background-color: transparent;
    border:3px solid #20c4f4;
    color: #246ab4;
    text-shadow: none;
}


/*NEW FOOTER with Applogix removed - Sept 2020*/

.footer {
    background-color: #363636;
    padding: 3rem 0 0 0;
    font-size: 1rem;
    color: #f7f7f7; 
}

.footer-info-row {
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}
.footer-info-box {
    width:80%;
    margin-left: 20%;
}

.footer h4 {
    font-family: 'Open Sans', sans-serif;
    /*border-bottom: 1px solid #fff;*/
    padding-bottom: 4px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color:#20c4f4;
    background-image: -webkit-gradient(linear, left top, right top, from(#246ab4), to(#C9D6FF));
    background-image: linear-gradient(to right, #246ab4, #C9D6FF);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-h4-underline {
    color: #fff;
    height:1px;
    width:80%;
    margin-top: 0;
    margin-bottom: .75rem;
}

.sitemap-list {
    font-size:90%;
    list-style: none;
    letter-spacing: .5px;
}

.sitemap-list li {
    padding: 8px 0;  
}

.sitemap-list li a:link,
.sitemap-list li a:visited,
.connect-connect li a:link,
.connect-connect li a:visited {
    color: #f7f7f7;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
}

.sitemap-list li a:hover,
.sitemap-list li a:active,
.connect-connect li a:hover,
.connect-connect li a:active{
    color: #20c4f4;
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1.2) translate(5px);
    transform: scale(1.2) translate(5px); 
}

.connect-connect {
    font-size: 90%;
    list-style: none;
    /*width:105%;*/
}

.connect-connect li{
    padding: 12px 0;
    letter-spacing: 1px;    
}

.connect-connect i {
    font-size: 1.4rem;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    background-image: -webkit-gradient(linear, left top, right top, from(#246ab4), to(#C9D6FF));
    background-image: linear-gradient(to right, #246ab4, #C9D6FF);
    color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
}

.copyright-row {
    margin-top: 2.2rem;
    background-color: #dcddde;
    padding: 1.1rem 0;
}

.copyright-box {
    font-family: 'Open Sans',sans-serif;
    font-size: .9rem;
    text-align: center;
    text-shadow: 0 0 0 #5386A1;
    margin-bottom: 0;
    color:#246ab4; 
}

.footer-logo {
    width: 13rem;
    height: auto;
    vertical-align: middle;
    margin: 0 .75rem;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: all .4s;
    transition: all .4s;  
}

.footer-logo:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.footer__copyright-2{
    margin-top: 1rem;
    font-size: .75rem;
    color:#363636;
    text-decoration: none;
    font-weight: 300;
}

.footer__copyright-2 a:link,
.footer__copyright-2 a:visited{
    display: inline-block;
    font-size: .8rem;
    color:#246ab4;
    text-decoration: none;
    letter-spacing: 1px;
    padding:4px;
    -webkit-transition: all .4s;
    transition: all .4s; 
}

.footer__copyright-2 a:hover,
.footer__copyright-2 a:active{
    color: #20c4f4;
    font-size: .8rem;
    font-weight: 500;
    -webkit-box-shadow: 0 .6rem 1rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 .6rem 1rem rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1.1) translate(5px);
    transform: scale(1.1) translate(5px); 
}


/*GROUP TAX ACCOUNTING PROBLEM PAGE - added 2020*/

/*Intro heading with background*/

.Problem-intro {
    position: relative;
    height: 31rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.36))), url(images/maze-bg-min.jpg) !important;
    background-image: url(images/maze-bg-min.jpg);
    background-size:70%;
    background-position: top center;
        /*center top,
        0px -15rem;*/
    background-repeat: no-repeat;
    margin-top: 2.5rem;
}

.Problem-intro .font-white-centre h2 {
    position: absolute;
    top: 43%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 200%;
    letter-spacing: 2px;
    width:100%;
}

.Problem-description {
    text-align: center;
    margin-bottom: 1.5rem;
}

.blue-italics {
    color:#246ab4;
    font-style: oblique;
}

.problem_heading h2 {
    margin-left: 0;
    margin-bottom: 2rem;
    text-align: justify-all;
}

.problem_heading h2::before {
    counter-increment: my-counter;
    content:counter(my-counter)" ";
    display: inline-block;
    text-align: center;
    font-size: 120%;
    color: #fff;
    width:3rem;
    height:3rem;
    border-radius: 2px;
    background-color: #246ab4;
    padding-top: .25rem;    
    margin-right: 1.5rem;
}

.rptDeadlines {
    height:37rem;
    padding: 0;
    position: relative;
    margin: 0 5rem;
    -webkit-box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.63);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.63);
    background:linear-gradient(141deg, #ccc 25%, #eee 40%, #e6e6e6 55%);
    overflow: hidden;
}

.rptDeadlines .col {
    margin-top: 0;
}


.bg-video {
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:34%;
    opacity:1;
    overflow: hidden;
}

.bg-video__content {
    height:100%;
    width:100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.deadline {
    width:76%;
    margin: 0 auto;
    margin-left: 12%;
    margin-top: 2.7rem;
    background-color: #607490;
    border-radius: 3px;
    padding: 1.8rem 2.5rem;
    font-size: .95rem;
    line-height: 1.6;
   -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg); 
}

.deadline__text {
    -webkit-transform: skewX(10deg);
            transform: skewX(10deg); 
}

.deadline .section-h3 {
    color: #fff/*#246ab4;/*#44494b*/;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    padding: 0;
    margin: 0;
    text-transform: none;
    letter-spacing: 1px;
}


/*Spreadsheet cons section*/

.spreadsheets {
    padding: 4rem 0 2rem 0;
    margin: 0 auto;
    margin-top: 2rem;
 }

.spreadsheets h2 {
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: 2px;
    color:#20c4f4;
}

.spreadsheets .long-copy,
.disconnect .long-copy {
    text-align: center;
}

.spreadsheets .excel-cons-row {
    max-width:1920px;
    width:auto;
    margin: 2rem auto;
    padding:1rem 1.5rem;
    /*margin-top: 3.5rem;
    margin-bottom: 11rem;*/
}

.spreadsheets .excel-cons-row .col:first-child{
    margin-left: .5%;
}


/*Hover effects for spreadsheet section of Problem page*/

.excel-box {
    margin: 0 auto;
    width:100%;
    text-align: center;  
}


/* Common style */
 .excel-box figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 5%;
	min-width: 400px;
	max-width: 480px;
	width: 93%;
	height: 380px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
    -webkit-box-shadow: 0 1rem 3rem rgba(36, 106, 180, 0.63);
    box-shadow: 0 1rem 3rem rgba(36, 106, 180, 0.63);
     border-radius: 3px;
}

.excel-box figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.65;
}

.excel-box figure figcaption {
	padding: 2em 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.excel-box figure figcaption::before,
.excel-box figure figcaption::after {
	pointer-events: none;
}

.excel-box figure figcaption,
.excel-box figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

.excel-box figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.excel-box figure h2 {
    font-size: 1.25em;
	font-weight: 900;
    padding:10px;
    color: #fff;
    text-shadow: 1px 1px 2px #101010;
    background-color: rgba(169, 211, 255, 0.88);
    border: 1px solid #fff;
}

.excel-box figure h2 span {
    font-size: 1.255em;
}

.excel-box figure h2,
.excel-box figure p {
	margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.excel-box figure p {
	letter-spacing: 1px;
	font-size: 108%;
    text-align: left;
}


figure.effect-excel {
	background: #1f5c7b;
}

figure.effect-excel img {
	opacity: 0.8;
}

figure.effect-excel img, 
figure.effect-excel p{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-excel h2 {
	margin: -8% 0 0 0;
    -webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 40% 100%;
	transform-origin: 40% 100%;
}

figure.effect-excel p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 24px 20px;
	padding: 15px 20px;
	border: 2px solid #fff;
	text-transform: none;
   	font-size: 77%;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-excel:hover h2,
figure.effect-excel:hover p {
    opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-excel:hover h2{
    color: #20c4f4;
    text-shadow: 1px 1px 1px #023164;
    background-color: rgba(208, 221, 235, 0.75);
    border: none;
}

figure.effect-excel:hover img {
	opacity: 0.2;
    -webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}


/* IFRS section */

.IFRS,
.disconnect {
    padding: 4.5rem 0;
}

.IFRS-logo {
    display: block;
    width:94%;
    margin-right:3%;
    text-align: left;
    margin-top: 26%;
}

.IFRS .long-copy {
    margin-left: 2.5%;
    width: 95%;
}

.IFRS .long-copy,
.disconnect .long-copy{
    margin-top: 1rem;
}

/*.IFRS .long-copy:first-of-type {
    margin-left: 12%;
    width:76%;
}*/


/*Disconnected Processes section of Problem Page*/

.disconnect-row {
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 2.5rem;
    padding-left:6rem;
    padding-right: 6rem;
    content:"";
    display:table;
}

.disconnect-row:after{
    clear: both;
}

.disconnect .feature-box {
    width:80%;
    margin-left: 10%;
    margin-top: 2rem;
    text-align: left;
    height: 28.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2.5rem 2.75rem 2rem 2.75rem;
    -webkit-box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.3);
    -webkit-transform: none;
    transform: none;
}

.disconnect .feature-box-5 {
    padding: 2rem;
}

.disconnect .feature-box__icon{
    display: inline-block;
    float: left;
    font-size: 4rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#20c4f4), color-stop(#5cc9e3), to(#1F6BB4));
    background-image: linear-gradient(to left, #20c4f4, #5cc9e3, #1F6BB4);
    color:#5cc9e3;
    -webkit-background-clip: text;
    background-clip:text;
    -webkit-text-fill-color: transparent;
    margin: -.5rem 1rem 1.5rem 0;
    vertical-align: middle;
}

.disconnect .feature-box .heading-tert {
    display: inline-block;
    color:#20c4f4;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.35rem;
    letter-spacing: .5px;
    margin-left: 1.65rem;
    margin-top: .45rem; 
}

.disconnect .feature-box p,
.disconnect ol{
    font-size: 1.08rem;
    line-height: 1.55;
    color: #555;
}

.disconnect .feature-box p {
    display: inline-block;
}

.disconnect ol {
    margin: .55rem 0 .55rem 1rem;
}


/*Solution section of Problem page*/

.solution-section {
    text-align:center;
    background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);
    overflow:hidden;
    padding-bottom: 3rem;
    padding-top: 4rem;
}

.solution-animation {
    margin-bottom: 2rem;
    padding: 0 5rem;    
}

.text-animation {
    display: block;
    font-size: 135%;
    width:100%;
    position: relative;
    height:5rem;
    margin-bottom: 1rem;
    padding: 0;
    overflow: hidden;
}

.text-animation h2 {
    display: inline-block;
    position: absolute;
    top:40%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    letter-spacing:4px;
    word-spacing: .5rem;
    width:100%;  
}

.hidden {
  opacity: 0;
}

.text-animation br {display: none;}



/* ----------------------------------------------
 * Generated by Animista on 2020-9-13 18:17:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand-fwd
 * ----------------------------------------
 */


.tracking-in-contract {
	-webkit-animation: tracking-in-contract 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


/* ----------------------------------------------
 * Generated by Animista on 2020-9-16 13:23:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing:3px;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: 3px;
    opacity: 1;
  }
}


.solution-section .hvr-btn-row {
    position: relative;
    max-height: none;
    height:7rem;   
}

.solution-section .btn-animated {
    position: absolute;
    top:50%;
    left: 50%;
    padding: 1.25rem 1.75rem;
    outline: none;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: 0;
}

.solution-section .btn--blue::after {
    border:3px solid #246ab4;
}


/*New About page - July 2020*/

.welcome {
    text-align: center;
    position: relative;
    padding:5rem 0 8rem 0;
}

.welcome-h2 {
    font-size:280%;
    font-weight: 900;
    text-transform: none;
    /*display: block;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: 2.25s;
    animation-duration: 2.25s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    opacity: 0;
    -webkit-animation-name:anim-1;
    animation-name:anim-1;*/
    letter-spacing: 2px;
}

.welcome-h2/*,
.hero-copy-H1*/ {
    display: block;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    opacity: 0;
    -webkit-animation-name:anim-1;
    animation-name:anim-1;
}

@-webkit-keyframes anim-1{
    0% {opacity: 0;}
    100% {opacity:1;} 
}

@keyframes anim-1{
    0% {opacity: 0;}
    100% {opacity:1;} 
}

.B-h2 {
    color: #20c4f4;
    font-weight: 500;
}

.welcome .long-copy,
.PillarTwo-Intro .long-copy{
    color:#696868;
    font-size:135%;
    font-weight: 500;
    margin-top: 4rem;
}

.welcome .long-copy{
    letter-spacing: 1.5px;
}

.bigger-intro-p{
    font-size: 130%;
    font-weight: 700;
}

.delay-up {
    display: block;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode:backwards;
    animation-fill-mode:backwards;
    -webkit-animation-name:delay-up;
    animation-name:delay-up;   
}

@-webkit-keyframes delay-up{
    0% {opacity: 0; -webkit-transform: translateY(.5rem); transform: translateY(.5rem);}
    100% {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);} 
}

@keyframes delay-up{
    0% {opacity: 0; -webkit-transform: translateY(.5rem); transform: translateY(.5rem);}
    100% {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);} 
}

.welcome .btn-animated,
.hero-container .btn-animated{
    margin-top: 4.5rem;
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    opacity: 0;
    -webkit-animation-name:anim-1;
    animation-name:anim-1;
    letter-spacing: 1.5px;
}

.welcome .btn-2:hover,
.hero-container .btn-2:hover{
-webkit-transform: translateY(-.5px);
          transform: translateY(-.5px);
}

.welcome .btn-2:active, .welcome .btn-2:focus,
.hero-container .btn-2:active, .hero-container .btn-2:focus{
  outline: none;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.welcome .btn-2::after,
.hero-container .btn-2::after{
    -webkit-transition: all .5s;
      transition: all .5s; }
    

.welcome .btn--blue:hover{
    border: 3px solid #246ab4;
    color:#555;
}

.welcome .btn--blue::after/*,
.hero-container .btn--blue::after*/{
    border: 3px solid #246ab4;
}


/*PARALLAX section*/
.parallax {
    position: relative;
    margin-top:0;
    padding-top: 0;
    padding-bottom: 2rem;
}

.parallax-wrapper{
    background-image: url(images/taxpaccbg.jpg);
    height:30.5rem;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding:6rem 0;      
}

.what {
    color:#fff;
    margin: 0 auto;
}

.what h2,
.what-can h2,
.who h2{
    display: block;
    text-align: center;
    font-size: 3rem;
    color:#fff;
    padding: 1rem;
    letter-spacing: 7px;
    margin-bottom: 0;
    line-height:1.4;
    /*background: rgba(137, 136, 136, 0.75);*/ 
}

.what h2 {
    margin-top: 2rem;
}

.parallax-p {
    font-size:120%;
    line-height: 1.7;
    background: rgba(255, 255, 255, 0.65);
    padding: 2.5rem 3rem;
}

.answer-what .parallax-p {
    min-height: 356px;
}

.answer-what-can .parallax-p {
    min-height: 316px;
}

.parallax-wrapper-2{
    background-image: url(images/buildings-1.jpg);
    height:36rem;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding:6rem 0;      
}

.what-can h2 {
    margin-bottom: 3rem;
}

.parallax-wrapper-2 .parallax-p {
    width:60%;
    margin-left: 20%;
    text-align: center;  
}

.parallax .btn-text:link,
.parallax .btn-text:visited {
    margin-top: 2rem;
}

.parallax .btn-text:hover {
     -webkit-transform: translateY(0.2px);
          transform: translateY(0.2px); 
}

.parallax .btn-text:active{
     -webkit-transform: translateY(0);
          transform: translateY(0); 
}

.small_xnovos {
    display:inline-block;
    width:40%;
    vertical-align:bottom;
    margin-top: .5rem;
}

.answer-who .parallax-p{
    min-height: 323.05px;
    text-align: center;
    width:80%;
}

.answer-who .btn-text {
    display: inline-block;
    /*margin-left: 35%;*/
}

.answer-who .who-link-1 {
    float:left;
}

.answer-who .who-link-2 {
    float:right;
}
    
.TaxPacc-features {
    padding-top: 0;
}

.about_Taxpacc {
    margin-top: 30px;
}


/*About Features */

.intro-row {
    padding:3rem 0 0 0;
}

.intro-row .long-copy {
    width:80%;
    margin-left: 10%;
    text-align: center;
    margin-top: 1rem;
}

.intro-row .TP-blue {
    color: #246ab4;
    font-weight: 700;
    letter-spacing: 2px;
}

.about_Taxpacc {
    margin: 0 auto;
    margin-top: 60px;
    padding: 3rem;
    background-color: #F1F4F9;
    text-align: center;
}

.about_Taxpacc .row {
    width:80%;
    margin-left: 10%;
    margin-bottom: 2rem;
}

.view-fifth {
    display: inline-block;
    width: 18.5rem;
    height: 18.5rem;
    margin: 10px;
    float: none;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(32, 196, 244, 0.66)), color-stop(#358adb), to(#1F6BB4));
    background-image: linear-gradient(to left, rgba(32, 196, 244, 0.66), #358adb, #1F6BB4);
    border: 10px solid #fff;
    -webkit-box-shadow: 1px 1px 10px rgba(36, 106, 180, 0.78);
    box-shadow: 1px 1px 10px rgba(36, 106, 180, 0.78);
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    /*background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}
.view-fifth .mask, .view-fifth .content {
    width: 17.5rem;
    height: 17.5rem;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view-fifth img {
    display: block;
    position: relative;
    width:75%;
    margin-left: 12.5%; 
    margin-top: 12%;
    padding: 0;
}

.view-fifth h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 21px;
    padding: 13px 7px 13px 3px;
    margin: .5rem 0 0 0;
    border-bottom: 3px solid #20C4F4;
}

.view-fifth p {
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.5;
    position: relative;
    color:#003366;
    padding: 15px 28px 10px 10px;
    text-align: center;
}

.fourth-row .view-fifth p {
    padding-top: 10px;
}

.view-fifth img {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}
.view-fifth .mask { 
	background-color: #dcddde;
	-webkit-transform: translateX(-17.5rem);
	transform: translateX(-17.5rem);
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; 
}
.view-fifth h2{
    background: #246ab4;
    color: #fff;   
}
.view-fifth p{
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-fifth:hover .mask {
	-webkit-transform: translateX(0px); 
	transform: translateX(0px);
}						
.view-fifth:hover img {
	-webkit-transform: translateX(17.5rem); 
	transform: translateX(17.5rem);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.view-fifth:hover p{
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.about_Taxpacc .col{
    margin-top:10px;
    padding-left: 0;
    padding-right: 0;
}

.about_Taxpacc .fourth-row {margin-bottom: 0;}



/* STYLING FOR THE TAXPACC FAQs PAGE*/

/* Questions section*/

.taxpacc-questions{
    background-color: #fdfdfd;
    padding-bottom: 80px;
    margin-top: 0;
 }

.taxpacc-questions h2,
.spreadsheets h2{
    text-transform: none;
}

#accordion {
    width:90%;
    margin-left: 5%;
}

#accordion .TPquestion {
    margin-bottom: 1rem;
    color: #555555;
}

#accordion h3{
    color: #246ab4;
    letter-spacing: 1px;
    font-weight: 500;
    text-shadow: .5px 0 0 #246ab4;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    background: rgb(113,113,113);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(123, 122, 122)), color-stop(48%, rgb(177, 177, 177)), to(rgb(222, 222, 222)));
    background: linear-gradient(0deg, rgb(123, 122, 122) 0%, rgb(177, 177, 177) 48%, rgb(222, 222, 222) 100%);
    margin-top: 1rem;
    padding: 1rem 0 1rem 1rem;
}

.ui-icon {
    margin-right: 1rem;
    border-radius: 50%;
    background-color: #fff;
    width:1.75rem;
    height:1.75rem;
}

#home_Q1 {
    max-height: 120px;
}

#home_Q2 {
    max-height: 350px;  
}

#home_Q3 {
    max-height: 270px;
}

#home_Q4 {
    max-height: 520px;
}

#home_Q6 {
    height: 400px;
    max-height: 470px;
}

#home_Q7 {
    max-height: 280px;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    font-size:92%;
}

#home_Q1,
#home_Q2,
#home_Q3,
#home_Q4,
#home_Q6 {
    padding-left: 0;
    padding-right: 0;
    font-size: 92%;
}

#home_Q2 ul li,
#home_Q3 ul li,
#home_Q4 ul li,
#home_Q7 ul li {
    list-style: none;
    padding-bottom: 10px;
    text-indent: 1%;
    margin-left: -3%;
}

#home_Q6 ul li {
    list-style: none;
    padding-bottom: 10px;
    list-style-position: inside;
    text-indent: -1.8em;
    padding-left: 3.6em;
}

.taxpacc-questions p {
    margin-bottom: 10px;
}

#home_Q4 p {
    margin-top: 12px;
}

.TPquestion .icon-small {
    display: inline-block;
    width: 25px;
    text-align: center;
    color: #246ab4;
    margin-right: 10px;
    font-size: 120%;
    /*secrets to align text and icons */
    line-height: 120%;
    vertical-align: middle;
    margin-top: -5px;
 }


/* OECD PILLAR 2 PAGE - NEW AS OF JULY 2026*/

/*hero/banner image with text*/

#TP-Pillar2-top,
.PillarTwo-Intro{
    background:
    radial-gradient(circle at top right, rgba(27, 102, 201, 0.14), transparent 28%),
    linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
}

#TP-Pillar2-top .hero{
    padding: 0;
}

.hero {
    position:relative;
    height: 84dvh;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(images/taxpacc-pillar-two-hero-img.jpg) !important;*/
    background-image: url(images/taxpacc-pillar-two-hero-img.jpg);
    background-size:cover;
    background-position: 50% 48%;
    background-repeat: no-repeat;
    padding: 0;
}

.hero-container {
    position: absolute;
    top:6%;
    left:10%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width:70%;
}

.hero-copy-H1 {
    font-size: 5.5rem;
    font-weight: bold;
    color:#fff;
    letter-spacing: 2px;
    line-height: 1.4;
    margin: 0 auto;
}

.hero-copy-H1-Lblue {
    color: #20C4F4;
}

.hero-copy-p {
    color: #fff;
    font-size: 2.4rem;
    margin: 0 auto;
    margin-top: 0;
    padding-left: .5rem;
    letter-spacing: 1.5px;
    word-spacing: normal; 
}

.TP-GIR-software h2,
.TP-GIR-software .feature-card p,
.hero-copy-p, .hero-points,
.hero-card h2,
.deadline-strip,
.proof-grid h2, .proof-grid p,
#Pillar-2-problem .features-box,
#TaxPacc-P2-solution .features-container .workflow p,
.value-metrics span,
.faq-list p{
    font-family: "Manrope", sans-serif;
}
.hero-container .hvr-btn-row {
    width:80%;
}
.hero-container .btn--blue {
    padding: 1rem 2rem;
    border: 2px solid transparent;
}


.hero-container .btn-2:hover {
    -webkit-transform: translateY(-2px);
          transform: translateY(-2px);  
}

.hero-container .btn--blue:nth-of-type(1){
    margin-right: 3rem;
}

.hero-container .btn--blue:nth-of-type(2):link,
.hero-container .btn--blue:nth-of-type(2):visited{
    background-color: #fff;
    color:#012259;
    font-weight: 600;
}

.hero-container .btn--blue:hover,
.hero-container .btn--blue:active{
    border-color:#fff;
    color:#246ab4;
    background-color:rgb(242, 242, 242);
    text-shadow: none;
    font-weight: bold;
}

.hero-container .btn--blue::after{
    border: 2px solid #fff;
}

.hero-container .btn--blue:nth-of-type(2):hover,
.hero-container .btn--blue:nth-of-type(2):active {
    border-color:#fff;
    background-color: transparent;
    color: #20c4f4;
    font-weight: 500;
}

.hero-container .btn-animated{
    margin-top: 3rem;}

.hero-points {
    color: #67a8ff;
    font-size: larger;
  display: block;
  padding: 0;
  margin: 3rem 0 0;
  list-style: none;
}

.hero-points li {
   color: #e1e0e0; 
  display: flex;
  align-items: center;
  gap: 1rem;
    font-weight:500;
    margin-bottom: 1.15rem;
}

.hero-points li::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px; 
  background: #67a8ff;
  flex: 0 0 auto;
}

/* OECD PILLAR 2 edit - July 2026 */

.PillarTwo-Intro,
.PillarTwo-description {
    margin-bottom: 0;
}

/*.PillarTwo-description,
.PillarTwo-solution{
    padding-left: 8rem;
    padding-right: 8rem;
    padding-bottom:3rem;
}

.PillarTwo-description {
    background-color: #f6f6f6;
}
.PillarTwo-solution{padding-bottom: 2rem;}*/


#PillarTwo-contact-section{
    padding:5rem 0;
}

.PillarTwo-Intro {
    padding:0 0 3rem 0;
    margin-top: 0;}

.hero-introduction {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #fff;
}
.PillarTwo-Intro .TP-Pillar2-intro-H2 {
    line-height: 1.3;
    font-size:2.8rem;
    font-weight: 900;
    text-transform: none;
    display: block;
    margin: 0 auto; 
}

.PillarTwo-Intro .hero-introduction .long-copy{
    letter-spacing: 1px;
    margin-top: 3rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;}

.TP-GIR-software h2,
.PillarTwo-Intro .TP-Pillar2-intro-H2,
.hero-panel h2{
    text-wrap:balance;
}

/*.PillarTwo-Intro p,*/
.PillarTwo-description p {
    margin-bottom: 1.25rem;
    text-align: left;
}

.PillarTwo-Intro .long-copy,
.PillarTwo-solution .long-copy-2{
    display: block;
    font-size: 108%;
    margin: 0 auto;
    margin-top: 2rem;
    width:95%;
    text-wrap:pretty;
}

.PillarTwo-Intro .btn-row {
    padding-left:3rem;
    padding-right: 3rem;
}

.PillarTwo-Intro .btn-row .span-1-of-2:first-of-type {
    text-align: left; 
}
.PillarTwo-Intro .btn-row .span-1-of-2:last-of-type {
    text-align: right;
} 
.
/*.PillarTwo-Intro .bigger-intro-p {
    display: block;
    font-size: 110%;
    font-weight: 700;
    padding: 0;
    width:95%;
    margin-bottom: 3rem;
    margin-left: 2.5%;
    margin-top: 3.5rem;
}*/

/*.PillarTwo-Intro .btn--blue {
    margin-top: 2rem;
    margin-bottom: 0; 
}
.PillarTwo-Intro .btn--blue,
#PillarTwo-contact-section .btn--blue {
    font-size: 1.35rem;
    padding:1rem 3rem;
}*/


/*the summary of How it Works*/

.hero-card{
    display: flex;
    justify-content:center;
    margin-top: 2rem;
    margin-bottom: 3.5rem;
}

#TaxPacc-Pillar-Two-GIR .hero-card,
.problem-card,
.workflow-card,
.feature-card,
.cta-shell,
.value-banner {
  border: 1px solid rgba(13, 56, 107, 0.14);
  background: #fff;
  box-shadow: 0 22px 48px rgba(15, 61, 116, 0.1);
}

#TaxPacc-Pillar-Two-GIR .hero-card{
    margin-top: 2rem;
  padding: 1.8rem 2rem 1.8rem 2.25rem;
}

#TaxPacc-Pillar-Two-GIR .hero-card,
.TP-GIR-software{
  width: min(92%, 45rem);
  border-radius: 30px;
    margin-bottom: 1.25rem;
}

.hero-card-top {
  display: flex;
  justify-content:space-between;
  gap: 2rem;
  align-items:center;
  margin-bottom: 2rem;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  padding: 1rem 1.5rem 1rem 1.5rem;
  border-radius: 999px;
  background: #dcecff;
  color:  #0f3d74;
  font-weight: 600;
  font-size: 0.9rem;
}

.status-meta {
  color: #567089;
  font-weight: 600;
  font-size: 0.9rem;
}

#TaxPacc-Pillar-Two-GIR .hero-card h2,
.TP-GIR-software h2{
  font-size: 2rem;
    letter-spacing: normal;
    line-height: 1.2;
    margin-top: 2rem;
    text-align: left;
    text-transform: none;
}

#TaxPacc-Pillar-Two-GIR .hero-card .mini-flow {
  display: grid;
  gap: 1.25rem;
    margin-top: 1.5rem;
}

.mini-step {
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: .5rem;
  padding: .65rem .2rem;
  border-radius: 18px;
  background: #eff5fb;
  border: 1px solid rgba(27, 102, 201, 0.1);
}

.mini-step span,
.workflow-number {
    display: grid;
    place-items:center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #1b66c9, #0f3d74);
    color: #fff;
    font-weight: 700;
    margin-left: 1rem;
}

.mini-step p {
    margin: 0;
    text-align: left;
    vertical-align: middle;
    margin-top: 15px;
    font-weight: 500;
}

/*Benefits for complying with SARS*/


#TaxPacc-Pillar-Two-GIR .feature-copy {
    padding-top: 4rem;
    padding-left: 11rem;
    padding-right: 11rem;
    text-align: left;
    background-color: transparent;
}

#TaxPacc-Pillar-Two-GIR .feature-copy .eyebrow {
    color:#567089;
}

#TaxPacc-Pillar-Two-GIR .feature-copy h2 {
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
    width:90%;
    text-wrap:balance; 
    margin-left: 0;
}

#TaxPacc-Pillar-Two-GIR .feature-copy .long-copy{
    font-size:110%;
    margin-left: 0;
    letter-spacing: normal;
}

.TP-GIR-software {
    padding: .5rem .5rem 1rem 2.5rem;
    text-align: left;
}

.TP-GIR-software .feature-grid {
    display: grid;
    gap: 1.8rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 1.6rem;
}

.TP-GIR-software .feature-card {
    position: relative;
    height:10.5rem;
    margin-bottom: 0;
}

.TP-GIR-software .feature-card p {
    color: #567089;
    font-size: .86rem;
    line-height: 1.5;
    display: block;
    position: absolute;
    top:30%;
    padding: .75rem;
    left:50%;
    transform: translateX(-50%);
    text-align: left; 
    width: 90%;
}



/*SARS timeline-deadlines for submission */

.deadline-strip {
    padding-left: 11rem;
    padding-right: 11rem;
    background-color: #fff;
}

.deadline-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 1rem;
  align-items:center;
  padding: 1.75rem 1.75rem 1rem 2.25rem;
  border-radius: 28px;
  background: linear-gradient(120deg, #123a6c 0%, #1b66c9 100%);
  color: #fff;
}


.deadline-grid .eyebrow,
.deadline-grid p,
.deadline-grid span,
#faq .eyebrow{
  color: rgba(255, 255, 255, 0.82);
}

.Problem-description .eyebrow,
.deadline-grid .eyebrow,
.features-container .section-heading .eyebrow,
#Client-satisfy-section .value-banner .eyebrow,
#TP-Pillar2-contact-section .eyebrow{
    text-transform: uppercase;
    font-size: 0.84rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.TP-GIR-software .eyebrow,
.features-container .section-heading .eyebrow,
#Client-satisfy-section .value-banner .eyebrow,
#TP-Pillar2-contact-section .eyebrow{
    color: #567089;}


.deadline-strip h2,
.features-container .section-heading h2,
#Client-satisfy-section .value-banner h2,
#TP-Pillar2-contact-section .cta-copy h2{
    color:#fff;
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: none;
    line-height: 1.15;
    font-weight: 600;
}

.deadline-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.deadline-points div {
  display: grid;
    grid-template-rows: repeat(2, 0fr);
  gap: 12px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.09);
}

.deadline-points span {
    font-size: .875rem;
}

.deadline-points strong {
  font-size: 1rem;
}


/*.experience-note {
  width: fit-content;
  margin: 1.15rem 0 0;
  padding: 0.65rem 0.85rem;
  border-left: 3px solid var(--accent);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 700;
}


.PillarTwo-banner .intro-h2 {
    font-size: 3.25rem;
    color:#fff;
    letter-spacing: 3px;
    line-height: 1.6;
    padding: .25rem;
    text-shadow: 2px 2px 2px #1F6BB4;
    margin: 0 auto;
}*/

/* OECD PILLAR 2 edit - July 2026 */


/*Xnovos experience*/

.proof-strip {
  border-bottom: 1px solid rgba(13, 56, 107, 0.14);
  background: #f4f8fb;
 padding:3rem 2.5rem;
}

.proof-strip .row {
    margin-left: 4rem;
    margin-right: 0;
}

.proof-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.35fr 1.6fr;
  align-items: center;
  gap: 1.85rem;
}

.proof-grid h2 {
  margin: 0;  
}

.proof-grid .eyebrow{
    color: #1b66c9;
    font-size: 1.0rem;
  font-weight: 800;
    letter-spacing: 0.1em;
    margin-left: 0;
    text-transform: uppercase;
}

.proof-grid h2 {
    color: #0f3d74;
    text-align:left;
    font-size: 1.4rem;
    text-transform: none;
    line-height: 1.2;
}

.proof-grid > p:last-child {
  color:  #567089;
   margin-left: .7rem; 
}

/*Who is this for?*/


#Pillar-2-problem{
    background:linear-gradient(141deg, #fdfdfd 25%, #f6f5f5 40%, #f9f9f9 55%);  
}

#Pillar-2-problem,
#TaxPacc-P2-solution,
#Client-satisfy-section {
  padding: 1rem 11rem;  
}

#TaxPacc-Pillar-Two-GIR .section-heading,
#Pillar-2-problem .section-heading,
#TaxPacc-P2-solution .section-heading,
#Client-satisfy-section .value-banner h2{
  max-width: 80rem;
  margin-bottom: .5rem;
    padding: 3rem 4.25rem 0 2rem;
}

#TaxPacc-Pillar-Two-GIR .feature-copy h2,
.TP-GIR-software h2,
.features-container .section-heading h2,
#Client-satisfy-section .value-banner h2,
#TP-Pillar2-contact-section .cta-copy h2{
    width:98%;
    letter-spacing: .5px;
    margin-bottom: 2rem;
    color:#246ab4;
    text-transform: none;
    text-align: left;
}

.features-container .section-heading h2,
#Client-satisfy-section .value-banner h2,
#TP-Pillar2-contact-section .cta-copy h2{
    text-wrap:balance;
}

.features-container .section-heading .long-copy {
    width: 100%;
    margin-left: 0;
    text-align: left;
}
#Pillar-2-problem .features-row {
    padding-left:2rem;
    padding-right: 2rem;
}

#Pillar-2-problem .features-box{
    width:94%;
    margin-left: auto;
    height: 13rem;
    background-color: #fff;
    text-align: left;
    /* -webkit-box-shadow: 0 1.5rem 4rem rgba(82, 82, 82, 0.3);
    box-shadow: 0 1.5rem 4rem rgba(82, 82, 82, 0.3);*/
    box-shadow: 0 1.5rem 4rem rgba(15, 61, 116, 0.1);
    position: relative;
    padding: 1.8rem 1rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
}

#Pillar-2-problem .features-box,
.TP-GIR-software .feature-card,
.workflow-card{
    border: 1px solid rgba(13, 56, 107, 0.14);
    border-radius: 26px;
    padding: 1.8rem 1rem;
}

#features .features-box:hover,
#Pillar-2-problem .features-box:hover{
    -webkit-transform: translateY(-.5rem) scale(1.03);
    transform: translateY(-.5rem) scale(1.03); 
}

.TP-GIR-software .feature-card h3,
#Pillar-2-problem .features-box .heading-tert{
    display: block;
    width:78%;
    margin-bottom: 0;
    color:#246ab4;
    position: absolute;
    top:10%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    text-align: left;
}   
.TP-GIR-software .feature-card h3 {
    top:15%;
}

.TP-GIR-software .feature-card h3,
#Pillar-2-problem .features-box .heading-tert,
#TaxPacc-P2-solution .features-container h3 {
    font-size: .95rem;
    font-weight: 600;
    text-shadow: none;
    letter-spacing: .5px;
    line-height: 1.2;
    color:#246ab4;
    text-wrap:balance;
}



#Pillar-2-problem .features-box p {
    position: absolute;
    top:35%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    text-align: left; 
    width: 78%;
}

#Pillar-2-problem .features-box p,
#TaxPacc-P2-solution .features-container .workflow p,
.value-metrics span,
.faq-list p{
    color: #567089;/*#606060;*/
    display:block;
    font-size: .86rem;
    font-weight: 400;
    line-height: 1.5;
    width: 78%;
}



/*How it works*/

.section-alt {
  background: linear-gradient(180deg, rgba(226, 239, 255, 0.34), rgba(244, 248, 252, 0.2));
}

.workflow {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(4, 1fr);
    align-items: start;
    padding-bottom: 3rem;
}
.workflow-card {
    position:relative;
    display: grid;
    gap: 16px;
    height: 18rem;
    grid-template-rows: repeat(1fr 1fr 2fr);
    background: rgba(255, 255, 255, 0.92);
    box-shadow:0 22px 48px rgba(15, 61, 116, 0.1);
    text-align: center;
}

/*animation for the workflow cards*/
@supports (animation-timeline:view()){
.workflow-card {
    animation: projectReveal linear both;
    animation-delay: calc(250ms * var(--order));
    animation-timeline: view();
}

.workflow-card:nth-child(1){
    animation-range:entry 10% cover 20%;
}
.workflow-card:nth-child(2){
    animation-range:entry 20% cover 30%;
}

.workflow-card:nth-child(3){
    animation-range:entry 30% cover 40%;
}
    
.workflow-card:nth-child(4){
    animation-range:entry 40% cover 50%;
}  
    
}

@-webkit-keyframes projectReveal{
    from {
        opacity: 0;
        transform: perspective(1600px)
        rotateY(35deg) rotateX(45deg)
        translateX(150px) scale(.55);
        /*filter: blur(10px);*/
    }
    
    60% {
        opacity:60%;
        transform: perspective(1600px)
        rotateY(-5deg) scale(1.05);
        /*filter: blur(5px);*/
    }
    
    to {
        opacity: 1;
        transform: perspective(1600px)
            rotateY(0) rotateX(0)
            translateX(0) scale(1);
        /*filter: blur(0);*/
    }
}

@keyframes projectReveal {
    from {
        opacity: 0;
        transform: perspective(1600px)
        rotateY(35deg) rotateX(45deg)
        translateY(150px) scale(.55);
        filter: blur(10px);
    }
    
    60% {
        transform: perspective(1600px)
        rotateY(-5deg) scale(1.05);
    }
    
    to {
        opacity: 1;
        transform: perspective(1600px)
            rotateY(0) rotateX(0)
            translateY(0) scale(1);
        filter: blur(0);
    }
}

/* Remove animations for users who prefer reduced motion */

@media (prefers-reduced-motion: reduce) {
  #TaxPacc-P2-solution{
    animation-timeline: none;
  }
}

    
.workflow-number {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #1b66c9, #0f3d74);
  color: #fff;
  font-weight: 800;
}

.workflow-card .workflow-number {
  margin-bottom: 1rem;
}

#TaxPacc-P2-solution .features-container h3 {
    top:33%;
    width:80%;
    line-height: 1.3;
    text-align: center;
}

#TaxPacc-P2-solution .features-container .workflow p {
    width: 95%;
    margin-bottom: 0;
    top:52%;
}
#TaxPacc-P2-solution .features-container h3,
#TaxPacc-P2-solution .features-container .workflow p {
    padding: 0 1rem;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}

/*what clients want/care about*/

#Client-satisfy-section,
#faq,
#TP-Pillar2-contact-section{
    padding: 4rem 11rem;}


.value-banner {
  border: 1px solid rgba(13, 56, 107, 0.14);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 48px rgba(15, 61, 116, 0.1);
  padding: 3rem;
  border-radius: 30px;
}

#Client-satisfy-section .value-banner h2 {
    width:94%;
    padding-left: 0;
    padding-top: 1rem;
    text-wrap:pretty;
}

.value-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.value-metrics div {
  display: grid;
  gap: 10px;
  padding: 1.1rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(13, 56, 107, 0.14);
}

.TP-GIR-software .feature-card h3,
.value-metrics strong,
.faq-list summary{
    font-family: 'Open Sans', sans-serif;
}

.value-metrics strong{
    color:#246ab4;
    font-size: .95rem;
}


/*FAQ section*/

#faq  {
        height:auto;
    }

#faq .features-container .section-heading h2{
    color:#fff;
}

.faq-layout {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 34px;
  align-items: start;
}

.faq-list {
  display: grid;
  gap: 14px;
}

.faq-list details {
  padding: 1rem 2rem;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(13, 56, 107, 0.14);
  box-shadow: 0 12px 28px rgba(15, 61, 116, 0.06);
}

#faq .faq-layout .faq-list summary{
    color:#567089;
    font-size: .85rem;
    font-weight: 600;
    padding-left: .25rem;
    margin-left: .25rem;
    display: list-item;
    list-style-position: outside;
    cursor: pointer;    
}

.faq-list p {
  margin: .5rem 0 0 .65rem;
    text-wrap:auto;
    width: 95%;
}

/*pillar 2 contact section with form*/

.cta-shell {
  display: grid;
  grid-template-columns: 1fr 0.92fr;
  gap: 30px;
  padding: 3rem;
  border-radius: 34px;
  overflow: hidden;
  position: relative;
}

.cta-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(27, 102, 201, 0.16), transparent 34%);
  pointer-events: none;
}


#TP-Pillar2-contact-section .long-copy {
    margin-left: 0;
}
#TP-Pillar2-contact-section .cta-copy,
#TP-Pillar2-contact-section .demo-form {
  position: relative;
  z-index: 1;
}

/*STYLES FOR NEW DEMO REQUEST FORM - JULY26 */

.antispam { display: none !important; }

.field-error { color: #bb0404; font-size: 0.85rem; display: block; margin-top:4px; }
  
#TP-Pillar2-contact-section .Demoform-message { padding: 10px; margin-bottom: 15px; border-radius: 4px; display: none; }
  



#TP-Pillar2-contact-section .demo-form {
  display: grid;
  gap: 14px;
  padding: 2rem;
  border-radius: 24px;
  background: rgba(241, 247, 255, 0.9);
  border: 1px solid rgba(27, 102, 201, 0.14);
}

#TP-Pillar2-contact-section .demo-form label {
    font-family: "Manrope", sans-serif;
  display: grid;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #224e67;
}

#TP-Pillar2-contact-section .demo-form input,
#TP-Pillar2-contact-section .demo-form select {
  width: 100%;
  min-height: 50px;
  padding: 0 14px;
    margin-left: 0;
  border-radius: 14px;
  border: 1px solid rgba(18, 50, 79, 0.14);
  background: #fff;
  font: inherit;
  color: #12324f;     
}

#TP-Pillar2-contact-section .demo-form placeholder {
    color: rgb(173, 173, 173)
}

#TP-Pillar2-contact-section .form-note {
  margin: 0;
  font-size: 0.92rem;
}

#TP-Pillar2-contact-section .button {
  min-height: 54px;
  padding: .8rem 0;
    width:100%;
}
#TP-Pillar2-contact-section input[type=submit],
#TP-Pillar2-contact-section .button-primary {
    border:none;
    border-radius:30px;
  background: linear-gradient(135deg, #1b66c9, #0f3d74);
  color: #fff;
    font-weight: 400;
    font-size:1.02rem;
  box-shadow: 0 12px 28px rgba(27, 102, 201, 0.22);
    margin-top: .8rem;
    padding: .8rem 0;
}


/*Scroll-animation for the Register button*/
 /*   
.PillarTwo-Intro .btn-reveal {
	/* Create View Timeline */
	view-timeline-name: --btn-reveal;
	view-timeline-axis:block ;

	/* Attach animation, linked to the  View Timeline */
	animation: linear reveal both;
	animation-timeline: --btn-reveal;

	/* Tweak range when effect should run*/
	animation-range: entry 25% cover 50%;
}*/

/*
@-webkit-keyframes reveal {
	from {
		opacity: 0;
        scale:0;
		/*clip-path: inset(45% 20% 45% 20%);*/
	}
	to {
		opacity: 1;
        scale:110%;
		/*clip-path: inset(0% 0% 0% 0%);*/
	}
}*/
/*
@keyframes reveal {
	from {
		opacity: 0;
        scale:0;
		/*clip-path: inset(45% 20% 45% 20%);*/
	}
	to {
		opacity: 1;
        scale:110%;
		/*clip-path: inset(0% 0% 0% 0%);*/
	}
}*/
/*
.about_Pillar2 {
    height:32rem;
    display: grid;
    align-content: center;
    justify-content: space-evenly;
    grid-template-columns: .7fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0;
    margin-top: 1rem;
    margin-bottom:0;
    padding: .5rem 7rem;
}

.P2info-1 { 
    grid-area: 1 / 1 / 3 / 2; 
    padding-top:2rem;
    padding-bottom:0;
}

.GIR-submission-video {
    height: 90%;
}
.P2info-2 { grid-area: 1 / 2 / 3 / 3;
    padding-top:1.8rem;
    padding-bottom: 0;}

.P2info-2 p:first-child {
    margin-top: 0;
    margin-bottom: 2rem;
}

.PillarTwo-solution h2 {
    color:#fff;
}

.PillarTwo-solution .long-copy-2{
    text-align: center;
    font-weight: 400;
    font-size: 120%;
    line-height: 1.6; 
    margin-bottom: 0;
    padding: 1rem 2.5rem 0 2.5rem;
    width:90%;
}

.PillarTwo-solution hr {
    border:none;
    border-top: 4px solid #fff;
    margin-top: 3rem;
}

.Pillar-Two-solution .PillarTwo-features-row {
    padding: 1rem 5rem;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 0;
    margin-top: 2rem;
    /*border-radius: 10px;  */ 
}*/

/* LIST OF TaxPacc Pillar 2 GIR FEATURES - HOW IT WORKS*/
/*
#PillarTwo-features{
    /*box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3);*/
    padding-top: 3.5rem;
    padding-bottom: 1rem; 
}*/
/*
.PillarTwo-features-row,
#PillarTwo-features {
    background-color: transparent;
}

#PillarTwo-features h3 {
    color:#fff;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 0;
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

#PillarTwo-features ul {
    display: block;
    width: 100%;
    border-radius: 10px;
}

#PillarTwo-features ul,
#PillarTwo-features li{
    list-style: none;
    margin:0 auto;
    padding: 0;
}

#PillarTwo-features li {
    /* Default styles for unsupported browsers (progressive enhancement) */
      opacity: 0;
      transform: translateY(100px);
    color: #fff;
    font-size: 120%;
    font-weight: 400;
    letter-spacing: 1px;
    height: 4.5em;
    border: none;
    border-bottom: 1px solid #fff;
    box-shadow: inherit;
    counter-increment: index;
    display: block;
    align-items: normal;
    gap: 1em;
    padding: 1.25em;
    margin:0;
}*/
/*
#PillarTwo-features li:last-of-type {
    border-bottom: none;
}*/


@supports (animation-timeline:view()){
    
#PillarTwo-features >ul >li {
    animation: fade-in 1s linear;
    animation-range: entry 20% cover 50%;
    animation-fill-mode: both; /* Retains 'from' styles before animation starts */
    
     /* Stagger the animation using the CSS variable */
    animation-delay: calc(250ms * var(--order));
    animation-timeline: view();
    }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Remove animations for users who prefer reduced motion */

@media (prefers-reduced-motion: reduce) {
  #PillarTwo-features{
    animation-timeline: none;
  }
}

.PillarTwo-description span {
    font-weight: bold;
    letter-spacing: .5px;
}

#PillarTwo-contact-section {
    padding-top:2rem;
    padding-bottom: 5rem;}
     
#PillarTwo-contact-section h2 {
    font-size: 1.5em;
}

#PillarTwo-contact-section p {
    font-weight: 400;
}

#PillarTwo-contact-section .long-copy{
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    width:80%;
    margin-left: 10%;
}

#PillarTwo-contact-section .long-copy:first-of-type {
    font-size: 120%;
    font-weight: bold;
    letter-spacing: .5px; 
    margin-bottom: 2rem;
    margin-top: 3rem;
}

#PillarTwo-contact-section .hvr-btn-row{
    max-height: 3rem;
}

#PillarTwo-contact-section .btn--blue {
    margin-top: 1rem;
}

/*queries for new Pillar 2 - July26*/
@media (max-width: 1080px) {
  .hero-grid,
  .deadline-grid,
  .proof-grid,
  .feature-layout,
  .faq-layout,
  .cta-shell {
    grid-template-columns: 1fr;
  }

  .workflow {
    grid-template-columns: repeat(2, 1fr);
  }

  .problem-grid,
  .value-metrics {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 780px) {
  
  .workflow,
  .feature-grid,
  .deadline-points {
    grid-template-columns: 1fr;
  }

  .cta-shell,
  .value-banner,
  .hero-card {
    padding: 22px;
  }

  .container {
    width: min(1180px, calc(100% - 24px));
  }
}


/* MINING TAX PAGE */


.mining-header {margin-bottom: 0;}

.taxpacc-mining {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 242, 242, 0.80)), to(rgba(242, 242, 242, 0.80))), url(images/taxpacc_mining-bg.jpg);
    background-image: linear-gradient(rgba(242, 242, 242, 0.80), rgba(242, 242, 242, 0.80)), url(images/taxpacc_mining-bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 4rem 15rem;
}

.taxpacc-mining h2 {
    line-height: 140%;
}

.taxpacc-mining .long-copy {
    font-size: 100%;
    color: #403e3e;
}

.taxpacc-mining p {
    padding-top: 45px;}

.taxpacc-mining ul {
    text-decoration: none;
    list-style-type:disc;
    text-indent: 10px;
    padding-top: 20px;  
}

.taxpacc-mining ol {
    text-decoration: none;
    text-indent: 10px;
    padding-top: 20px;
}

.taxpacc-mining ul li,
.taxpacc-mining ol li {
    padding-bottom: 10px;
}

.court-cases .long-copy {
    padding-top: 0;
    margin: 0;
    margin-top: 2rem;  
}

.taxpacc-mining .fa {
    display: block;
    text-align: center;
    color: #246ab4;
    font-size: 2.35rem;
    line-height: 1.6;
    margin-top: 2rem;
    margin-left: 2rem;  
}

.CTA-contact {
    margin-top:75px;
    text-align: center;
    margin-bottom: 20px;
}

.taxpacc-mining .btn-2, 
.taxpacc-mining .btn-2:link, 
.taxpacc-mining .btn-2:visited {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.15;
    text-decoration: none;
    padding: 1rem 2rem;
    display: block;
    width:44%;
    margin-left: 28%;
    border-radius: 10rem;
    background-color: rgba(36, 106, 180, 0.76);
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    font-size: 1.75rem;
    border: 3px solid transparent;
    cursor: pointer; }

.taxpacc-mining .btn-2:hover {
    background-color: #bcbcbc;
    border: 3px solid #246ab4;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 1rem 2rem rgba(32, 196, 244, 0.45);
          box-shadow: 0 1rem 2rem rgba(32, 196, 244, 0.45); }

 .taxpacc-mining .btn-2:hover::after {
    -webkit-transform: scaleX(1.4) scaleY(1.6);
            transform: scaleX(1.4) scaleY(1.6);
    opacity: 0; }

.taxpacc-mining .btn-2:active, 
.taxpacc-mining .btn-2:focus {
  outline: none;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(32, 196, 244, 0.45);
          box-shadow: 0 0.5rem 1rem rgba(32, 196, 244, 0.45); }


.taxpacc-mining .no-uppercase {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 1px 2px 0 #246ab4;
    letter-spacing: .5px;
}


/* MINING TAX PAGE */

/* SLIDER */


.demo-2 .sl-slider h2 {
    text-transform: none;
    padding-top: 85px;
	font-size: 250%;
    font-weight: 500;
    color: #fff;
	text-shadow: 2px 2px 2px #000000;
    text-align: center;
    width: 100%;
	max-width: 1440px;
	margin: 0 auto;
    line-height: 140%;
	position: relative;
	z-index: 100;
}

.demo-2 .sl-slider h2:after {
    display: none;
}

.demo-2 .sl-slider .img-2-h2 {
    padding-top: 30px; 
}

#nav-dots {
    background-color: transparent;  
}



/* STYLING FOR CONTACT US PAGE */

#contact_page {padding-bottom: 0;}

.contact-intro {
    /*background-color: rgba(141, 141, 141, 0.2);*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .76)), to(rgba(0, 0, 0, .76))), url(images/contact_bg-1.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(images/contact_bg-1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height:33rem;
    margin-bottom: 2rem; 
}

.contact-details {
    padding: 1rem; 
}

.contact-header h1 {
    font-size: 3.5rem;
    color: #fff;;
    text-transform:none;
    font-weight: 500;
    text-align: center;
    margin-top: 0;
    word-spacing:6px;
}

.contact-details-row {
    margin: 0 auto;
    width:70%;
    /*background-color: rgba(0, 0, 0, 0.75);*/
    border-radius: 3px;
    padding: 0 4rem 2rem 4rem;
}

.contact-details__box {
    width:70%;
    text-align: center;
    padding: .25rem 1rem;
    margin-left: 15%;  
}

.contact-details__icon {
    padding:2rem 1rem;
    color:#fff;
    font-size: 4.05rem;
    text-shadow:2px 2px 1px #246ab4;
    font-weight: 100;
}

.contact-details__text h3 {
    font-size: 1.8rem;
    color:#246ab4;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.contact-details__text h3::after {
    display: block;
    height: 2px;
    background-color:#fff;
    content: " ";
    width: 70%;
    margin: 0 auto;
    margin-top: 10px;
}

.HQ-heading {
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    letter-spacing: .5px;
    margin-bottom: 1rem;
    color: #20c4f4;
    font-size: 1.25rem;
}

.hQ-tel {
    font-weight: 300;
    font-size: 1rem;
    color: #fff;
}

.hQ-tel a:link,
.hQ-tel a:visited {
    color:#fff;
    background-color: transparent;
    font-weight: 300;
    font-size: 1rem;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;   
}

.hQ-tel a:hover,
.hQ-tel a:active{
    color:#246ab4;
}


/* CONTACT FORM */

.section_contact {
    padding: 9rem 0 7rem 0;
    position: relative;
}

.contact {
    width:38rem;
    margin-left: 32%;
    position: relative;
    height: 38rem;
    background-color: #20c4f4;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}

.form-box {
    position: absolute;
    width:38rem;
    height: 38rem;
    top:-4.5rem;
    left:-4.05rem;;
    background-color: rgba(36, 106, 180, 0.79);
    z-index: 10;
    padding: 20px 0;
    border-radius: 20px;
}

.form-header {
    color:#fff;
    text-align: center;
    padding: 3rem 1rem 2rem;
    font-size: 110%;
}

.form-header h2 {
    font-size: 1.7em;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
}

.form-header .long-copy {
    font-family: 'Open Sans', sans-serif;
    width:100%;
    margin-left: 0%;
    font-weight: 400;
    letter-spacing: .25px;
}

.contact-form {
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 20;
    width:100%;
    font-weight: bold;
    color:#fff;
    padding: 1rem;
}

input[type=text],
input[type=email],
input[type=tel] {
    width: 70%;
    margin-left: 15%;
    font-weight: 400;
    font-size: 1rem;
    font-family: inherit;
    /*border: 2px solid #246ab4;
    color: #747373;*/
    margin-bottom: .75rem;
    color: #246ab4;
    padding: .95rem 1.5rem;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.85);
    border: none;
    border-bottom: 3px solid transparent;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s; 
}

input[type=text]:hover,
input[type=email]:hover,  
input[type=tel]:hover {
    background-color:rgba(255, 255, 255, 0.54);
}

*:focus {
    outline: none;}

.form__label {
    font-size: 1rem;
    font-weight: 400;
    margin-left: 5.5rem;
    margin-top: .2rem;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
}

input:placeholder-shown + .form__label {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
}

input[type=submit] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #246ab4;
    border: 2px solid #246ab4;
    background-color: rgba(255, 255, 255, 0.7);
    width:70%;
    margin-left: 15%;
    margin-top: .65rem;
    letter-spacing: .5px;
    padding:.75rem .5rem;
}

input[type=submit]:hover,
input[type=submit]:active {
    background-color: #20c4f4;
    color:#fff;
    border: none;
}

.form-messages {
    position: absolute;
    top:78%;
    left:0%;
    width: 56%;
    margin-left:22%; 
    /*margin: 0 auto;*/
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    padding: 2.5rem;
    margin-bottom: 3rem;
    text-align: center;
    font-weight: 700;
    font-size: 115%;
    z-index:30;
}

.success {
    background-color: #d3fded;
    color: #246ab4;
    border: 3px solid #13ac6b;
}

.error {
    background-color: #918e8e;
    border: 4px solid #b4b4b4;
    color: #fff;
    font-weight: 500;
}

/*STYLES FOR THE GLOBE PILLAR TWO FORM MESSAGES*/
#TP-Pillar2-contact-section .Demoform-message.success { background: #e2f0f4; color: #246ab4; display: block;padding:.5rem;font-weight: 500; margin:1rem auto;}
  
#TP-Pillar2-contact-section .Demoform-message.error { background: #e4e4e4; color: #224e67; display: block; padding: .5rem; font-weight: 500; margin:1rem auto;}


/* 404 error page */

.error-page404 {
    padding: 3rem;
    text-align: center;   
}

.error-message {
    height: 300px;
    margin: 0;
    margin-bottom: 3.5rem;
    padding: 0 3rem 0 3rem;
}

.error-message .col {
    margin-left: 0;
    margin-right: 0;}

.error-page404 .error-img-div {
    height: 300px;
    background: url(images/error-404.png);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}

.error-message h1 {
    font-size: 2.6em;
    color:#a5afb4;
    text-shadow: 2px 1px 1px #555;
    letter-spacing: 2px;
    float: left;
    margin-top: 0;
    margin-left: -3rem;
    line-height: 1.5;
    width: 100%;
}

.big-error {
    font-size:2.5em;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}

.error-message-2 {
    margin: 0 auto;
}

.error-page404 .long-copy {
    clear: both;
    margin-bottom: 1rem;
    color: #6d6d6d;
    width:80%;
    margin-left: 10%;
    font-size:110%;
}

.error-page404 a:link,
.error-page404 a:visited {
    font-weight: 500;
    color:#246ab4;
    text-decoration: none;
    text-shadow: 0 0 0 #246ab4;
    padding-bottom: 1px;
    border-bottom-color: #20c4f4;
}

.error-page404 a:hover,
.error-page404 a:active {
    color:#fff;
}


/* Animations */

@-webkit-keyframes moveInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10rem);
            transform: translateX(-10rem); }
  80% {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0); } 
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10rem);
            transform: translateX(-10rem); }
  80% {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0); } 
}


@-webkit-keyframes moveInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10rem);
            transform: translateX(10rem); }
  80% {
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0); } 
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10rem);
            transform: translateX(10rem); }
  80% {
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0); } 
}


.js--img_slide {
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-1,
.js--wp-2{
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-pulse {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp_right,
.js--wp_left {
    opacity: 0;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.js--wp.animated,
.js--wp_right.animated,
.js--wp_left.animated{
    opacity: 1;
}